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

---
 src/books/embedded/view/components/chapter001.vue            | 3278 ++++++++++++++++++++------------------
 src/books/embedded/view/components/index.vue                 |   36 
 src/books/sportsAndHealth/css/default.less                   |    7 
 src/books/English/view/components/chapter001.vue             |  534 +++--
 src/books/embedded/view/index.vue                            |   12 
 src/books/English/assets/images/Cover.jpg                    |    0 
 src/books/English/assets/main.less                           |    5 
 src/books/childHealth/view/content/index.vue                 |    2 
 src/books/sportsAndHealth/index.vue                          |    1 
 src/books/English/assets/images/icon/错误-copy.svg             |    7 
 src/books/embedded/view/components/header.vue                |  616 ++++---
 src/books/sportsAndHealth/view/chapter002.vue                |  345 +++
 src/books/English/assets/images/grammar.jpg                  |    0 
 src/books/lifeCare/index.vue                                 |   87 
 src/books/English/view/components/header.vue                 |   16 
 src/App.vue                                                  |    4 
 src/books/childHealth/view/content/components/chapter001.vue |    6 
 src/books/English/assets/images/icon/2钩.svg                  |    7 
 18 files changed, 2,774 insertions(+), 2,189 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ae6f4ce..40dc855 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -63,7 +63,9 @@
     } else {
       this.activeBook = await this.config.getBookConfig(
         // childHealth
-        this.config.resourceCtx + "childHealth"
+        // lifeCare
+        // sportsAndHealth
+        this.config.resourceCtx + "sportsAndHealth"
       );
       // 娴嬭瘯璇曡30椤�
       // this.activeBook.tryPageCount = 10;
diff --git a/src/books/English/assets/images/Cover.jpg b/src/books/English/assets/images/Cover.jpg
new file mode 100644
index 0000000..7143ccd
--- /dev/null
+++ b/src/books/English/assets/images/Cover.jpg
Binary files differ
diff --git a/src/books/English/assets/images/grammar.jpg b/src/books/English/assets/images/grammar.jpg
index dbd2cbd..0b22157 100644
--- a/src/books/English/assets/images/grammar.jpg
+++ b/src/books/English/assets/images/grammar.jpg
Binary files differ
diff --git "a/src/books/English/assets/images/icon/2\351\222\251.svg" "b/src/books/English/assets/images/icon/2\351\222\251.svg"
new file mode 100644
index 0000000..c7675f7
--- /dev/null
+++ "b/src/books/English/assets/images/icon/2\351\222\251.svg"
@@ -0,0 +1,7 @@
+<svg t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+  width="40" height="20">
+  <path
+    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+    fill="#1AFA29" p-id="18768"></path>
+</svg>
\ No newline at end of file
diff --git "a/src/books/English/assets/images/icon/\351\224\231\350\257\257-copy.svg" "b/src/books/English/assets/images/icon/\351\224\231\350\257\257-copy.svg"
new file mode 100644
index 0000000..7cc6fac
--- /dev/null
+++ "b/src/books/English/assets/images/icon/\351\224\231\350\257\257-copy.svg"
@@ -0,0 +1,7 @@
+<svg t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+  width="20" height="20">
+  <path
+    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+    fill="#d81e06" p-id="25746"></path>
+</svg>
\ No newline at end of file
diff --git a/src/books/English/assets/main.less b/src/books/English/assets/main.less
index 3439399..b7bda5c 100644
--- a/src/books/English/assets/main.less
+++ b/src/books/English/assets/main.less
@@ -586,7 +586,7 @@
     margin-top: 0.5em;
   }
   .bjh3 {
-    border: 10px dotted #faeec6;
+    border: 5px dotted #faeec6;
     background: #0da785;
     padding: 0.2em 0.4em 0.2em 0.4em;
     color: #ffffff;
@@ -712,6 +712,9 @@
   .mb-20 {
     margin-bottom: 20px;
   }
+  .mt-40 {
+    margin-top: 40px;
+  }
   .wh-nr {
     white-space: nowrap;
   }
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index a84b761..e437630 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="chapter" num="0">
     <!-- 1 -->
-    <div class="page-box" page="6">
+    <div class="page-box" page="7">
       <div class="bodystyle">
         <h1 id="a005">
           <img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
@@ -23,7 +23,7 @@
       </div>
     </div>
     <!-- 2 -->
-    <div class="page-box" page="7">
+    <div class="page-box" page="8">
       <div class="w100 mb-20" style="padding-right: 20px">
         <div
           class="event-header-bc fl al-end"
@@ -48,18 +48,17 @@
             >
             <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo">
               <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="20.501"
-              height="20.501"
-              viewBox="0 0 20.501 20.501"
-              
-            >
-              <path
-                class="a"
-                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
-                transform="translate(-3327.144 15329)"
-              />
-            </svg>
+                xmlns="http://www.w3.org/2000/svg"
+                width="20.501"
+                height="20.501"
+                viewBox="0 0 20.501 20.501"
+              >
+                <path
+                  class="a"
+                  d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                  transform="translate(-3327.144 15329)"
+                />
+              </svg>
             </span>
             <!-- <button
               @click="showAnswerTwo = !showAnswerTwo"
@@ -82,14 +81,20 @@
                     @change="setBookQuestion"
                   />
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="questionData.warnUp.one.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="questionData.warnUp.one.isRight == false"
-                    ></i>
+                    <svg v-if="questionData.warnUp.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="questionData.warnUp.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -118,14 +123,20 @@
                     @change="setBookQuestion"
                   />
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="questionData.warnUp.two.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="questionData.warnUp.two.isRight == false"
-                    ></i>
+                    <svg v-if="questionData.warnUp.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="questionData.warnUp.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -153,14 +164,20 @@
                     @change="setBookQuestion"
                   />
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="questionData.warnUp.three.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="questionData.warnUp.three.isRight == false"
-                    ></i>
+                    <svg v-if="questionData.warnUp.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="questionData.warnUp.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -189,14 +206,20 @@
                     @change="setBookQuestion"
                   />
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="questionData.warnUp.four.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="questionData.warnUp.four.isRight == false"
-                    ></i>
+                    <svg v-if="questionData.warnUp.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="questionData.warnUp.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -224,14 +247,20 @@
                     @change="setBookQuestion"
                   />
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="questionData.warnUp.five.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="questionData.warnUp.five.isRight == false"
-                    ></i>
+                    <svg v-if="questionData.warnUp.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="questionData.warnUp.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -260,14 +289,20 @@
                     @change="setBookQuestion"
                   />
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="questionData.warnUp.six.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="questionData.warnUp.six.isRight == false"
-                    ></i>
+                    <svg v-if="questionData.warnUp.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="questionData.warnUp.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -290,18 +325,17 @@
             </button> -->
             <span class="btn-box" @click="showAnswerOne = !showAnswerOne">
               <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="20.501"
-              height="20.501"
-              viewBox="0 0 20.501 20.501"
-              
-            >
-              <path
-                class="a"
-                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
-                transform="translate(-3327.144 15329)"
-              />
-            </svg>
+                xmlns="http://www.w3.org/2000/svg"
+                width="20.501"
+                height="20.501"
+                viewBox="0 0 20.501 20.501"
+              >
+                <path
+                  class="a"
+                  d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                  transform="translate(-3327.144 15329)"
+                />
+              </svg>
             </span>
           </p>
           <p class="t0">
@@ -329,7 +363,7 @@
       </div>
     </div>
     <!-- 3 -->
-    <div class="page-box" page="8">
+    <div class="page-box" page="9">
       <ul class="preface-odd-header w100 fl ju-bt">
         <li class=""></li>
         <li class="fz-18">
@@ -369,18 +403,17 @@
             </button> -->
             <span class="btn-box" @click="showAnswerThree = !showAnswerThree">
               <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="20.501"
-              height="20.501"
-              viewBox="0 0 20.501 20.501"
-              
-            >
-              <path
-                class="a"
-                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
-                transform="translate(-3327.144 15329)"
-              />
-            </svg>
+                xmlns="http://www.w3.org/2000/svg"
+                width="20.501"
+                height="20.501"
+                viewBox="0 0 20.501 20.501"
+              >
+                <path
+                  class="a"
+                  d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                  transform="translate(-3327.144 15329)"
+                />
+              </svg>
             </span>
           </p>
           <textarea
@@ -409,18 +442,17 @@
             </button> -->
             <span class="btn-box" @click="showAnswerFour = !showAnswerFour">
               <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="20.501"
-              height="20.501"
-              viewBox="0 0 20.501 20.501"
-              
-            >
-              <path
-                class="a"
-                d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
-                transform="translate(-3327.144 15329)"
-              />
-            </svg>
+                xmlns="http://www.w3.org/2000/svg"
+                width="20.501"
+                height="20.501"
+                viewBox="0 0 20.501 20.501"
+              >
+                <path
+                  class="a"
+                  d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+                  transform="translate(-3327.144 15329)"
+                />
+              </svg>
             </span>
           </p>
           <textarea
@@ -450,16 +482,18 @@
           </p>
           <p>
             My
-            <span class="word-bc" @click="saveWord($event,'incredible')"
+            <span class="word-bc" @click="saveWord($event, 'incredible')"
               >incredible</span
             >
             journey to China started in 2017 when I got selected as a foreign
             student for PhD studies at one university.When I arrived in China,I
             was like Alice in Alice in Wonderland.I was curious about the
             people,the culture,the
-            <span class="word-bc" @click="saveWord($event,'cuisine')">cuisine</span>
+            <span class="word-bc" @click="saveWord($event, 'cuisine')"
+              >cuisine</span
+            >
             and of course the huge variety of
-            <span class="word-bc" @click="saveWord($event,'landscapes')"
+            <span class="word-bc" @click="saveWord($event, 'landscapes')"
               >landscapes</span
             >.
           </p>
@@ -467,12 +501,12 @@
             I found many great people and made several Chinese friends along the
             way.These friends made me see China through the eyes of the locals.I
             always found Chinese people very friendly and
-            <span class="word-bc" @click="saveWord($event,'hospitable')"
+            <span class="word-bc" @click="saveWord($event, 'hospitable')"
               >hospitable</span
             >
             towards foreigners.These Chinese friends made my understanding of
             Chinese culture and
-            <span class="word-bc" @click="saveWord($event,'civilization')"
+            <span class="word-bc" @click="saveWord($event, 'civilization')"
               >civilization</span
             >
             much easier,enjoyable and memorable.I consider China my second home
@@ -480,7 +514,9 @@
           </p>
           <p>
             You cannot
-            <span class="word-bc" @click="saveWord($event,'explore')">explore</span>
+            <span class="word-bc" @click="saveWord($event, 'explore')"
+              >explore</span
+            >
             China properly if you do not try its delicious variety of food.If
             you ate
           </p>
@@ -491,7 +527,7 @@
       </div>
     </div>
     <!-- 4 -->
-    <div class="page-box">
+    <div class="page-box" page="10">
       <div class="w100 mb-20" style="padding-right: 20px">
         <div
           class="event-header-bc fl al-end"
@@ -509,15 +545,17 @@
             a new kind of food every day for one whole year,the list of Chinese
             food would still never end! Though I love to eat almost all kinds of
             Chinese cuisine,I found Sichuan and Hunan cuisine quite
-            <span class="word-bc" @click="saveWord($event,'mouth-watering')"
+            <span class="word-bc" @click="saveWord($event, 'mouth-watering')"
               >mouth-watering</span
             >
             and
-            <span class="word-bc" @click="saveWord($event,'stimulating')"
+            <span class="word-bc" @click="saveWord($event, 'stimulating')"
               >stimulating</span
             >.For a
-            <span class="word-bc" @click="saveWord($event,'foodie')">foodie</span> like
-            me,China is a heaven.I simply cannot live without Chinese food.
+            <span class="word-bc" @click="saveWord($event, 'foodie')"
+              >foodie</span
+            >
+            like me,China is a heaven.I simply cannot live without Chinese food.
           </p>
           <p>
             Like I said earlier,China is a huge wonderland.It has thousands of
@@ -525,11 +563,13 @@
             its own story and history.From the big and advanced cities like
             Shanghai or Guangzhou to the ancient cities like Xi鈥檃n and
             Hangzhou,each city has its
-            <span class="word-bc" @click="saveWord($event,'unique')">unique</span>
+            <span class="word-bc" @click="saveWord($event, 'unique')"
+              >unique</span
+            >
             <span
               class="word-bc"
               style="margin-left: 5px"
-              @click="saveWord($event,'atmosphere')"
+              @click="saveWord($event, 'atmosphere')"
               >atmosphere</span
             >
             that attracts you.I visited more than a dozen cities and came across
@@ -544,8 +584,8 @@
           <!-- <p class="center">
             <img class="img-g" alt="" src="../../assets/images/0014-1.jpg" />
           </p> -->
-          <p class="fl al-cn">
-            <span class="zt-cs">Words &amp; Expressions</span>
+          <p class="fl al-cn mt-40">
+            <span class="zt-cs " style="font-size:20px">Words &amp; Expressions</span>
             <span class="line-border-box"></span>
           </p>
           <audio
@@ -609,7 +649,7 @@
       </div>
     </div>
     <!-- 5 -->
-    <div class="page-box">
+    <div class="page-box" page="11">
       <ul class="preface-odd-header w100 fl ju-bt">
         <li class=""></li>
         <li class="fz-18">
@@ -653,8 +693,8 @@
           <p>be curious about ...瀵光�︹�︽劅鍒板ソ濂�</p>
           <p>along the way 娌块��</p>
           <div class="bj-note">
-            <p><b>Notes:</b></p>
-            <p>
+            <p class="m0 "><b class="fz-18">Notes:</b></p>
+            <p class="m0">
               <i>Alice in Wonderland</i> 锛�<i
                 >Alice's Adventures in Wonderland</i
               >鐨勭畝鍐欙紝涓枃璇戜负銆婄埍涓戒笣姊︽父浠欏銆嬶級锛屾槸19涓栫邯鑻卞浗浣滃鍒樻槗鏂峰崱缃楀皵鍒涗綔鐨勮憲鍚嶅効绔ユ枃瀛︿綔鍝侊紝璁茶堪浜嗕竴涓悕鍙埍涓戒笣鐨勮嫳鍥藉皬濂冲涓轰簡杩介�愪竴鍙彛鐫�鎬�琛ㄣ�佷細璇磋瘽鐨勫厰瀛愯�屼笉鎱庢帀鍏ヤ簡鍏斿瓙娲烇紝浠庤�岃繘鍏ヤ簡涓�涓濂囩殑鍥藉害骞剁粡鍘嗕簡涓�绯诲垪濂囧够鍐掗櫓鐨勬晠浜嬨��
@@ -665,13 +705,15 @@
             A.Mark the items that made the author curious when she arrived in
             China.
           </p>
-          <p>鈻� Language</p>
-          <p>鈻� People</p>
-          <p>鈻� Culture</p>
-          <p>鈻� Cuisine</p>
-          <p>鈻� Folk art</p>
-          <p>鈻� Landscapes</p>
-          <p>鈻� Transportation</p>
+          <p>
+            <input type="checkbox" name="ball" value="basketball" id="1" checked="checked"/> 
+            Language</p>
+          <p><input type="checkbox" name="ball" value="basketball" id="1" /> People</p>
+          <p><input type="checkbox" name="ball" value="basketball" id="1"/> Culture</p>
+          <p><input type="checkbox" name="ball" value="basketball" id="1" /> Cuisine</p>
+          <p><input type="checkbox" name="ball" value="basketball" id="1" /> Folk art</p>
+          <p><input type="checkbox" name="ball" value="basketball" id="1" /> Landscapes</p>
+          <p><input type="checkbox" name="ball" value="basketball" id="1" /> Transportation</p>
         </div>
       </div>
       <div class="preface-bottom">
@@ -679,7 +721,7 @@
       </div>
     </div>
     <!-- 6 -->
-    <div class="page-box">
+    <div class="page-box" page="12">
       <div class="w100 mb-20" style="padding-right: 20px">
         <div
           class="event-header-bc fl al-end"
@@ -914,7 +956,7 @@
       </div>
     </div>
     <!-- 7 -->
-    <div class="page-box">
+    <div class="page-box" page="13">
       <ul class="preface-odd-header w100 fl ju-bt">
         <li class=""></li>
         <li class="fz-18">
@@ -1160,18 +1202,25 @@
             绛旀锛� 1.whether &nbsp; 2.if &nbsp; 3.whether &nbsp; 4.whether
             &nbsp; 5.if
           </p>
-          <ul class="fl ju-ev" style="width: 50%">
-            <li><button class="btn-border btn-w">鎻愪氦</button></li>
-            <li><button @click="setTestData" class="btn-border btn-w">淇濆瓨</button></li>
-            <li>
-              <button
-                @click="showQuestionAnswer = !showQuestionAnswer"
-                class="parimary-btn"
-              >
-                鏌ョ湅绛旀
-              </button>
-            </li>
-          </ul>
+          <div class="w100 fl ju-cn">
+            <ul class="fl ju-ev" style="width: 50%">
+              <li><button class="btn-border btn-w">鎻愪氦</button></li>
+              <li>
+                <button @click="setTestData" class="btn-border btn-w">
+                  淇濆瓨
+                </button>
+              </li>
+              <li>
+                <button
+                style="min-height:24px"
+                  @click="showQuestionAnswer = !showQuestionAnswer"
+                  class="parimary-btn"
+                >
+                  鏌ョ湅绛旀
+                </button>
+              </li>
+            </ul>
+          </div>
         </div>
       </div>
       <div class="preface-bottom">
@@ -1179,7 +1228,7 @@
       </div>
     </div>
     <!-- 8 -->
-    <div class="page-box">
+    <div class="page-box" page="14">
       <div class="w100 mb-20" style="padding-right: 20px">
         <div
           class="event-header-bc fl al-end"
@@ -1317,44 +1366,54 @@
           </p>
           <div class="bk-wh">
             <p class="dl-box">
-              <span class="word-bc mr-20 dl-span" @click="saveWord($event,'exquisite')"
+              <span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord($event, 'exquisite')"
                 >exquisite</span
               >
-              <span class="word-bc mr-20 dl-span" @click="saveWord($event,'ancient')"
+              <span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord($event, 'ancient')"
                 >ancient</span
               ><span
                 class="word-bc mr-20 dl-span"
-                @click="saveWord($event,'incredible')"
+                @click="saveWord($event, 'incredible')"
                 >incredible</span
-              ><span class="word-bc mr-20 dl-span" @click="saveWord($event,'unique')"
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord($event, 'unique')"
                 >unique</span
               ><span
                 class="word-bc mr-20 dl-span"
-                @click="saveWord($event,'traditional')"
+                @click="saveWord($event, 'traditional')"
                 >traditional</span
               ><span
                 class="word-bc mr-20 dl-span"
-                @click="saveWord($event,'outstanding')"
+                @click="saveWord($event, 'outstanding')"
                 >outstanding</span
               ><span
                 class="word-bc mr-20 dl-span"
-                @click="saveWord($event,'mouth-watering')"
+                @click="saveWord($event, 'mouth-watering')"
                 >mouth-watering</span
-              ><span class="word-bc mr-20 dl-span" @click="saveWord($event,'diverse')"
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord($event, 'diverse')"
                 >diverse</span
               ><span
                 class="word-bc mr-20 dl-span"
-                @click="saveWord($event,'hospitable')"
+                @click="saveWord($event, 'hospitable')"
                 >hospitable</span
               ><span
                 class="word-bc mr-20 dl-span"
-                @click="saveWord($event,'enjoyable')"
+                @click="saveWord($event, 'enjoyable')"
                 >enjoyable</span
               ><span
                 class="word-bc mr-20 dl-span"
-                @click="saveWord($event,'memorable')"
+                @click="saveWord($event, 'memorable')"
                 >memorable</span
-              ><span class="word-bc mr-20 dl-span" @click="saveWord($event,'charming')"
+              ><span
+                class="word-bc mr-20 dl-span"
+                @click="saveWord($event, 'charming')"
                 >charming</span
               >
             </p>
@@ -1388,7 +1447,7 @@
       </div>
     </div>
     <!-- 9 -->
-    <div class="page-box">
+    <div class="page-box" page="15">
       <ul class="preface-odd-header w100 fl ju-bt">
         <li class=""></li>
         <li class="fz-18">
@@ -1434,14 +1493,20 @@
                     </option>
                   </select>
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="dropdownData.one.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="dropdownData.one.isRight == false"
-                    ></i>
+                    <svg v-if="dropdownData.one.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="dropdownData.one.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -1474,14 +1539,20 @@
                     </option>
                   </select>
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="dropdownData.two.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="dropdownData.two.isRight == false"
-                    ></i>
+                    <svg v-if="dropdownData.two.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="dropdownData.two.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -1513,14 +1584,20 @@
                     </option>
                   </select>
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="dropdownData.three.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="dropdownData.three.isRight == false"
-                    ></i>
+                    <svg v-if="dropdownData.three.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="dropdownData.three.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -1553,14 +1630,20 @@
                     </option>
                   </select>
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="dropdownData.four.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="dropdownData.four.isRight == false"
-                    ></i>
+                    <svg v-if="dropdownData.four.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="dropdownData.four.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -1592,14 +1675,20 @@
                     </option>
                   </select>
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="dropdownData.five.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="dropdownData.five.isRight == false"
-                    ></i>
+                    <svg v-if="dropdownData.five.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="dropdownData.five.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -1632,14 +1721,20 @@
                     </option>
                   </select>
                   <span class="icon-box">
-                    <i
-                      class="el-icon-check correct-icon"
-                      v-if="dropdownData.six.isRight"
-                    ></i>
-                    <i
-                      class="el-icon-close error-icon"
-                      v-if="dropdownData.six.isRight == false"
-                    ></i>
+                    <svg v-if="dropdownData.six.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="40" height="20">
+                      <path
+                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
+                        fill="#1AFA29" p-id="18768"></path>
+                    </svg>
+                    <svg v-if="dropdownData.six.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="20" height="20">
+                      <path
+                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
+                        fill="#d81e06" p-id="25746"></path>
+                    </svg>
                   </span>
                 </p>
               </div>
@@ -1652,18 +1747,22 @@
               </p>
             </div>
           </div>
-          <div class="fl ju-ev" style="width: 70%">
-            <button @click="setDropdownData" class="btn-border btn-w">
-              淇濆瓨
-            </button>
-            <button class="btn-border btn-w">鎻愪氦</button>
-            <button @click="handleDropdown('judge')" class="btn-border btn-w">鍒ゆ柇姝g‘</button>
-            <button
-              @click="showAnswerFive = !showAnswerFive"
-              class="parimary-btn"
-            >
-              鏌ョ湅绛旀
-            </button>
+          <div class="w100 fl ju-cn">
+            <div class="fl ju-ev" style="width: 60%">
+              <button @click="setDropdownData" class="btn-border btn-w">
+                淇濆瓨
+              </button>
+              <button class="btn-border btn-w" @click="handleDropdown('judge')">
+                鎻愪氦
+              </button>
+              <button
+              style="min-height:24px"
+                @click="showAnswerFive = !showAnswerFive"
+                class="parimary-btn"
+              >
+                鏌ョ湅绛旀
+              </button>
+            </div>
           </div>
         </div>
       </div>
@@ -1886,8 +1985,8 @@
     this.getPath();
   },
   methods: {
-    saveWord(event,word) {
-      this.$emit("saveCharacters", event,word);
+    saveWord(event, word) {
+      this.$emit("saveCharacters", event, word);
     },
     setTestData() {
       localStorage.setItem("english-testOne", JSON.stringify(this.testData));
@@ -1999,11 +2098,12 @@
 }
 .btn-w {
   font-size: 14px;
-  border-width:1px;
+  border-width: 1px;
   min-width: 80px;
-  background-color:#fff;
+  min-height: 24px;
+  background-color: #fff;
   &:hover {
-    background-color:#0bab87 ;
+    background-color: #0bab87;
     color: #fff;
   }
 }
diff --git a/src/books/English/view/components/header.vue b/src/books/English/view/components/header.vue
index 815e40e..c95c0a7 100644
--- a/src/books/English/view/components/header.vue
+++ b/src/books/English/view/components/header.vue
@@ -1,13 +1,19 @@
 <template>
   <div class="chapter" num="0">
-    <!-- 1 -->
+    <!--  -->
     <div class="page-box" page="1">
+      <p class="center">
+        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
+      </p>
+    </div>
+    <!-- 1 -->
+    <div class="page-box" page="2">
       <p class="center">
         <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
       </p>
     </div>
     <!-- 2 -->
-    <div class="page-box text-center" style="padding: 136px 0" page="2">
+    <div class="page-box text-center" style="padding: 136px 0" page="3">
       <div class="box">
         <hr class="line" />
         <p class="tl fz-14"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
@@ -65,7 +71,7 @@
       </div>
     </div>
     <!-- 3 -->
-    <div class="page-box " page="3">
+    <div class="page-box " page="4">
       <div class="pd-20 ">
         <div class="preface w100 fl al-end ju-cn">
           <h1 id="a003" class="front preface-text">鍓嶈█</h1>
@@ -93,7 +99,7 @@
       </div>
     </div>
     <!-- 4 -->
-    <div class="page-box" page="4">
+    <div class="page-box" page="5">
       <div class="mb-20" style="padding-right: 20px;">
         <div class="primary-bc fl al-end" style="height: 100px;padding-left: 40px;">
           <div class="preface-header-box y-bc">
@@ -137,7 +143,7 @@
       </div>
     </div>
     <!-- 5 -->
-    <div class="page-box" page="5">
+    <div class="page-box" page="6">
       <ul class="preface-odd-header w100 fl ju-bt">
         <li class="left primary-bc "></li>
         <li>
diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index f7abb17..928bb8b 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -67,7 +67,7 @@
     </div>
     <!-- 2 -->
     <div class="page-box" page="10"  :show="showPageList.indexOf(10) > -1">
-      <div v-if="showPageList.indexOf(10) > -1">
+      <div v-show="showPageList.indexOf(10) > -1">
         <div class="header-box">
           <div class="header-border-box"></div>
           <div class="header-num-box">
@@ -360,8 +360,6 @@
               v-if="testOne && questionData"
               ref="examinationOne"
               :cardList="questionData[10]"
-              :chapter="1"
-              :page="2"
             />
           </div>
           <h2 class="module_block" id="b001" style="margin: 0">
@@ -434,7 +432,7 @@
     </div>
     <!-- 3 -->
     <div class="page-box" page="11" :show="showPageList.indexOf(11) > -1">
-      <div v-if="showPageList.indexOf(11) > -1">
+      <div v-show="showPageList.indexOf(11) > -1">
         <div class="page-header-box">
           <span class="page-header-text"
             >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index d1891c1..40bc629 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -556,6 +556,7 @@
                       testData[catalog][page],
                       this.config.activeBook
                     );
+                    
                   } else {
                     const obj = {};
                     for (let key in testData[catalog][page]) {
@@ -567,6 +568,7 @@
                     }
                     this.questionData[page] = obj;
                   }
+                  console.log('棰樼洰',this.questionData);
                 }
               }
             }
diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
index b415e24..28326db 100644
--- a/src/books/embedded/view/components/chapter001.vue
+++ b/src/books/embedded/view/components/chapter001.vue
@@ -1,559 +1,16 @@
 <template>
-  <div class="chapter" num="1">
+  <div class="chapter" num="2">
     <!-- 1 -->
     <div class="page-box fl fl-cl ju-bt al-end padding-87" page="11">
-      <div class="mt-100 w100">
-        <!-- <h1>椤圭洰涓�銆�瑙︽懜灞忕粍鎬佷粙缁�</h1> -->
-        <img src="../../assets/images/project-one.png" alt="" class="w100" />
-        <p class="quotation">
-          宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠跺彂灞曟湁涓や釜鏂瑰悜锛屼竴鏂归潰鏄悜澶у瀷骞冲彴杞欢鏂瑰悜鍙戝睍锛屼緥濡傦紝鐩存帴浠庣粍鎬佸彂灞曟垚澶у瀷鐨凜IMS銆丒RP绯荤粺绛夛紱鍙︿竴鏂归潰鏄悜灏忓瀷鍖栨柟鍚戝彂灞曪紝鐢遍�氱敤缁勬�佽蒋浠舵紨鍙樹负宓屽叆寮忕粍鎬佽蒋浠讹紝鍙娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屼績浣垮浗瀹跺伐涓氳嚜鍔ㄥ寲绋嬪害蹇�熸彁鍗囷紝鍥犳宓屽叆寮忔柟鍚戝彂灞曟満浼氭洿澶氥�佸競鍦哄閲忔洿澶с�侻CGS宓屽叆寮忚蒋浠跺拰TPC绯诲垪瑙︽懜灞忓緱鍒颁簡涓绘祦宸ユ帶纭欢浼佷笟澶у姏鏀寔锛屾妧鏈В鍐虫柟妗堟繁鍙楃敤鎴风殑濂借瘎銆�
-        </p>
-        <h2 class="secondTitle primary-color" id="sigil_toc_id_13">
-          浠诲姟涓�銆�璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�
-        </h2>
-        <div class="w100 border-so mb-5"></div>
-        <div class="w50 rw-border mb-20"></div>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/mubiao.png"
-            alt=""
-            class="w-35 mr-5"
-          />
-          <b>浠诲姟鐩爣</b>
-        </p>
-        <p class="content">锛�1锛夎璇嗗祵鍏ュ紡宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紱</p>
-        <p class="content">锛�2锛夎璇嗗祵鍏ュ紡瑙︽懜灞廡PC銆�</p>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/miaoshu.png"
-            alt=""
-            class="w-35 mr-5"
-          />
-          <b>浠诲姟鎻忚堪</b>
-        </p>
-        <p class="content">
-          浜嗚В宓屽叆寮忕郴缁熷拰宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紝鐔熸倝宓屽叆寮忚Е鎽稿睆TPC銆�
-        </p>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/xunlian.png"
-            alt=""
-            class="w-35 mr-5"
-          />
-          <b>浠诲姟璁粌</b>
-        </p>
-        <p class="content">
-          宓屽叆寮忕粍鎬佽蒋浠舵槸涓�绉嶇敤浜庡祵鍏ュ紡绯荤粺骞跺甫鏈夌綉缁滃姛鑳界殑搴旂敤杞欢锛屽祵鍏ュ紡绯荤粺鏄寚鍙祵鍏ヨ嚦鏌愪竴璁惧銆佷骇鍝佸苟鍙繛鎺ヨ嚦缃戠粶鐨勫甫鏈夋櫤鑳斤紙鍗冲井澶勭悊鍣級鐨勮澶囥�備緥濡傦紝鍦ㄨ嚜鍔ㄥ彇娆炬満锛圓TM锛夈�佸姙鍏澶囥�佽嚜鍔ㄥ寲浜у搧銆佸鐢ㄧ數鍣ㄣ�佸钩鏉跨數鑴戙�佷釜浜烘暟鐮佸姪鐞嗕箖鑷宠埅绌虹數瀛愰鍩熼兘鏈夊箍娉涘簲鐢ㄣ�傚祵鍏ュ紡缁勬�佽蒋浠跺垎寮�鍙戠郴缁熷拰杩愯绯荤粺銆傚祵鍏ュ紡缁勬�佽蒋浠剁殑寮�鍙戠郴缁熶竴鑸繍琛屼簬鍏锋湁鑹ソ浜烘満鐣岄潰鐨刉indows鎿嶄綔绯荤粺涓婏紝鑰岃繍琛岀郴缁熷彲鍩轰簬澶氱宓屽叆寮忔搷浣滅郴缁熷Windows
-          CE锛孡inux鍜孌OS涔嬩笂锛岀敋鑷崇洿鎺ユ敮鎸佺壒瀹氱殑CPU銆傚祵鍏ュ紡绯荤粺鍏锋湁涓嶱C鍑犱箮涓�鏍风殑鍔熻兘锛屼笌PC鐨勫尯鍒粎浠呮槸灏嗗井鍨嬫搷浣滅郴缁熶笌搴旂敤杞欢宓屽叆鍦≧OM銆丷AM涓嶧lash瀛樺偍鍣ㄤ腑锛岃�屼笉鏄瓨鍌ㄤ簬纾佺洏绛夎浇浣撲腑銆�
-        </p>
-        <p class="content">
-          闅忕潃鍚嶱C鏃朵唬鐨勫埌鏉ワ紝鍦ㄥ埗閫犱笟棰嗗煙鏇存敞閲嶄娇鐢ㄧ鍚堝叾鐗瑰畾闇�姹傚苟甯︽湁鏅鸿兘鐨勫祵鍏ュ紡宸ヤ笟鎺у埗缁勬�佽蒋浠讹紝鑰屽祵鍏ュ紡缁勬�佽蒋浠剁壒鍏风殑鎸夊姛鑳藉壀瑁佺殑鐗规�э紝浠ュ強鍏跺唴宓岀殑瀹炴椂澶氫换鍔℃搷浣滅郴缁燂紝鍙繚璇佹暣涓祵鍏ョ郴缁熶綋绉皬銆佹垚鏈綆銆佸疄鏃舵�ч珮銆佸彲闈犳�ч珮鐨勫悓鏃讹紝杩樻柟渚夸笉鍏峰宓屽叆寮忚蒋浠跺紑鍙戠粡楠岀殑鐢ㄦ埛鍦ㄦ瀬鐭殑鏃堕棿鍐咃紝浣跨敤宓屽叆寮忕粍鎬佽蒋浠跺揩閫熷紑鍙戝畬鎴愪竴涓祵鍏ュ紡绯荤粺锛屽苟鏋佸ぇ鍦板姞蹇簡宓屽叆寮忎骇鍝佽繘鍏ュ競鍦虹殑閫熷害锛岃�屼笖浣夸骇鍝佸叿鏈変赴瀵岀殑浜烘満鐣岄潰銆傚寳浜槅浠戦�氭�佸叕鍙窶CGS缁勬�佽蒋浠讹紝閫氳繃澶у姏鍔犲己瀵瑰伐鎺х‖浠朵骇鍝佺殑椹卞姩鏀寔鍜屾彁鍗囪蒋浠跺唴閮ㄥ姛
-        </p>
-      </div>
-      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
-        <li class="footer-num">1</li>
-        <li class="footer-box"></li>
-      </ul>
-    </div>
-    <!-- 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">
-                <div class="fl al-end">
-                  <img
-                    src="../../assets/images/icon/rar.png"
-                    class="rar-icon"
-                  />
-                  <!-- <img
-                    @click="download('宸ョ▼鏍蜂緥')"
-                    src="../../assets/images/icon/download.png"
-                    class="downlod-icon cu-pr"
-                  /> -->
-                  <span class="svg-btn" @click="download('宸ョ▼鏍蜂緥')">
-                    <svg
-                      t="1716796212460"
-                      class="theme-color icon"
-                      viewBox="0 0 1024 1024"
-                      version="1.1"
-                      xmlns="http://www.w3.org/2000/svg"
-                      p-id="1598"
-                      xmlns:xlink="http://www.w3.org/1999/xlink"
-                      width="15"
-                      height="15"
-                    >
-                      <path
-                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
-                        p-id="1599"
-                      ></path>
-                    </svg>
-                  </span>
-                </div>
-                <div>
-                  <span class="rar-text">宸ョ▼鏍蜂緥.rar</span>
-                </div>
-              </li>
-              <li class="fl fl-cl al-cn p-10">
-                <div class="fl al-end">
-                  <img
-                    src="../../assets/images/icon/rar.png"
-                    class="rar-icon"
-                  />
-                  <!-- <img
-                    @click="download('绠℃帶涓�浣撴牱渚�')"
-                    src="../../assets/images/icon/download.png"
-                    class="downlod-icon cu-pr"
-                  /> -->
-                  <span class="svg-btn" @click="download('绠℃帶涓�浣撴牱渚�')">
-                    <svg
-                      t="1716796212460"
-                      class="icon"
-                      viewBox="0 0 1024 1024"
-                      version="1.1"
-                      xmlns="http://www.w3.org/2000/svg"
-                      p-id="1598"
-                      xmlns:xlink="http://www.w3.org/1999/xlink"
-                      width="15"
-                      height="15"
-                    >
-                      <path
-                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
-                        p-id="1599"
-                      ></path>
-                    </svg>
-                  </span>
-                </div>
-                <div>
-                  <span class="rar-text">绠℃帶涓�浣撳寲鏍蜂緥.rar</span>
-                </div>
-              </li>
-              <li class="fl fl-cl al-cn p-10">
-                <div class="fl al-end">
-                  <img
-                    src="../../assets/images/icon/rar.png"
-                    class="rar-icon"
-                  />
-                  <!-- <img
-                    @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')"
-                    src="../../assets/images/icon/download.png"
-                    class="downlod-icon cu-pr"
-                  /> -->
-                  <span class="svg-btn" @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')">
-                    <svg
-                      t="1716796212460"
-                      class="icon"
-                      viewBox="0 0 1024 1024"
-                      version="1.1"
-                      xmlns="http://www.w3.org/2000/svg"
-                      p-id="1598"
-                      xmlns:xlink="http://www.w3.org/1999/xlink"
-                      width="15"
-                      height="15"
-                    >
-                      <path
-                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
-                        p-id="1599"
-                      ></path>
-                    </svg>
-                  </span>
-                </div>
-                <div>
-                  <span class="rar-text">宓宊璁″垝鏇茬嚎鏍蜂緥.rar</span>
-                </div>
-              </li>
-            </ul>
-            <p class="content t0">
-              鑳斤紝鏈夋晥甯姪鐢ㄦ埛寤洪�犱粠宓屽叆寮忚澶囥�佺幇鍦虹洃鎺у伐浣滅珯鍒颁紒涓氱敓浜х洃鎺т俊鎭綉鍦ㄥ唴鐨勫畬鏁寸殑鑷姩鍖栬В鍐虫柟妗堛�傚浘1-1锝炲浘1-4鎵�绀轰负宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鍚勪釜琛屼笟鐨勬儏鍐点��
-            </p>
-            <div class="qrbodyPic">
-              <div class="openImgBox">
-                <img src="../../assets/images/img00014001.jpg" alt="" class="w100">
-              </div>
-              <p class="imgdescript">鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟</p>
-            </div>
-            <div class="qrbodyPic">
-              <div class="openImgBox">
-                <img src="../../assets/images/img00014002.jpg" alt="" class="w100">
-              </div>
-              <p class="imgdescript">鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟</p>
-            </div>
-            <div class="qrbodyPic">
-              <div class="openImgBox">
-                <img src="../../assets/images/img00014003.jpg" alt="" class="w100">
-              </div>
-              <p class="imgdescript">鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟</p>
-            </div>
-            <div class="qrbodyPic">
-              <div class="openImgBox">
-                <img src="../../assets/images/img00014004.jpg" alt="" class="w100">
-              </div>
-              <p class="imgdescript">鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟</p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <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>
-    <!-- 3 -->
-    <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13">
-      <div>
-        <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
-          <img src="../../assets/images/header-one.png" alt="" />
-        </div>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/arrow-one.png"
-            alt=""
-            class="w-45 mr-5"
-          />
-          <b>璁よ瘑MCGS宓屽叆鐗堢粍鎬佽蒋浠�</b>
-        </p>
-        <p class="content">
-          MCGS宓屽叆鐗堢粍鎬佽蒋浠朵笓闂ㄥ簲鐢ㄤ簬TPC涓�浣撴満锛堣Е鎽稿睆锛夛紝涓昏瀹屾垚鐜板満鏁版嵁鐨勯噰闆嗕笌鐩戞祴銆佸墠绔暟鎹殑澶勭悊涓庢帶鍒朵笌鍏朵粬鐩稿叧鐨勮緭鍏ヨ緭鍑虹‖浠惰澶囩粨鍚堬紝鍙互蹇�熴�佹柟渚垮湴寮�鍙戝悇绉嶇敤浜庣幇鍦洪噰闆嗐�佹暟鎹鐞嗗拰鎺у埗鐨勮嚜鍔ㄥ寲绯荤粺銆備緥濡傦紝鍙互鐏垫椿缁勬�佸悇绉嶆櫤鑳戒华琛ㄣ�佹暟鎹噰闆嗘ā鍧楋紝鏃犵焊璁板綍浠�佹棤浜哄�煎畧鐨勭幇鍦洪噰闆嗙珯銆佷汉鏈虹晫闈㈢瓑涓撶敤璁惧銆�
-        </p>
-        <p class="content">MCGS宓屽叆鐗堢粍鎬佽蒋浠剁殑涓昏鍔熻兘锛�</p>
-        <p class="content">
-          锛�1锛夌畝鍗曠伒娲荤殑鍙鍖栨搷浣滅晫闈細閲囩敤鍏ㄤ腑鏂囥�佸彲瑙嗗寲鐨勫紑鍙戠晫闈紝绗﹀悎涓浗浜虹殑浣跨敤涔犳儻鍜岃姹傘��
-        </p>
-        <p class="content">
-          锛�2锛夊疄鏃舵�у己銆佹湁鑹ソ鐨勫苟琛屽鐞嗘�ц兘锛氱湡姝g殑32浣嶇郴缁燂紝瀵逛换鍔¤繘琛屽垎鏃跺苟琛屽鐞嗐��
-        </p>
-        <p class="content">
-          锛�3锛変赴瀵屻�佺敓鍔ㄧ殑澶氬獟浣撶敾闈細浠ュ浘鍍忋�佸浘绗︺�佹姤琛ㄣ�佹洸绾跨瓑澶氱褰㈠紡锛屾彁渚涙搷浣滃拰鎺у埗淇℃伅銆�
-        </p>
-        <p class="content">
-          锛�4锛夊畬鍠勭殑瀹夊叏鏈哄埗锛氭彁渚涗簡鑹ソ鐨勫畨鍏ㄦ満鍒讹紝鍙互涓哄涓笉鍚岀骇鍒敤鎴疯瀹氫笉鍚岀殑鎿嶄綔鏉冮檺銆�
-        </p>
-        <p class="content">锛�5锛夊己澶х殑缃戠粶鍔熻兘锛氬叿鏈夊己澶х殑缃戠粶閫氫俊鍔熻兘銆�</p>
-        <p class="content">
-          锛�6锛夊鏍峰寲鐨勬姤璀﹀姛鑳斤細鎻愪緵澶氱涓嶅悓鐨勬姤璀︽柟寮忥紝鏂逛究鐢ㄦ埛杩涜鎶ヨ璁剧疆銆�
-        </p>
-        <p class="content">
-          锛�7锛夋敮鎸佸绉嶇‖浠惰澶囷細PLC銆佸彉棰戝櫒銆佷己鏈嶉┍鍔ㄥ櫒銆佷华鍣ㄤ华琛ㄧ瓑銆�
-        </p>
-        <p class="content">
-          鎬讳箣锛孧CGS宓屽叆鐗堢粍鎬佽蒋浠跺叿鏈変笌閫氱敤鐗堢粍鎬佽蒋浠朵竴鏍峰己澶х殑鍔熻兘锛屽苟涓旀搷浣滅畝鍗曪紝鏄撳鏄撶敤銆�
-        </p>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/arrow-two.png"
-            alt=""
-            class="w-45 mr-5"
-          />
-          <b>MCGS宓屽叆鐗堢粍鎬佽蒋浠剁粍鎴�</b>
-        </p>
-        <p class="content">
-          MCGS宓屽叆鐗堢粍鎬佽蒋浠剁敓鎴愮殑鐢ㄦ埛搴旂敤绯荤粺锛岀敱涓绘帶绐楀彛銆佽澶囩獥鍙c�佺敤鎴风獥鍙c�佸疄鏃舵暟鎹簱鍜岃繍琛岀瓥鐣ヤ簲閮ㄥ垎鏋勬垚锛屽鍥�1-5鎵�绀恒��
-        </p>
-        <div class="qrbodyPic">
-          <div class="openImgBox">
-            <img src="../../assets/images/img00015001.jpg" alt="" class="w100">
-          </div>
-          <p class="imgdescript">鍥�1-5銆�鐢ㄦ埛搴旂敤绯荤粺缁勬垚</p>
-        </div>
-        <p class="content">
-          锛�1锛変富鎺х獥鍙f瀯閫犱簡搴旂敤绯荤粺鐨勪富妗嗘灦锛岀‘瀹氫簡宸ヤ笟鎺у埗涓伐绋嬩綔涓氱殑鎬讳綋杞粨锛屼互鍙婅繍琛屾祦绋嬨�佺壒鎬у弬鏁板拰鍚姩鐗规�х瓑鍐呭锛屾槸搴旂敤绯荤粺鐨勪富妗嗘灦銆�
-        </p>
-        <p class="content">
-          锛�2锛夎澶囩獥鍙f槸MCGS宓屽叆鐗堢郴缁熶笌澶栧洿璁惧鑱旂郴鐨勫獟浠嬨�傝澶囩獥鍙d笓闂ㄧ敤鏉ユ斁缃笉鍚�
-        </p>
-      </div>
-      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
-        <li class="footer-num">3</li>
-        <li class="footer-box"></li>
-      </ul>
-    </div>
-    <!-- 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�氳繃璁惧鏋勪欢鎶婂鍥磋澶囩殑鏁版嵁閲囬泦杩涙潵锛岄�佸叆瀹炴椂鏁版嵁搴擄紝鎴栨妸瀹炴椂鏁版嵁搴撲腑鐨勬暟鎹緭鍑哄埌澶栧洿璁惧銆�
+      <div v-if="showPageList.indexOf(11) > -1">
+        <div class="mt-100 w100">
+          <!-- <h1>椤圭洰涓�銆�瑙︽懜灞忕粍鎬佷粙缁�</h1> -->
+          <img src="../../assets/images/project-one.png" alt="" class="w100" />
+          <p class="quotation">
+            宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠跺彂灞曟湁涓や釜鏂瑰悜锛屼竴鏂归潰鏄悜澶у瀷骞冲彴杞欢鏂瑰悜鍙戝睍锛屼緥濡傦紝鐩存帴浠庣粍鎬佸彂灞曟垚澶у瀷鐨凜IMS銆丒RP绯荤粺绛夛紱鍙︿竴鏂归潰鏄悜灏忓瀷鍖栨柟鍚戝彂灞曪紝鐢遍�氱敤缁勬�佽蒋浠舵紨鍙樹负宓屽叆寮忕粍鎬佽蒋浠讹紝鍙娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屼績浣垮浗瀹跺伐涓氳嚜鍔ㄥ寲绋嬪害蹇�熸彁鍗囷紝鍥犳宓屽叆寮忔柟鍚戝彂灞曟満浼氭洿澶氥�佸競鍦哄閲忔洿澶с�侻CGS宓屽叆寮忚蒋浠跺拰TPC绯诲垪瑙︽懜灞忓緱鍒颁簡涓绘祦宸ユ帶纭欢浼佷笟澶у姏鏀寔锛屾妧鏈В鍐虫柟妗堟繁鍙楃敤鎴风殑濂借瘎銆�
           </p>
-          <p class="content">
-            锛�3锛夌敤鎴风獥鍙e疄鐜颁簡鏁版嵁鍜屾祦绋嬬殑鈥滃彲瑙嗗寲鈥濄�傜敤鎴风獥鍙d腑鍙互鏀剧疆涓夌涓嶅悓绫诲瀷鐨勫浘褰㈠璞★細鍥惧厓銆佸浘绗﹀拰鍔ㄧ敾鏋勪欢銆傞�氳繃鍦ㄧ敤鎴风獥鍙e唴鏀剧疆涓嶅悓鐨勫浘褰㈠璞★紝鐢ㄦ埛鍙互鏋勯�犲悇绉嶅鏉傜殑鍥惧舰鐣岄潰锛岀敤涓嶅悓鐨勬柟寮忓疄鐜版暟鎹拰娴佺▼鐨勨�滃彲瑙嗗寲鈥濄��
-          </p>
-          <p class="content">
-            锛�4锛夊疄鏃舵暟鎹簱鏄疢CGS宓屽叆鐗堢郴缁熺殑鏍稿績銆傚疄鏃舵暟鎹簱鐩稿綋浜庝竴涓暟鎹鐞嗕腑蹇冿紝鍚屾椂涔熻捣鍒板叕鍏辨暟鎹氦鎹㈠尯鐨勪綔鐢ㄣ�備粠澶栧洿璁惧閲囬泦鏉ョ殑瀹炴椂鏁版嵁閫佸叆瀹炴椂鏁版嵁搴擄紝绯荤粺鍏朵粬閮ㄥ垎鎿嶄綔鐨勬暟鎹篃鏉ヨ嚜浜庡疄鏃舵暟鎹簱銆�
-          </p>
-          <p class="content">
-            锛�5锛夎繍琛岀瓥鐣ユ槸瀵圭郴缁熻繍琛屾祦绋嬪疄鐜版湁鏁堟帶鍒剁殑鎵嬫銆傝繍琛岀瓥鐣ユ湰韬槸绯荤粺鎻愪緵鐨勪竴涓鏋讹紝鍏堕噷闈㈡斁缃敱绛栫暐鏉′欢鏋勪欢鍜岀瓥鐣ユ瀯浠剁粍鎴愮殑鈥滅瓥鐣ヨ鈥濓紝閫氳繃瀵硅繍琛岀瓥鐣ョ殑瀹氫箟锛屼娇绯荤粺鑳藉鎸夌収璁惧畾鐨勯『搴忓拰鏉′欢鎿嶄綔浠诲姟锛屽疄鐜板澶栧洿璁惧宸ヤ綔杩囩▼鐨勭簿纭帶鍒躲��
-          </p>
-          <p class="quotation fl al-cn t0 primary-color">
-            <img
-              src="../../assets/images/icon/arrow-three.png"
-              alt=""
-              class="w-45 mr-5"
-            />
-            <b>璁よ瘑TPC7062K瑙︽懜灞�</b>
-          </p>
-          <p class="content">
-            宓屽叆寮忕粍鎬佽蒋浠剁殑缁勬�佺幆澧冨拰妯℃嫙杩愯鐜鏄竴濂楀畬鏁寸殑宸ュ叿杞欢锛屽彲浠ュ湪PC涓婅繍琛屻��
-          </p>
-          <p class="content">
-            宓屽叆寮忕粍鎬佽蒋浠剁殑杩愯鐜鏄竴涓嫭绔嬬殑杩愯绯荤粺锛屽畠鎸夌収缁勬�佸伐绋嬩腑鐢ㄦ埛鎸囧畾鐨勬柟寮忚繘琛屽悇绉嶅鐞嗭紝瀹屾垚鐢ㄦ埛缁勬�佽璁$殑鐩爣鍜屽姛鑳姐�備竴鏃︾粍鎬佸伐浣滃畬鎴愶紝骞朵笖灏嗙粍鎬佸ソ鐨勫伐绋嬩笅杞藉埌宓屽叆寮忎竴浣撳寲瑙︽懜灞忥紙渚嬪TPC7062K锛夌殑杩愯鐜涓紝缁勬�佸伐绋嬪氨鍙互绂诲紑缁勬�佺幆澧冭�岀嫭绔嬭繍琛屻�俆PC鏄寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鑷富鐢熶骇鐨勫祵鍏ュ紡涓�浣撳寲瑙︽懜灞忕郴鍒楀瀷鍙凤紝鍏朵腑TPC7062K鍏锋湁浠h〃鎬с��
-          </p>
-          <p class="content">锛�1锛塗PC7062K浼樺娍锛�</p>
-          <p class="content">
-            鈶犻珮娓咃細鍒嗚鲸鐜囦负800脳480鍍忕礌锛岀敤鎴峰彲浣撻獙绮捐嚧銆佽嚜鐒躲�侀�氶�忕殑楂樻竻鐩涘锛�
-          </p>
-          <p class="content">
-            鈶$湡褰╋細65 535鑹叉暟瀛楃湡褰╋紝涓板瘜鐨勫浘褰㈠簱锛岀敤鎴峰彲浜彈椤剁骇闇囨捈鐢昏川锛�
-          </p>
-          <p class="content">
-            鈶㈠彲闈狅細鎶楀共鎵版�ц兘杈惧埌宸ヤ笟III绾ф爣鍑嗭紝閲囩敤LED鑳屽厜姘镐笉榛戝睆锛�
-          </p>
-          <p class="content">
-            鈶i厤缃細ARM9鍐呮牳銆�400MHz涓婚銆�64MB鍐呭瓨銆�128MB瀛樺偍绌洪棿锛�
-          </p>
-          <p class="content">
-            鈶よ蒋浠讹細MCGS鍏ㄥ姛鑳界粍鎬佽蒋浠讹紝鏀寔闂瓨鐩橈紙淇楃ОU鐩橈級澶囦唤鎭㈠锛屽姛鑳芥洿寮哄ぇ锛�
-          </p>
-          <p class="content">
-            鈶ョ幆淇濓細浣庡姛鑰楋紝鏁存満鍔熻�椾粎6W锛屽彂灞曠豢鑹插伐涓氾紝鍊″鑳芥簮鑺傜害锛�
-          </p>
-          <p class="content">
-            鈶︽椂灏氾細7in锛�1in=2.54cm锛夊灞忔樉绀恒�佽秴杞汇�佽秴钖勬満韬璁★紝寮曢绠�绾︽椂灏氾紱
-          </p>
-          <p class="content">
-            鈶ф湇鍔★細绔嬭冻涓浗锛屽叏鏂逛綅銆佹湰鍦熷寲鏈嶅姟锛屾槦绾ф爣鍑嗭紝鐢ㄦ埛鑷充笂銆�
-          </p>
-          <p class="content">
-            锛�2锛塗PC7062K澶栬銆俆PC7062K姝h鍥惧鍥�1-6鎵�绀猴紝TPC7062K鑳岃鍥惧鍥�1-7鎵�绀恒��
-          </p>
-          <p class="content">锛�3锛塗PC7062K渚涚數鎺ョ嚎銆�</p>
-          <p class="quotation primary-boder" style="padding: 4px 0">
-            <img
-              class="s-pic"
-              src="../../assets/images/img00016001.jpg"
-              style="width: 50px"
-            />
-            浠呴檺DC 24V锛佸缓璁數婧愮殑杈撳嚭鍔熺巼涓�15W銆�
-          </p>
-        </div>
-      </div>
-      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
-        <li class="footer-num">4</li>
-        <li class="footer-box"></li>
-      </ul>
-    </div>
-    <!-- 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]"
-            /> -->
-            <div class="openImgBox">
-            <img src="../../assets/images/img00017001.jpg" alt="" class="w100">
-          </div>
-            <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>
-    <!-- 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>
-    <!-- 7 -->
-    <div class="page-box fl fl-cl ju-bt al-end padding-96" 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="table-title fl ju-cn al-cn">
-          <span>琛�1-1銆�璇勫垎琛�</span>
-          <!-- <i class="el-icon-share cu-pr"></i> -->
-          <svg
-            t="1716802335492"
-            class="share-box icon"
-            viewBox="0 0 1024 1024"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            p-id="1782"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-            width="18"
-            height="18"
-          >
-            <path
-              d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
-              p-id="1783"
-            ></path>
-          </svg>
-        </p>
-        <table border="1" cellpadding="4" cellspacing="0">
-          <tr class="table-bc">
-            <td class="table-cn" colspan="2">
-              璇� 鍒� 琛�<br />
-              <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
-            </td>
-            <td class="table-cn">
-              宸� 浣� 褰� 寮� <br />
-              <input type="checkbox" name="xingshi" value="prople" /> 涓汉
-              <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
-              <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
-            </td>
-            <td colspan="2" class="table-cn">
-              宸ヤ綔鏃堕棿/min <br />
-              <input style="width: 80px" class="input-border table-bc" />
-            </td>
-          </tr>
-          <tr class="table-bc">
-            <td class="table-cn">浠诲姟</td>
-            <td class="table-cn">璁粌鍐呭</td>
-            <td class="table-cn">璁粌瑕佹眰</td>
-            <td class="table-cn">瀛︾敓鑷瘎</td>
-            <td class="table-cn">鏁欏笀璇勫垎</td>
-          </tr>
-          <tr>
-            <td rowspan="4">
-              <div style="width: 50px">璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�</div>
-            </td>
-            <td>宓屽叆寮忕粍鎬佸拰瑙︽懜灞忥紝20鍒�</td>
-            <td>
-              <div>
-                鏀堕泦鍚勭被瑙︽懜灞忓姛鑳藉強鎬ц兘淇℃伅锛屽苟杩涜姣旇緝;浜嗚В宓屼汉寮忕粍鎬佺粍鎴愶紝浜嗚ВTPC绯诲垪浜у搧鎬ц兘銆佸瑙備笌鎺ョ嚎
-              </div>
-            </td>
-            <td>
-              <textarea class="textarea-table-td"></textarea>
-            </td>
-            <td>
-              <textarea class="textarea-table-td"></textarea>
-            </td>
-          </tr>
-          <tr>
-            <td>閫氫俊杩炴帴锛�30鍒�</td>
-            <td>
-              <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱C閫氫俊绾匡紝骞舵祴璇�;<br /></div>
-              <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱LC閫氫俊绾匡紝骞舵祴璇�</div>
-            </td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-          <tr>
-            <td>娴嬭瘯涓庡姛鑳斤紝30鍒�</td>
-            <td>TPC涓嶱C閫氫俊鏄惁姝e父</td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-          <tr>
-            <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝20 鍒�</td>
-            <td>
-              宸ュ叿銆佸櫒鏉愩�佸绾跨瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰:閬靛畧绾緥锛屼繚鎸佸伐浣嶆暣娲�
-            </td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-        </table>
-        <div class="tl-rg mt-20">
-          瀛︾敓:<input style="width: 40px" class="input-border" /> 鏁欏笀:<input
-            style="width: 40px"
-            class="input-border"
-          />鏃ユ湡:<input style="width: 82px" class="input-border" />
-        </div>
-        <div class="pr">
-          <h2 class="secondTitle primary-color" id="sigil_toc_id_14">
-            浠诲姟浜屻��MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�
+          <h2 class="secondTitle primary-color" id="sigil_toc_id_13">
+            浠诲姟涓�銆�璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�
           </h2>
           <div class="w100 border-so mb-5"></div>
           <div class="w50 rw-border mb-20"></div>
@@ -565,7 +22,8 @@
             />
             <b>浠诲姟鐩爣</b>
           </p>
-          <p class="content">鎺屾彙MCGS宓屽叆鐗堢粍鎬佽蒋浠禫6.8瀹夎鏂规硶銆�</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"
@@ -574,7 +32,9 @@
             />
             <b>浠诲姟鎻忚堪</b>
           </p>
-          <p class="content">瀛︿範宓屽叆寮忕粍鎬佽蒋浠禫6.8鐨勫畨瑁呮柟娉曞拰姝ラ銆�</p>
+          <p class="content">
+            浜嗚В宓屽叆寮忕郴缁熷拰宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紝鐔熸倝宓屽叆寮忚Е鎽稿睆TPC銆�
+          </p>
           <p class="quotation fl al-cn t0 primary-color">
             <img
               src="../../assets/images/icon/xunlian.png"
@@ -584,1084 +44,1785 @@
             <b>浠诲姟璁粌</b>
           </p>
           <p class="content">
-            鍦ㄦ槅浠戦�氭�佸畼缃戜笂涓嬭浇MCGS_宓屽叆鐗堝畬鏁村畨瑁呭寘锛岃В鍘嬬缉鍚庯紝鍏蜂綋瀹夎姝ラ濡備笅锛�
+            宓屽叆寮忕粍鎬佽蒋浠舵槸涓�绉嶇敤浜庡祵鍏ュ紡绯荤粺骞跺甫鏈夌綉缁滃姛鑳界殑搴旂敤杞欢锛屽祵鍏ュ紡绯荤粺鏄寚鍙祵鍏ヨ嚦鏌愪竴璁惧銆佷骇鍝佸苟鍙繛鎺ヨ嚦缃戠粶鐨勫甫鏈夋櫤鑳斤紙鍗冲井澶勭悊鍣級鐨勮澶囥�備緥濡傦紝鍦ㄨ嚜鍔ㄥ彇娆炬満锛圓TM锛夈�佸姙鍏澶囥�佽嚜鍔ㄥ寲浜у搧銆佸鐢ㄧ數鍣ㄣ�佸钩鏉跨數鑴戙�佷釜浜烘暟鐮佸姪鐞嗕箖鑷宠埅绌虹數瀛愰鍩熼兘鏈夊箍娉涘簲鐢ㄣ�傚祵鍏ュ紡缁勬�佽蒋浠跺垎寮�鍙戠郴缁熷拰杩愯绯荤粺銆傚祵鍏ュ紡缁勬�佽蒋浠剁殑寮�鍙戠郴缁熶竴鑸繍琛屼簬鍏锋湁鑹ソ浜烘満鐣岄潰鐨刉indows鎿嶄綔绯荤粺涓婏紝鑰岃繍琛岀郴缁熷彲鍩轰簬澶氱宓屽叆寮忔搷浣滅郴缁熷Windows
+            CE锛孡inux鍜孌OS涔嬩笂锛岀敋鑷崇洿鎺ユ敮鎸佺壒瀹氱殑CPU銆傚祵鍏ュ紡绯荤粺鍏锋湁涓嶱C鍑犱箮涓�鏍风殑鍔熻兘锛屼笌PC鐨勫尯鍒粎浠呮槸灏嗗井鍨嬫搷浣滅郴缁熶笌搴旂敤杞欢宓屽叆鍦≧OM銆丷AM涓嶧lash瀛樺偍鍣ㄤ腑锛岃�屼笉鏄瓨鍌ㄤ簬纾佺洏绛夎浇浣撲腑銆�
           </p>
-          <ul class="right-resource">
-            <li class="fl al-cn ju-cn border-so p-10">
-              <img
-                src="../../assets/images/icon/anzhuang.png"
-                class="anzhuang-icon"
-              />
-              <span class="primary-color">瀹夎鍖�</span>
-            </li>
-            <li class="fl fl-cl al-cn p-10">
-              <div class="fl al-end">
-                <img src="../../assets/images/icon/rar.png" class="rar-icon" />
-                <!-- <img
-                  @click="
-                    downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')
-                  "
-                  src="../../assets/images/icon/download.png"
-                  class="downlod-icon cu-pr"
-                /> -->
-                <span
-                  class="svg-btn"
-                  @click="
-                    downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')
-                  "
-                >
-                  <svg
-                    t="1716796212460"
-                    class="icon"
-                    viewBox="0 0 1024 1024"
-                    version="1.1"
-                    xmlns="http://www.w3.org/2000/svg"
-                    p-id="1598"
-                    xmlns:xlink="http://www.w3.org/1999/xlink"
-                    width="15"
-                    height="15"
-                  >
-                    <path
-                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
-                      p-id="1599"
-                    ></path>
-                  </svg>
-                </span>
-              </div>
-              <div>
-                <span class="rar-text"
-                  >MCGS宓屽叆鐗�<br />
-                  瀹夎鏂囦欢.rar</span
-                >
-              </div>
-            </li>
-          </ul>
+          <p class="content">
+            闅忕潃鍚嶱C鏃朵唬鐨勫埌鏉ワ紝鍦ㄥ埗閫犱笟棰嗗煙鏇存敞閲嶄娇鐢ㄧ鍚堝叾鐗瑰畾闇�姹傚苟甯︽湁鏅鸿兘鐨勫祵鍏ュ紡宸ヤ笟鎺у埗缁勬�佽蒋浠讹紝鑰屽祵鍏ュ紡缁勬�佽蒋浠剁壒鍏风殑鎸夊姛鑳藉壀瑁佺殑鐗规�э紝浠ュ強鍏跺唴宓岀殑瀹炴椂澶氫换鍔℃搷浣滅郴缁燂紝鍙繚璇佹暣涓祵鍏ョ郴缁熶綋绉皬銆佹垚鏈綆銆佸疄鏃舵�ч珮銆佸彲闈犳�ч珮鐨勫悓鏃讹紝杩樻柟渚夸笉鍏峰宓屽叆寮忚蒋浠跺紑鍙戠粡楠岀殑鐢ㄦ埛鍦ㄦ瀬鐭殑鏃堕棿鍐咃紝浣跨敤宓屽叆寮忕粍鎬佽蒋浠跺揩閫熷紑鍙戝畬鎴愪竴涓祵鍏ュ紡绯荤粺锛屽苟鏋佸ぇ鍦板姞蹇簡宓屽叆寮忎骇鍝佽繘鍏ュ競鍦虹殑閫熷害锛岃�屼笖浣夸骇鍝佸叿鏈変赴瀵岀殑浜烘満鐣岄潰銆傚寳浜槅浠戦�氭�佸叕鍙窶CGS缁勬�佽蒋浠讹紝閫氳繃澶у姏鍔犲己瀵瑰伐鎺х‖浠朵骇鍝佺殑椹卞姩鏀寔鍜屾彁鍗囪蒋浠跺唴閮ㄥ姛
+          </p>
         </div>
-
-        <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>
-        <p class="imgdescript">瑙嗛锛歁CGS瀹夎瑙嗛</p>
-        <p class="content">
-          锛�1锛夎繍琛孲etup.exe鏂囦欢锛孧CGS瀹夎绋嬪簭绐楀彛濡傚浘1-15鎵�绀恒��
-        </p>
-        <p class="content">
-          鍦ㄥ畨瑁呯▼搴忕獥鍙d腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
-        </p>
+        <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>
-      <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>
+    <!-- 2 -->
+    <div class="page-box fl fl-cl ju-bt" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
+        <div>
+          <div class="mt-20">
+            <img src="../../assets/images/page-header.png" class="w100" />
+          </div>
+          <div>
+            <div class="padding-96 pr">
+              <ul class="left-resource">
+                <li class="fl al-cn ju-cn">
+                  <img src="../../assets/images/icon/sucai.png" />
+                  <span class="primary-color">绱犳潗</span>
+                </li>
+                <li class="fl fl-cl al-cn p-10">
+                  <div class="fl al-end">
+                    <img
+                      src="../../assets/images/icon/rar.png"
+                      class="rar-icon"
+                    />
+                    <!-- <img
+                      @click="download('宸ョ▼鏍蜂緥')"
+                      src="../../assets/images/icon/download.png"
+                      class="downlod-icon cu-pr"
+                    /> -->
+                    <span class="svg-btn" @click="download('宸ョ▼鏍蜂緥')">
+                      <svg
+                        t="1716796212460"
+                        class="theme-color icon"
+                        viewBox="0 0 1024 1024"
+                        version="1.1"
+                        xmlns="http://www.w3.org/2000/svg"
+                        p-id="1598"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15"
+                        height="15"
+                      >
+                        <path
+                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                          p-id="1599"
+                        ></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div>
+                    <span class="rar-text">宸ョ▼鏍蜂緥.rar</span>
+                  </div>
+                </li>
+                <li class="fl fl-cl al-cn p-10">
+                  <div class="fl al-end">
+                    <img
+                      src="../../assets/images/icon/rar.png"
+                      class="rar-icon"
+                    />
+                    <!-- <img
+                      @click="download('绠℃帶涓�浣撴牱渚�')"
+                      src="../../assets/images/icon/download.png"
+                      class="downlod-icon cu-pr"
+                    /> -->
+                    <span class="svg-btn" @click="download('绠℃帶涓�浣撴牱渚�')">
+                      <svg
+                        t="1716796212460"
+                        class="icon"
+                        viewBox="0 0 1024 1024"
+                        version="1.1"
+                        xmlns="http://www.w3.org/2000/svg"
+                        p-id="1598"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15"
+                        height="15"
+                      >
+                        <path
+                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                          p-id="1599"
+                        ></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div>
+                    <span class="rar-text">绠℃帶涓�浣撳寲鏍蜂緥.rar</span>
+                  </div>
+                </li>
+                <li class="fl fl-cl al-cn p-10">
+                  <div class="fl al-end">
+                    <img
+                      src="../../assets/images/icon/rar.png"
+                      class="rar-icon"
+                    />
+                    <!-- <img
+                      @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')"
+                      src="../../assets/images/icon/download.png"
+                      class="downlod-icon cu-pr"
+                    /> -->
+                    <span class="svg-btn" @click="download('宓宊璁″垝鏇茬嚎鏍蜂緥')">
+                      <svg
+                        t="1716796212460"
+                        class="icon"
+                        viewBox="0 0 1024 1024"
+                        version="1.1"
+                        xmlns="http://www.w3.org/2000/svg"
+                        p-id="1598"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        width="15"
+                        height="15"
+                      >
+                        <path
+                          d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                          p-id="1599"
+                        ></path>
+                      </svg>
+                    </span>
+                  </div>
+                  <div>
+                    <span class="rar-text">宓宊璁″垝鏇茬嚎鏍蜂緥.rar</span>
+                  </div>
+                </li>
+              </ul>
+              <p class="content t0">
+                鑳斤紝鏈夋晥甯姪鐢ㄦ埛寤洪�犱粠宓屽叆寮忚澶囥�佺幇鍦虹洃鎺у伐浣滅珯鍒颁紒涓氱敓浜х洃鎺т俊鎭綉鍦ㄥ唴鐨勫畬鏁寸殑鑷姩鍖栬В鍐虫柟妗堛�傚浘1-1锝炲浘1-4鎵�绀轰负宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鍚勪釜琛屼笟鐨勬儏鍐点��
+              </p>
+              <div class="qrbodyPic">
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00014001.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟</p>
+              </div>
+              <div class="qrbodyPic">
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00014002.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟</p>
+              </div>
+              <div class="qrbodyPic">
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00014003.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟</p>
+              </div>
+              <div class="qrbodyPic">
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00014004.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+          <li class="footer-num">2</li>
+          <li class="footer-box"></li>
+        </ul>
+    </div>
+    <!-- 3 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-86" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
+        <div>
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/arrow-one.png"
+              alt=""
+              class="w-45 mr-5"
+            />
+            <b>璁よ瘑MCGS宓屽叆鐗堢粍鎬佽蒋浠�</b>
+          </p>
+          <p class="content">
+            MCGS宓屽叆鐗堢粍鎬佽蒋浠朵笓闂ㄥ簲鐢ㄤ簬TPC涓�浣撴満锛堣Е鎽稿睆锛夛紝涓昏瀹屾垚鐜板満鏁版嵁鐨勯噰闆嗕笌鐩戞祴銆佸墠绔暟鎹殑澶勭悊涓庢帶鍒朵笌鍏朵粬鐩稿叧鐨勮緭鍏ヨ緭鍑虹‖浠惰澶囩粨鍚堬紝鍙互蹇�熴�佹柟渚垮湴寮�鍙戝悇绉嶇敤浜庣幇鍦洪噰闆嗐�佹暟鎹鐞嗗拰鎺у埗鐨勮嚜鍔ㄥ寲绯荤粺銆備緥濡傦紝鍙互鐏垫椿缁勬�佸悇绉嶆櫤鑳戒华琛ㄣ�佹暟鎹噰闆嗘ā鍧楋紝鏃犵焊璁板綍浠�佹棤浜哄�煎畧鐨勭幇鍦洪噰闆嗙珯銆佷汉鏈虹晫闈㈢瓑涓撶敤璁惧銆�
+          </p>
+          <p class="content">MCGS宓屽叆鐗堢粍鎬佽蒋浠剁殑涓昏鍔熻兘锛�</p>
+          <p class="content">
+            锛�1锛夌畝鍗曠伒娲荤殑鍙鍖栨搷浣滅晫闈細閲囩敤鍏ㄤ腑鏂囥�佸彲瑙嗗寲鐨勫紑鍙戠晫闈紝绗﹀悎涓浗浜虹殑浣跨敤涔犳儻鍜岃姹傘��
+          </p>
+          <p class="content">
+            锛�2锛夊疄鏃舵�у己銆佹湁鑹ソ鐨勫苟琛屽鐞嗘�ц兘锛氱湡姝g殑32浣嶇郴缁燂紝瀵逛换鍔¤繘琛屽垎鏃跺苟琛屽鐞嗐��
+          </p>
+          <p class="content">
+            锛�3锛変赴瀵屻�佺敓鍔ㄧ殑澶氬獟浣撶敾闈細浠ュ浘鍍忋�佸浘绗︺�佹姤琛ㄣ�佹洸绾跨瓑澶氱褰㈠紡锛屾彁渚涙搷浣滃拰鎺у埗淇℃伅銆�
+          </p>
+          <p class="content">
+            锛�4锛夊畬鍠勭殑瀹夊叏鏈哄埗锛氭彁渚涗簡鑹ソ鐨勫畨鍏ㄦ満鍒讹紝鍙互涓哄涓笉鍚岀骇鍒敤鎴疯瀹氫笉鍚岀殑鎿嶄綔鏉冮檺銆�
+          </p>
+          <p class="content">锛�5锛夊己澶х殑缃戠粶鍔熻兘锛氬叿鏈夊己澶х殑缃戠粶閫氫俊鍔熻兘銆�</p>
+          <p class="content">
+            锛�6锛夊鏍峰寲鐨勬姤璀﹀姛鑳斤細鎻愪緵澶氱涓嶅悓鐨勬姤璀︽柟寮忥紝鏂逛究鐢ㄦ埛杩涜鎶ヨ璁剧疆銆�
+          </p>
+          <p class="content">
+            锛�7锛夋敮鎸佸绉嶇‖浠惰澶囷細PLC銆佸彉棰戝櫒銆佷己鏈嶉┍鍔ㄥ櫒銆佷华鍣ㄤ华琛ㄧ瓑銆�
+          </p>
+          <p class="content">
+            鎬讳箣锛孧CGS宓屽叆鐗堢粍鎬佽蒋浠跺叿鏈変笌閫氱敤鐗堢粍鎬佽蒋浠朵竴鏍峰己澶х殑鍔熻兘锛屽苟涓旀搷浣滅畝鍗曪紝鏄撳鏄撶敤銆�
+          </p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/arrow-two.png"
+              alt=""
+              class="w-45 mr-5"
+            />
+            <b>MCGS宓屽叆鐗堢粍鎬佽蒋浠剁粍鎴�</b>
+          </p>
+          <p class="content">
+            MCGS宓屽叆鐗堢粍鎬佽蒋浠剁敓鎴愮殑鐢ㄦ埛搴旂敤绯荤粺锛岀敱涓绘帶绐楀彛銆佽澶囩獥鍙c�佺敤鎴风獥鍙c�佸疄鏃舵暟鎹簱鍜岃繍琛岀瓥鐣ヤ簲閮ㄥ垎鏋勬垚锛屽鍥�1-5鎵�绀恒��
+          </p>
+          <div class="qrbodyPic">
+            <div class="openImgBox">
+              <img src="../../assets/images/img00015001.jpg" alt="" class="w100">
+            </div>
+            <p class="imgdescript">鍥�1-5銆�鐢ㄦ埛搴旂敤绯荤粺缁勬垚</p>
+          </div>
+          <p class="content">
+            锛�1锛変富鎺х獥鍙f瀯閫犱簡搴旂敤绯荤粺鐨勪富妗嗘灦锛岀‘瀹氫簡宸ヤ笟鎺у埗涓伐绋嬩綔涓氱殑鎬讳綋杞粨锛屼互鍙婅繍琛屾祦绋嬨�佺壒鎬у弬鏁板拰鍚姩鐗规�х瓑鍐呭锛屾槸搴旂敤绯荤粺鐨勪富妗嗘灦銆�
+          </p>
+          <p class="content">
+            锛�2锛夎澶囩獥鍙f槸MCGS宓屽叆鐗堢郴缁熶笌澶栧洿璁惧鑱旂郴鐨勫獟浠嬨�傝澶囩獥鍙d笓闂ㄧ敤鏉ユ斁缃笉鍚�
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">3</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
+    </div>
+    <!-- 4 -->
+    <div class="page-box fl fl-cl ju-bt" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
+        <div>
+          <div class="mt-20">
+            <img src="../../assets/images/page-header.png" alt="" class="w100" />
+          </div>
+          <div class="padding-96">
+            <p class="content t0">
+              绫诲瀷鍜屽姛鑳界殑璁惧鏋勪欢锛屽疄鐜板澶栧洿璁惧鐨勬搷浣滃拰鎺у埗銆傝澶囩獥鍙i�氳繃璁惧鏋勪欢鎶婂鍥磋澶囩殑鏁版嵁閲囬泦杩涙潵锛岄�佸叆瀹炴椂鏁版嵁搴擄紝鎴栨妸瀹炴椂鏁版嵁搴撲腑鐨勬暟鎹緭鍑哄埌澶栧洿璁惧銆�
+            </p>
+            <p class="content">
+              锛�3锛夌敤鎴风獥鍙e疄鐜颁簡鏁版嵁鍜屾祦绋嬬殑鈥滃彲瑙嗗寲鈥濄�傜敤鎴风獥鍙d腑鍙互鏀剧疆涓夌涓嶅悓绫诲瀷鐨勫浘褰㈠璞★細鍥惧厓銆佸浘绗﹀拰鍔ㄧ敾鏋勪欢銆傞�氳繃鍦ㄧ敤鎴风獥鍙e唴鏀剧疆涓嶅悓鐨勫浘褰㈠璞★紝鐢ㄦ埛鍙互鏋勯�犲悇绉嶅鏉傜殑鍥惧舰鐣岄潰锛岀敤涓嶅悓鐨勬柟寮忓疄鐜版暟鎹拰娴佺▼鐨勨�滃彲瑙嗗寲鈥濄��
+            </p>
+            <p class="content">
+              锛�4锛夊疄鏃舵暟鎹簱鏄疢CGS宓屽叆鐗堢郴缁熺殑鏍稿績銆傚疄鏃舵暟鎹簱鐩稿綋浜庝竴涓暟鎹鐞嗕腑蹇冿紝鍚屾椂涔熻捣鍒板叕鍏辨暟鎹氦鎹㈠尯鐨勪綔鐢ㄣ�備粠澶栧洿璁惧閲囬泦鏉ョ殑瀹炴椂鏁版嵁閫佸叆瀹炴椂鏁版嵁搴擄紝绯荤粺鍏朵粬閮ㄥ垎鎿嶄綔鐨勬暟鎹篃鏉ヨ嚜浜庡疄鏃舵暟鎹簱銆�
+            </p>
+            <p class="content">
+              锛�5锛夎繍琛岀瓥鐣ユ槸瀵圭郴缁熻繍琛屾祦绋嬪疄鐜版湁鏁堟帶鍒剁殑鎵嬫銆傝繍琛岀瓥鐣ユ湰韬槸绯荤粺鎻愪緵鐨勪竴涓鏋讹紝鍏堕噷闈㈡斁缃敱绛栫暐鏉′欢鏋勪欢鍜岀瓥鐣ユ瀯浠剁粍鎴愮殑鈥滅瓥鐣ヨ鈥濓紝閫氳繃瀵硅繍琛岀瓥鐣ョ殑瀹氫箟锛屼娇绯荤粺鑳藉鎸夌収璁惧畾鐨勯『搴忓拰鏉′欢鎿嶄綔浠诲姟锛屽疄鐜板澶栧洿璁惧宸ヤ綔杩囩▼鐨勭簿纭帶鍒躲��
+            </p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/arrow-three.png"
+                alt=""
+                class="w-45 mr-5"
+              />
+              <b>璁よ瘑TPC7062K瑙︽懜灞�</b>
+            </p>
+            <p class="content">
+              宓屽叆寮忕粍鎬佽蒋浠剁殑缁勬�佺幆澧冨拰妯℃嫙杩愯鐜鏄竴濂楀畬鏁寸殑宸ュ叿杞欢锛屽彲浠ュ湪PC涓婅繍琛屻��
+            </p>
+            <p class="content">
+              宓屽叆寮忕粍鎬佽蒋浠剁殑杩愯鐜鏄竴涓嫭绔嬬殑杩愯绯荤粺锛屽畠鎸夌収缁勬�佸伐绋嬩腑鐢ㄦ埛鎸囧畾鐨勬柟寮忚繘琛屽悇绉嶅鐞嗭紝瀹屾垚鐢ㄦ埛缁勬�佽璁$殑鐩爣鍜屽姛鑳姐�備竴鏃︾粍鎬佸伐浣滃畬鎴愶紝骞朵笖灏嗙粍鎬佸ソ鐨勫伐绋嬩笅杞藉埌宓屽叆寮忎竴浣撳寲瑙︽懜灞忥紙渚嬪TPC7062K锛夌殑杩愯鐜涓紝缁勬�佸伐绋嬪氨鍙互绂诲紑缁勬�佺幆澧冭�岀嫭绔嬭繍琛屻�俆PC鏄寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鑷富鐢熶骇鐨勫祵鍏ュ紡涓�浣撳寲瑙︽懜灞忕郴鍒楀瀷鍙凤紝鍏朵腑TPC7062K鍏锋湁浠h〃鎬с��
+            </p>
+            <p class="content">锛�1锛塗PC7062K浼樺娍锛�</p>
+            <p class="content">
+              鈶犻珮娓咃細鍒嗚鲸鐜囦负800脳480鍍忕礌锛岀敤鎴峰彲浣撻獙绮捐嚧銆佽嚜鐒躲�侀�氶�忕殑楂樻竻鐩涘锛�
+            </p>
+            <p class="content">
+              鈶$湡褰╋細65 535鑹叉暟瀛楃湡褰╋紝涓板瘜鐨勫浘褰㈠簱锛岀敤鎴峰彲浜彈椤剁骇闇囨捈鐢昏川锛�
+            </p>
+            <p class="content">
+              鈶㈠彲闈狅細鎶楀共鎵版�ц兘杈惧埌宸ヤ笟III绾ф爣鍑嗭紝閲囩敤LED鑳屽厜姘镐笉榛戝睆锛�
+            </p>
+            <p class="content">
+              鈶i厤缃細ARM9鍐呮牳銆�400MHz涓婚銆�64MB鍐呭瓨銆�128MB瀛樺偍绌洪棿锛�
+            </p>
+            <p class="content">
+              鈶よ蒋浠讹細MCGS鍏ㄥ姛鑳界粍鎬佽蒋浠讹紝鏀寔闂瓨鐩橈紙淇楃ОU鐩橈級澶囦唤鎭㈠锛屽姛鑳芥洿寮哄ぇ锛�
+            </p>
+            <p class="content">
+              鈶ョ幆淇濓細浣庡姛鑰楋紝鏁存満鍔熻�椾粎6W锛屽彂灞曠豢鑹插伐涓氾紝鍊″鑳芥簮鑺傜害锛�
+            </p>
+            <p class="content">
+              鈶︽椂灏氾細7in锛�1in=2.54cm锛夊灞忔樉绀恒�佽秴杞汇�佽秴钖勬満韬璁★紝寮曢绠�绾︽椂灏氾紱
+            </p>
+            <p class="content">
+              鈶ф湇鍔★細绔嬭冻涓浗锛屽叏鏂逛綅銆佹湰鍦熷寲鏈嶅姟锛屾槦绾ф爣鍑嗭紝鐢ㄦ埛鑷充笂銆�
+            </p>
+            <p class="content">
+              锛�2锛塗PC7062K澶栬銆俆PC7062K姝h鍥惧鍥�1-6鎵�绀猴紝TPC7062K鑳岃鍥惧鍥�1-7鎵�绀恒��
+            </p>
+            <p class="content">锛�3锛塗PC7062K渚涚數鎺ョ嚎銆�</p>
+            <p class="quotation primary-boder" style="padding: 4px 0">
+              <img
+                class="s-pic"
+                src="../../assets/images/img00016001.jpg"
+                style="width: 50px"
+              />
+              浠呴檺DC 24V锛佸缓璁數婧愮殑杈撳嚭鍔熺巼涓�15W銆�
+            </p>
+          </div>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+          <li class="footer-num">4</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
+    </div>
+    <!-- 5 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <div class="fl">
+            <div class="">
+              <!-- <el-image
+                :src="imgSix"
+                active="true"
+                :preview-src-list="[imgSix]"
+              /> -->
+              <div class="openImgBox">
+              <img src="../../assets/images/img00017001.jpg" alt="" class="w100">
+            </div>
+              <p class="imgdescript">鍥�1-6銆�姝h鍥�</p>
+            </div>
+            <div class="">
+              <div class="openImgBox">
+                <img src="../../assets/images/img00017002.jpg" alt="" class="w100">
+              </div>
+              <p class="imgdescript">鍥�1-7銆�鑳岃鍥�</p>
+            </div>
+          </div>
+          <div class="fl al-cn">
+            <div class="left">
+              <p class="content">鎺ョ嚎姝ラ锛�</p>
+              <p class="content">
+                鈶犲皢寮�鍏崇數婧�24V+绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎1绔腑锛屽鍥�1-8鎵�绀恒��
+              </p>
+              <p class="content">鈶″皢寮�鍏崇數婧�24V-绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎2绔腑銆�</p>
+              <p class="content">鈶娇鐢ㄤ竴瀛楀ご鏃嬪叿灏員PC鐢垫簮鎻掑ご铻洪拤閿佺揣銆�</p>
+            </div>
+            <div class="right">
+              <div class="openImgBox">
+                <img src="../../assets/images/img00017003.jpg" alt="" class="w100">
+              </div>
+              <p class="imgdescript">鍥�1-8銆�鐢垫簮鎻掑ご绀烘剰鍥惧強寮曡剼瀹氫箟</p>
+            </div>
+          </div>
+  
+          <p class="content">
+            锛�4锛塗PC7062K澶栭儴鎺ュ彛銆傛帴鍙h鏄庡鍥�1-9鎵�绀猴紝涓插彛寮曡剼瀹氫箟濡傚浘1-10鎵�绀恒��
+          </p>
+          <div>
+            <div class="openImgBox">
+                <img src="../../assets/images/img00017004.jpg" alt="" class="w100">
+              </div>
+            <p class="imgdescript">鍥�1-9銆�鎺ュ彛璇存槑</p>
+          </div>
+          <div>
+            <div class="openImgBox">
+                <img src="../../assets/images/img00017005.jpg" alt="" class="w100">
+              </div>
+            <p class="imgdescript">鍥�1-10銆�涓插彛寮曡剼瀹氫箟</p>
+          </div>
+          <p class="content">
+            锛�5锛塗PC7062K鍚姩銆備娇鐢�24V鐩存祦鐢垫簮缁橳PC渚涚數锛屽紑鏈哄惎鍔ㄥ悗灞忓箷鍑虹幇鈥滄鍦ㄥ惎鍔ㄢ�濇彁绀鸿繘搴︽潯锛屾鏃朵笉闇�浠讳綍鎿嶄綔鑷姩杩涘叆宸ョ▼杩愯鐣岄潰锛屽鍥�1-11鎵�绀恒��
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">5</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
+    </div>
+    <!-- 6 -->
+    <div class="page-box fl fl-cl ju-bt" page="16">
+      <div v-if="showPageList.indexOf(16) > -1">
+        <div>
+          <div class="mt-20">
+            <img src="../../assets/images/page-header.png" alt="" class="w100" />
+          </div>
+          <div class="padding-96">
+            <div>
+              <div class="openImgBox">
+                <img src="../../assets/images/img00018001.jpg" alt="" class="w100">
+              </div>
+              <p class="imgdescript">鍥�1-11銆�TPC鍚姩杩囩▼</p>
+            </div>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/arrow-four.png"
+                alt=""
+                class="w-45 mr-5"
+              />
+              <b>TPC7062K涓庝笁娆句富娴丳LC閫氫俊鎺ョ嚎</b>
+            </p>
+            <p class="content">
+              TPC7062K涓庝笁娆句富娴丳LC閫氫俊鎺ョ嚎濡傚浘1-12锝炲浘1-14鎵�绀恒��
+            </p>
+            <div style="width: 90%" class="m0-auto">
+              <div class="openImgBox">
+                <img src="../../assets/images/img00018002.jpg" alt="" class="w100">
+              </div>
+              <p class="imgdescript">
+                鍥�1-12銆�TPC7062K涓庤タ闂ㄥ瓙S7-200绯诲垪PLC閫氫俊鎺ョ嚎
+              </p>
+            </div>
+            <div class="m0-auto" style="width: 90%">
+              <div class="openImgBox">
+                <img src="../../assets/images/img00018003.jpg" alt="" class="w100">
+              </div>
+              <p class="imgdescript">鍥�1-13銆�TPC7062K涓庢濮嗛緳PLC閫氫俊鎺ョ嚎</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
+          <li class="footer-num">6</li>
+          <li class="footer-box"></li>
+        </ul>
+    </div>
+    <!-- 7 -->
+    <div class="page-box fl fl-cl ju-bt al-end padding-96" page="17">
+      <div v-if="showPageList.indexOf(17) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <div>
+            <div class="openImgBox">
+                <img src="../../assets/images/img00019001.jpg" alt="" class="w100">
+              </div>
+            <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p>
+          </div>
+          <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p>
+          <p class="table-title fl ju-cn al-cn">
+            <span>琛�1-1銆�璇勫垎琛�</span>
+            <!-- <i class="el-icon-share cu-pr"></i> -->
+            <svg
+              t="1716802335492"
+              class="share-box icon"
+              viewBox="0 0 1024 1024"
+              version="1.1"
+              xmlns="http://www.w3.org/2000/svg"
+              p-id="1782"
+              xmlns:xlink="http://www.w3.org/1999/xlink"
+              width="18"
+              height="18"
+            >
+              <path
+                d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
+                p-id="1783"
+              ></path>
+            </svg>
+          </p>
+          <table border="1" cellpadding="4" cellspacing="0">
+            <tr class="table-bc">
+              <td class="table-cn" colspan="2">
+                璇� 鍒� 琛�<br />
+                <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+              </td>
+              <td class="table-cn">
+                宸� 浣� 褰� 寮� <br />
+                <input type="checkbox" name="xingshi" value="prople" /> 涓汉
+                <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
+                <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
+              </td>
+              <td colspan="2" class="table-cn">
+                宸ヤ綔鏃堕棿/min <br />
+                <input style="width: 80px" class="input-border table-bc" />
+              </td>
+            </tr>
+            <tr class="table-bc">
+              <td class="table-cn">浠诲姟</td>
+              <td class="table-cn">璁粌鍐呭</td>
+              <td class="table-cn">璁粌瑕佹眰</td>
+              <td class="table-cn">瀛︾敓鑷瘎</td>
+              <td class="table-cn">鏁欏笀璇勫垎</td>
+            </tr>
+            <tr>
+              <td rowspan="4">
+                <div style="width: 50px">璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�</div>
+              </td>
+              <td>宓屽叆寮忕粍鎬佸拰瑙︽懜灞忥紝20鍒�</td>
+              <td>
+                <div>
+                  鏀堕泦鍚勭被瑙︽懜灞忓姛鑳藉強鎬ц兘淇℃伅锛屽苟杩涜姣旇緝;浜嗚В宓屼汉寮忕粍鎬佺粍鎴愶紝浜嗚ВTPC绯诲垪浜у搧鎬ц兘銆佸瑙備笌鎺ョ嚎
+                </div>
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+            </tr>
+            <tr>
+              <td>閫氫俊杩炴帴锛�30鍒�</td>
+              <td>
+                <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱C閫氫俊绾匡紝骞舵祴璇�;<br /></div>
+                <div>瑙傚療鍔ㄦ墜鍒朵綔TPC涓嶱LC閫氫俊绾匡紝骞舵祴璇�</div>
+              </td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>娴嬭瘯涓庡姛鑳斤紝30鍒�</td>
+              <td>TPC涓嶱C閫氫俊鏄惁姝e父</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝20 鍒�</td>
+              <td>
+                宸ュ叿銆佸櫒鏉愩�佸绾跨瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰:閬靛畧绾緥锛屼繚鎸佸伐浣嶆暣娲�
+              </td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+          </table>
+          <div class="tl-rg mt-20">
+            瀛︾敓:<input style="width: 40px" class="input-border" /> 鏁欏笀:<input
+              style="width: 40px"
+              class="input-border"
+            />鏃ユ湡:<input style="width: 82px" class="input-border" />
+          </div>
+          <div class="pr">
+            <h2 class="secondTitle primary-color" id="sigil_toc_id_14">
+              浠诲姟浜屻��MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�
+            </h2>
+            <div class="w100 border-so mb-5"></div>
+            <div class="w50 rw-border mb-20"></div>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/mubiao.png"
+                alt=""
+                class="w-35 mr-5"
+              />
+              <b>浠诲姟鐩爣</b>
+            </p>
+            <p class="content">鎺屾彙MCGS宓屽叆鐗堢粍鎬佽蒋浠禫6.8瀹夎鏂规硶銆�</p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/miaoshu.png"
+                alt=""
+                class="w-35 mr-5"
+              />
+              <b>浠诲姟鎻忚堪</b>
+            </p>
+            <p class="content">瀛︿範宓屽叆寮忕粍鎬佽蒋浠禫6.8鐨勫畨瑁呮柟娉曞拰姝ラ銆�</p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/xunlian.png"
+                alt=""
+                class="w-35 mr-5"
+              />
+              <b>浠诲姟璁粌</b>
+            </p>
+            <p class="content">
+              鍦ㄦ槅浠戦�氭�佸畼缃戜笂涓嬭浇MCGS_宓屽叆鐗堝畬鏁村畨瑁呭寘锛岃В鍘嬬缉鍚庯紝鍏蜂綋瀹夎姝ラ濡備笅锛�
+            </p>
+            <ul class="right-resource">
+              <li class="fl al-cn ju-cn border-so p-10">
+                <img
+                  src="../../assets/images/icon/anzhuang.png"
+                  class="anzhuang-icon"
+                />
+                <span class="primary-color">瀹夎鍖�</span>
+              </li>
+              <li class="fl fl-cl al-cn p-10">
+                <div class="fl al-end">
+                  <img src="../../assets/images/icon/rar.png" class="rar-icon" />
+                  <!-- <img
+                    @click="
+                      downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')
+                    "
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  /> -->
+                  <span
+                    class="svg-btn"
+                    @click="
+                      downloadRar('McgsPro 3.3.6.6354 SP1.3 缁勬�佽蒋浠跺畨瑁呭寘')
+                    "
+                  >
+                    <svg
+                      t="1716796212460"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="1598"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                        p-id="1599"
+                      ></path>
+                    </svg>
+                  </span>
+                </div>
+                <div>
+                  <span class="rar-text"
+                    >MCGS宓屽叆鐗�<br />
+                    瀹夎鏂囦欢.rar</span
+                  >
+                </div>
+              </li>
+            </ul>
+          </div>
+  
+          <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>
+          <p class="imgdescript">瑙嗛锛歁CGS瀹夎瑙嗛</p>
+          <p class="content">
+            锛�1锛夎繍琛孲etup.exe鏂囦欢锛孧CGS瀹夎绋嬪簭绐楀彛濡傚浘1-15鎵�绀恒��
+          </p>
+          <p class="content">
+            鍦ㄥ畨瑁呯▼搴忕獥鍙d腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
+          </p>
+        </div>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">7</li>
+          <li class="footer-box"></li>
+        </ul>
+      </div>
     </div>
     <!-- 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 v-if="showPageList.indexOf(18) > -1">
+        <div>
+          <div class="mt-20">
+            <img src="../../assets/images/page-header.png" alt="" class="w100" />
+          </div>
+          <div class="padding-96">
+            <p class="content">
+              鎸夋彁绀烘楠ゆ搷浣滐紝闅忓悗锛屽畨瑁呯▼搴忓皢鎻愮ず鎸囧畾瀹夎鐩綍锛屽涓嶆寚瀹氭椂锛岀郴缁熼粯璁ゅ畨瑁呭埌D锛歕MCGSE鐩綍涓嬶紝寤鸿浣跨敤榛樿鐩綍锛屽鍥�1-17鎵�绀猴紝绯荤粺瀹夎澶х害闇�瑕佸嚑鍒嗛挓銆�
+            </p>
+            <p class="content">
+              锛�2锛塎CGS宓屽叆鐗堜富绋嬪簭瀹夎瀹屾垚鍚庯紝缁х画瀹夎璁惧椹卞姩锛屽崟鍑烩�滄槸鈥濇寜閽鍥�1-18鎵�绀恒��
+            </p>
+            <p class="content">
+              锛�3锛夊崟鍑烩�滀笅涓�姝モ�濇寜閽紝杩涘叆椹卞姩瀹夎绋嬪簭锛岄�夋嫨鈥滄墍鏈夐┍鍔ㄢ�濆閫夋锛屽崟鍑烩�滀笅涓�姝モ�濇寜閽繘琛屽畨瑁咃紝濡傚浘1-19鎵�绀恒��
+            </p>
+            <p class="content">
+              锛�4锛夐�夋嫨濂藉悗锛屾寜鎻愮ず鎿嶄綔锛孧CGS椹卞姩绋嬪簭瀹夎杩囩▼澶х害闇�瑕佸嚑鍒嗛挓銆�
+            </p>
+            <p class="content">
+              锛�5锛夊畨瑁呰繃绋嬪畬鎴愬悗锛屽皢寮瑰嚭瀵硅瘽妗嗘彁绀哄畨瑁呭畬鎴愶紝鏄惁閲嶆柊鍚姩璁$畻鏈猴紝閫夋嫨閲嶅惎鍚庯紝瀹屾垚瀹夎銆�
+            </p>
+            <p class="content">
+              锛�6锛夊畨瑁呭畬鎴愬悗锛學indows鎿嶄綔绯荤粺鐨勬闈笂娣诲姞浜嗗鍥�1-20鎵�绀虹殑涓や釜蹇嵎鏂瑰紡鍥炬爣锛屽垎鍒敤浜庡惎鍔∕CGS宓屽叆寮忕粍鎬佺幆澧冨拰妯℃嫙杩愯鐜銆�
+            </p>
+            <div class="qrbodyPic">
+              <div class="banshi openImgBox">
+                  <div class="swiper-container">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/carousel-one.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/carousel-two.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/carousel-three.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/carousel-four.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/carousel-five.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/carousel-six.png"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="swiper-pagination"></div>
+                    <div class="swiper-button-next"></div>
+                    <div class="swiper-button-prev"></div>
+                  </div>
+                </div>
+            </div>
           </div>
         </div>
+
       </div>
       <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
-        <li class="footer-num">8</li>
-        <li class="footer-box"></li>
-      </ul>
+          <li class="footer-num">8</li>
+          <li class="footer-box"></li>
+        </ul>
     </div>
     <!-- 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>
-        <p class="table-title">
-          <span> 琛�1-2銆�璇勫垎琛� </span>
-          <svg
-            t="1716802335492"
-            class="share-box icon"
-            viewBox="0 0 1024 1024"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            p-id="1782"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-            width="18"
-            height="18"
-          >
-            <path
-              d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
-              p-id="1783"
-            ></path>
-          </svg>
-        </p>
-        <table border="1" cellpadding="4" cellspacing="0">
-          <tr class="table-bc">
-            <td class="table-cn" colspan="2">
-              璇� 鍒� 琛�<br />
-              <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
-            </td>
-            <td class="table-cn">
-              宸� 浣� 褰� 寮� <br />
-              <input type="checkbox" name="xingshi" value="prople" /> 涓汉
-              <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
-              <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
-            </td>
-            <td colspan="2" class="table-cn">
-              宸ヤ綔鏃堕棿/min <br />
-              <input style="width: 80px" class="input-border table-bc" />
-            </td>
-          </tr>
-          <tr class="table-bc">
-            <td class="table-cn">浠诲姟</td>
-            <td class="table-cn">璁粌鍐呭</td>
-            <td class="table-cn">璁粌瑕佹眰</td>
-            <td class="table-cn">瀛︾敓鑷瘎</td>
-            <td class="table-cn">鏁欏笀璇勫垎</td>
-          </tr>
-          <tr>
-            <td rowspan="4">
-              <div style="width: 50px">MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�</div>
-            </td>
-            <td>宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁咃紝40鍒�</td>
-            <td>
-              鎵惧埌浼佷笟缃戠珯锛屼笅杞芥渶鏂癕CGS宓屼汉寮忚蒋浠跺苟瀹夎:鎵惧埌宸ヤ笟鑷姩鍖栬蒋浠禕BS缃戠珯锛屽弬涓庤璁�
-            </td>
-            <td>
-              <textarea class="textarea-table-td"></textarea>
-            </td>
-            <td>
-              <textarea class="textarea-table-td"></textarea>
-            </td>
-          </tr>
-          <tr>
-            <td>娴嬭瘯涓庡姛鑳斤紝40鍒�</td>
-            <td>杞欢鏄惁姝e父杩愯銆佷娇鐢�</td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-          <tr>
-            <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝20鍒�</td>
-            <td>宸ュ叿銆佸櫒鏉愮瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰锛岄伒瀹堢邯寰嬶紝淇濇寔宸ヤ綅鏁存磥</td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-        </table>
-        <div class="tl-rg mt-20">
-          瀛︾敓:<input style="width: 40px" class="input-border" /> 鏁欏笀:<input
-            style="width: 40px"
-            class="input-border"
-          />鏃ユ湡:<input style="width: 82px" class="input-border" />
-        </div>
-        <h2 class="secondTitle" id="sigil_toc_id_15">
-          浠诲姟涓夈��寤虹珛宸ョ▼涓庝笅杞藉伐绋�
-        </h2>
-        <div class="w100 border-so mb-5"></div>
-        <div class="w50 rw-border mb-20"></div>
+      <div v-if="showPageList.indexOf(19) > -1">
         <div class="w100">
-          <div>
-            <img
-              src="../../assets/images/icon/document.png"
-              class="document-icon"
-            />
-            <span>鏂囨湰</span>
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
           </div>
-          <ul class="word-resource fl ju-ev">
-            <li class="fl fl-cl al-cn p08">
-              <div class="fl al-end">
-                <img
-                  src="../../assets/images/icon/word.png"
-                  class="word-icon"
-                />
-                <!-- <img
-                  @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')"
-                  src="../../assets/images/icon/download.png"
-                  class="downlod-icon cu-pr"
-                /> -->
-                <span class="svg-btn" @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')">
-                  <svg
-                    t="1716796212460"
-                    class="icon"
-                    viewBox="0 0 1024 1024"
-                    version="1.1"
-                    xmlns="http://www.w3.org/2000/svg"
-                    p-id="1598"
-                    xmlns:xlink="http://www.w3.org/1999/xlink"
-                    width="15"
-                    height="15"
-                  >
-                    <path
-                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
-                      p-id="1599"
-                    ></path>
-                  </svg>
-                </span>
+          <!-- 鍐呭 -->
+          <p class="content">璇勫垎琛ㄨ琛�1-2銆�</p>
+          <p class="table-title">
+            <span> 琛�1-2銆�璇勫垎琛� </span>
+            <svg
+              t="1716802335492"
+              class="share-box icon"
+              viewBox="0 0 1024 1024"
+              version="1.1"
+              xmlns="http://www.w3.org/2000/svg"
+              p-id="1782"
+              xmlns:xlink="http://www.w3.org/1999/xlink"
+              width="18"
+              height="18"
+            >
+              <path
+                d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
+                p-id="1783"
+              ></path>
+            </svg>
+          </p>
+          <table border="1" cellpadding="4" cellspacing="0">
+            <tr class="table-bc">
+              <td class="table-cn" colspan="2">
+                璇� 鍒� 琛�<br />
+                <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+              </td>
+              <td class="table-cn">
+                宸� 浣� 褰� 寮� <br />
+                <input type="checkbox" name="xingshi" value="prople" /> 涓汉
+                <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
+                <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
+              </td>
+              <td colspan="2" class="table-cn">
+                宸ヤ綔鏃堕棿/min <br />
+                <input style="width: 80px" class="input-border table-bc" />
+              </td>
+            </tr>
+            <tr class="table-bc">
+              <td class="table-cn">浠诲姟</td>
+              <td class="table-cn">璁粌鍐呭</td>
+              <td class="table-cn">璁粌瑕佹眰</td>
+              <td class="table-cn">瀛︾敓鑷瘎</td>
+              <td class="table-cn">鏁欏笀璇勫垎</td>
+            </tr>
+            <tr>
+              <td rowspan="4">
+                <div style="width: 50px">MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�</div>
+              </td>
+              <td>宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁咃紝40鍒�</td>
+              <td>
+                鎵惧埌浼佷笟缃戠珯锛屼笅杞芥渶鏂癕CGS宓屼汉寮忚蒋浠跺苟瀹夎:鎵惧埌宸ヤ笟鑷姩鍖栬蒋浠禕BS缃戠珯锛屽弬涓庤璁�
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+            </tr>
+            <tr>
+              <td>娴嬭瘯涓庡姛鑳斤紝40鍒�</td>
+              <td>杞欢鏄惁姝e父杩愯銆佷娇鐢�</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝20鍒�</td>
+              <td>宸ュ叿銆佸櫒鏉愮瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰锛岄伒瀹堢邯寰嬶紝淇濇寔宸ヤ綅鏁存磥</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+          </table>
+          <div class="tl-rg mt-20">
+            瀛︾敓:<input style="width: 40px" class="input-border" /> 鏁欏笀:<input
+              style="width: 40px"
+              class="input-border"
+            />鏃ユ湡:<input style="width: 82px" class="input-border" />
+          </div>
+          <h2 class="secondTitle" id="sigil_toc_id_15">
+            浠诲姟涓夈��寤虹珛宸ョ▼涓庝笅杞藉伐绋�
+          </h2>
+          <div class="w100 border-so mb-5"></div>
+          <div class="w50 rw-border mb-20"></div>
+          <div class="w100">
+            <div>
+              <img
+                src="../../assets/images/icon/document.png"
+                class="document-icon"
+              />
+              <span>鏂囨湰</span>
+            </div>
+            <ul class="word-resource fl ju-ev">
+              <li class="fl fl-cl al-cn p08">
+                <div class="fl al-end">
+                  <img
+                    src="../../assets/images/icon/word.png"
+                    class="word-icon"
+                  />
+                  <!-- <img
+                    @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  /> -->
+                  <span class="svg-btn" @click="downloadWord('鍒濈骇鏁欑▼璧勬簮')">
+                    <svg
+                      t="1716796212460"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="1598"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                        p-id="1599"
+                      ></path>
+                    </svg>
+                  </span>
+                </div>
+                <div>
+                  <span>鍒濈骇鏁欑▼</span>
+                </div>
+              </li>
+              <li class="fl al-cn">
+                <div class="word-border"></div>
+              </li>
+              <li class="fl fl-cl al-cn p08">
+                <div class="fl al-end">
+                  <img
+                    src="../../assets/images/icon/word.png"
+                    class="word-icon"
+                  />
+                  <!-- <img
+                    @click="downloadWord('涓骇鏁欑▼璧勬簮')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  /> -->
+                  <span class="svg-btn" @click="downloadWord('涓骇鏁欑▼璧勬簮')">
+                    <svg
+                      t="1716796212460"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="1598"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                        p-id="1599"
+                      ></path>
+                    </svg>
+                  </span>
+                </div>
+                <div>
+                  <span>涓骇鏁欑▼</span>
+                </div>
+              </li>
+              <li class="fl al-cn">
+                <div class="word-border"></div>
+              </li>
+              <li class="fl fl-cl al-cn p08">
+                <div class="fl al-end">
+                  <img
+                    src="../../assets/images/icon/word.png"
+                    class="word-icon"
+                  />
+                  <!-- <img
+                    @click="downloadWord('椹卞姩鏁欑▼璧勬簮')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  /> -->
+                  <span class="svg-btn" @click="downloadWord('椹卞姩鏁欑▼璧勬簮')">
+                    <svg
+                      t="1716796212460"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="1598"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                        p-id="1599"
+                      ></path>
+                    </svg>
+                  </span>
+                </div>
+                <div>
+                  <span>椹卞姩鏁欑▼</span>
+                </div>
+              </li>
+              <li class="fl al-cn">
+                <div class="word-border"></div>
+              </li>
+              <li class="fl fl-cl al-cn p08">
+                <div class="fl al-end">
+                  <img
+                    src="../../assets/images/icon/word.png"
+                    class="word-icon"
+                  />
+                  <!-- <img
+                    @click="downloadWord('纭欢鏁欑▼璧勬簮')"
+                    src="../../assets/images/icon/download.png"
+                    class="downlod-icon cu-pr"
+                  /> -->
+                  <span class="svg-btn" @click="downloadWord('纭欢鏁欑▼璧勬簮')">
+                    <svg
+                      t="1716796212460"
+                      class="icon"
+                      viewBox="0 0 1024 1024"
+                      version="1.1"
+                      xmlns="http://www.w3.org/2000/svg"
+                      p-id="1598"
+                      xmlns:xlink="http://www.w3.org/1999/xlink"
+                      width="15"
+                      height="15"
+                    >
+                      <path
+                        d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
+                        p-id="1599"
+                      ></path>
+                    </svg>
+                  </span>
+                </div>
+  
+                <div>
+                  <span>纭欢鏁欑▼</span>
+                </div>
+              </li>
+            </ul>
+          </div>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/mubiao.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟鐩爣</b>
+          </p>
+          <p class="content">鍒濇浜嗚В宸ョ▼寤虹珛銆佺粍鎬併�佷笅杞戒笌妯℃嫙杩愯銆�</p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/miaoshu.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟鎻忚堪</b>
+          </p>
+          <p>
+            瑙︽懜灞忔槸鏂颁竴浠i珮绉戞妧浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
+          </p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/xunlian.png"
+              alt=""
+              class="w-35 mr-5"
+            />
+            <b>浠诲姟璁粌</b>
+          </p>
+          <p class="quotation fl al-cn t0 primary-color">
+            <img
+              src="../../assets/images/icon/arrow-one.png"
+              alt=""
+              class="w-45 mr-5"
+            />
+            <b>鏂板缓宸ョ▼</b>
+          </p>
+          <p class="content">
+            鍙屽嚮缁勬�佺幆澧冨揩鎹锋柟寮忓浘鏍�<img
+              class="h-pic"
+              src="../../assets/images/img00021002.jpg"
+              active="true"
+            />锛屾墦寮�宓屽叆鐗堢粍鎬佽蒋浠讹紝鐒跺悗鎸夊涓嬫楠ゅ缓绔嬪伐绋嬶細
+          </p>
+          <p class="content">
+            锛�1锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鈥滄柊寤哄伐绋嬧�濆懡浠わ紝寮瑰嚭鈥滄柊寤哄伐绋嬭缃�濆璇濇锛屽鍥�1-21鎵�绀猴紝TPC绫诲瀷閫夋嫨涓衡�淭PC7062K鈥濓紝鍗曞嚮鈥滅‘瀹氣�濇寜閽��
+          </p>
+          <p class="content">
+            锛�2锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鐨勨�滃伐绋嬪彟瀛樹负鈥濆懡浠わ紝寮瑰嚭鈥滄枃浠朵繚瀛樷�濆璇濇锛屽湪鏂囦欢鍚嶄竴鏍忓唴杈撳叆鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滀繚瀛樷�濇寜閽紝宸ョ▼鍒涘缓瀹屾瘯銆�
+          </p>
+          <div class="qrbodyPic">
+            <div class="openImgBox">
+                <img src="../../assets/images/img00021003.jpg" alt="" class="w100">
               </div>
-              <div>
-                <span>鍒濈骇鏁欑▼</span>
-              </div>
-            </li>
-            <li class="fl al-cn">
-              <div class="word-border"></div>
-            </li>
-            <li class="fl fl-cl al-cn p08">
-              <div class="fl al-end">
-                <img
-                  src="../../assets/images/icon/word.png"
-                  class="word-icon"
-                />
-                <!-- <img
-                  @click="downloadWord('涓骇鏁欑▼璧勬簮')"
-                  src="../../assets/images/icon/download.png"
-                  class="downlod-icon cu-pr"
-                /> -->
-                <span class="svg-btn" @click="downloadWord('涓骇鏁欑▼璧勬簮')">
-                  <svg
-                    t="1716796212460"
-                    class="icon"
-                    viewBox="0 0 1024 1024"
-                    version="1.1"
-                    xmlns="http://www.w3.org/2000/svg"
-                    p-id="1598"
-                    xmlns:xlink="http://www.w3.org/1999/xlink"
-                    width="15"
-                    height="15"
-                  >
-                    <path
-                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
-                      p-id="1599"
-                    ></path>
-                  </svg>
-                </span>
-              </div>
-              <div>
-                <span>涓骇鏁欑▼</span>
-              </div>
-            </li>
-            <li class="fl al-cn">
-              <div class="word-border"></div>
-            </li>
-            <li class="fl fl-cl al-cn p08">
-              <div class="fl al-end">
-                <img
-                  src="../../assets/images/icon/word.png"
-                  class="word-icon"
-                />
-                <!-- <img
-                  @click="downloadWord('椹卞姩鏁欑▼璧勬簮')"
-                  src="../../assets/images/icon/download.png"
-                  class="downlod-icon cu-pr"
-                /> -->
-                <span class="svg-btn" @click="downloadWord('椹卞姩鏁欑▼璧勬簮')">
-                  <svg
-                    t="1716796212460"
-                    class="icon"
-                    viewBox="0 0 1024 1024"
-                    version="1.1"
-                    xmlns="http://www.w3.org/2000/svg"
-                    p-id="1598"
-                    xmlns:xlink="http://www.w3.org/1999/xlink"
-                    width="15"
-                    height="15"
-                  >
-                    <path
-                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
-                      p-id="1599"
-                    ></path>
-                  </svg>
-                </span>
-              </div>
-              <div>
-                <span>椹卞姩鏁欑▼</span>
-              </div>
-            </li>
-            <li class="fl al-cn">
-              <div class="word-border"></div>
-            </li>
-            <li class="fl fl-cl al-cn p08">
-              <div class="fl al-end">
-                <img
-                  src="../../assets/images/icon/word.png"
-                  class="word-icon"
-                />
-                <!-- <img
-                  @click="downloadWord('纭欢鏁欑▼璧勬簮')"
-                  src="../../assets/images/icon/download.png"
-                  class="downlod-icon cu-pr"
-                /> -->
-                <span class="svg-btn" @click="downloadWord('纭欢鏁欑▼璧勬簮')">
-                  <svg
-                    t="1716796212460"
-                    class="icon"
-                    viewBox="0 0 1024 1024"
-                    version="1.1"
-                    xmlns="http://www.w3.org/2000/svg"
-                    p-id="1598"
-                    xmlns:xlink="http://www.w3.org/1999/xlink"
-                    width="15"
-                    height="15"
-                  >
-                    <path
-                      d="M731.428571 341.333333h73.142858a73.142857 73.142857 0 0 1 73.142857 73.142857v414.476191a73.142857 73.142857 0 0 1-73.142857 73.142857H219.428571a73.142857 73.142857 0 0 1-73.142857-73.142857V414.47619a73.142857 73.142857 0 0 1 73.142857-73.142857h73.142858v73.142857H219.428571v414.476191h585.142858V414.47619h-73.142858v-73.142857z m-176.90819-242.590476l0.048762 397.092572 84.577524-84.601905 51.687619 51.712-172.373334 172.397714-172.397714-172.373333 51.712-51.736381 83.626667 83.626666V98.742857h73.142857z"
-                      p-id="1599"
-                    ></path>
-                  </svg>
-                </span>
-              </div>
-
-              <div>
-                <span>纭欢鏁欑▼</span>
-              </div>
-            </li>
-          </ul>
+            <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>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/mubiao.png"
-            alt=""
-            class="w-35 mr-5"
-          />
-          <b>浠诲姟鐩爣</b>
-        </p>
-        <p class="content">鍒濇浜嗚В宸ョ▼寤虹珛銆佺粍鎬併�佷笅杞戒笌妯℃嫙杩愯銆�</p>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/miaoshu.png"
-            alt=""
-            class="w-35 mr-5"
-          />
-          <b>浠诲姟鎻忚堪</b>
-        </p>
-        <p>
-          瑙︽懜灞忔槸鏂颁竴浠i珮绉戞妧浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
-        </p>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/xunlian.png"
-            alt=""
-            class="w-35 mr-5"
-          />
-          <b>浠诲姟璁粌</b>
-        </p>
-        <p class="quotation fl al-cn t0 primary-color">
-          <img
-            src="../../assets/images/icon/arrow-one.png"
-            alt=""
-            class="w-45 mr-5"
-          />
-          <b>鏂板缓宸ョ▼</b>
-        </p>
-        <p class="content">
-          鍙屽嚮缁勬�佺幆澧冨揩鎹锋柟寮忓浘鏍�<img
-            class="h-pic"
-            src="../../assets/images/img00021002.jpg"
-            active="true"
-          />锛屾墦寮�宓屽叆鐗堢粍鎬佽蒋浠讹紝鐒跺悗鎸夊涓嬫楠ゅ缓绔嬪伐绋嬶細
-        </p>
-        <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>
+        <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>
-      <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>
     <!-- 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 v-if="showPageList.indexOf(20) > -1">
+        <div>
+          <div class="mt-20">
+            <img src="../../assets/images/page-header.png" alt="" class="w100" />
           </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 class="padding-96">
+            <div class="fl ju-bt w100">
+              <div>
+                <div class="openImgBox">
+                <img src="../../assets/images/img00022001.jpg" alt="" class="w100">
+              </div>
+                <p class="imgdescript">鍥�1-22銆�寤虹珛鏂扮獥鍙�</p>
+              </div>
+              <div class="">
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00022002.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-23銆�绐楀彛灞炴�ц缃�</p>
+              </div>
             </div>
-            <div>
-              <el-image :src="imgEighteen" :preview-src-list="[imgSeventeen]" />
-              <p class="imgdescript">鍥�1-25銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�</p>
+            <p class="content">
+              锛�3锛夊弻鍑荤敤鎴风獥鍙o紝鍦ㄧ獥鍙g紪杈戜綅缃寜浣忛紶鏍囧乏閿嫋鏀惧嚭涓�瀹氬ぇ灏忓悗锛屾澗寮�榧犳爣宸﹂敭锛岃繖鏍蜂竴涓寜閽瀯浠跺氨缁樺埗鍦ㄧ獥鍙d腑锛屽鍥�1-24鎵�绀恒��
+            </p>
+            <p class="content">
+              鎺ヤ笅鏉ュ弻鍑昏鎸夐挳锛屽脊鍑衡�滄爣鍑嗘寜閽瀯浠跺睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗′腑鐨勨�滄枃鏈�濇枃鏈涓緭鍏モ�滄寚绀虹伅1鈥濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繚瀛橈紝濡傚浘1-25鎵�绀恒��
+            </p>
+            <div class="fl ju-bt">
+              <div>
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00022003.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-24銆�鎸夐挳鍒朵綔</p>
+              </div>
+              <div>
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00022004.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-25銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�</p>
+              </div>
             </div>
+            <p class="content">
+              鎸夌収鍚屾牱鐨勬搷浣滃垎鍒粯鍒跺彟澶栦竴涓寜閽紝灏嗏�滄枃鏈�濅慨鏀逛负鈥滄寚绀虹伅2鈥濓紝瀹屾垚鍚庡鍥�1-26鎵�绀恒��
+            </p>
+            <p class="content">
+              鎸変綇閿洏鐨勩�怌trl銆戦敭锛岀劧鍚庡崟鍑伙紝鍚屾椂閫変腑涓や釜鎸夐挳锛屼娇鐢ㄥ伐鍏锋爮涓殑绛夐珮瀹姐�佸乏锛堝彸锛夊榻愬拰绾靛悜绛夐棿璺濆涓や釜鎸夐挳杩涜鎺掑垪瀵归綈锛屽鍥�1-27鎵�绀恒��
+            </p>
+            <p class="content">
+              锛�4锛夊崟鍑诲伐鍏风涓殑鈥滄彃鍏ュ厓浠垛�濇寜閽紝寮瑰嚭鈥滃璞″厓浠跺簱绠$悊鈥濆璇濇锛岄�変腑鍥惧舰瀵硅薄搴撴寚绀虹伅涓殑涓�娆撅紝鍗曞嚮鈥滅‘璁も�濇寜閽坊鍔犲埌绐楀彛鐢婚潰涓紝骞惰皟鏁村埌鍚堥�傚ぇ灏忥紝鍚屾牱鐨勬柟娉曞啀娣诲姞涓や釜鎸囩ず鐏紝鎽嗘斁鍦ㄧ獥鍙d腑鎸夐挳鏃佽竟鐨勪綅缃紝濡傚浘1-28鎵�绀恒��
+            </p>
+            <p class="content">
+              锛�5锛夊崟鍑婚�変腑宸ュ叿绠变腑鐨勨�滄爣绛锯�濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰竴瀹氬ぇ灏忊�滄爣绛锯�濓紝濡傚浘1-29鎵�绀恒�傜劧鍚庡弻鍑昏鏍囩锛屽脊鍑衡�滄爣绛惧姩鐢荤粍鎬佸睘鎬ц缃�濆璇濇锛屽湪鈥滄墿灞曞睘鎬р�濋�夐」鍗′腑鐨勨�滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�1锛氣�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽紝濡傚浘1-30鎵�绀恒��
+            </p>
           </div>
-          <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>
+        <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>
-      <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>
     <!-- 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 v-if="showPageList.indexOf(21) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
           </div>
-          <div>
-            <el-image :src="imgTwenty" :preview-src-list="[imgTwenty]" />
-            <p class="imgdescript">鍥�1-27銆�鎸夐挳鎺掑垪</p>
+          <div class="fl ju-bt">
+            <div>
+              <div class="openImgBox">
+                  <img src="../../assets/images/img00023001.jpg" alt="" class="w100">
+                </div>
+              <p class="imgdescript">鍥�1-26銆�鎸夐挳鏂囧瓧淇敼</p>
+            </div>
+            <div>
+              <div class="openImgBox">
+                  <img src="../../assets/images/img00023002.jpg" alt="" class="w100">
+                </div>
+              <p class="imgdescript">鍥�1-27銆�鎸夐挳鎺掑垪</p>
+            </div>
           </div>
-        </div>
-
-        <div class="qrbodyPic">
-          <el-image
-            :src="imgtOne"
-            :preview-src-list="[imgtOne]"
-            class="source-img"
-          />
-          <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 class="qrbodyPic">
+            <div class="openImgBox">
+                  <img src="../../assets/images/img00023003.jpg" alt="" class="w100">
+                </div>
+            <p class="imgdescript">鍥�1-28銆�娣诲姞鎸囩ず鐏�</p>
           </div>
-          <div style="width: 66%">
-            <el-image :src="imgtThree" :preview-src-list="[imgtThree]" />
-            <p class="imgdescript">鍥�1-30銆�鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�</p>
+          <div class="fl">
+            <div>
+              <div class="openImgBox">
+                  <img src="../../assets/images/img00023004.jpg" alt="" class="w100">
+                </div>
+              <p class="imgdescript">鍥�1-29銆�鍒朵綔鏍囩</p>
+            </div>
+            <div style="width: 66%">
+              <div class="openImgBox">
+                  <img src="../../assets/images/img00023005.jpg" alt="" class="w100">
+                </div>
+              <p class="imgdescript">鍥�1-30銆�鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�</p>
+            </div>
           </div>
+  
+          <p class="content">
+            鍚屾牱鐨勬柟娉曪紝娣诲姞鍙︿竴涓爣绛撅紝鈥滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�2锛氣�濓紝濡傚浘1-31鎵�绀恒��
+          </p>
+          <p class="content">
+            锛�6锛夊崟鍑诲伐鍏风涓殑鈥滆緭鍏ユ鈥濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰袱涓竴瀹氬ぇ灏忕殑鈥滆緭鍏ユ鈥濓紝鍒嗗埆鎽嗘斁鍦ㄢ�滅姸鎬佹樉绀�1锛氣�濇爣绛俱�佲�滅姸鎬佹樉绀�2锛氣�濇爣绛剧殑鏃佽竟浣嶇疆锛屽鍥�1-32鎵�绀恒��
+          </p>
         </div>
-
-        <p class="content">
-          鍚屾牱鐨勬柟娉曪紝娣诲姞鍙︿竴涓爣绛撅紝鈥滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�2锛氣�濓紝濡傚浘1-31鎵�绀恒��
-        </p>
-        <p class="content">
-          锛�6锛夊崟鍑诲伐鍏风涓殑鈥滆緭鍏ユ鈥濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰袱涓竴瀹氬ぇ灏忕殑鈥滆緭鍏ユ鈥濓紝鍒嗗埆鎽嗘斁鍦ㄢ�滅姸鎬佹樉绀�1锛氣�濇爣绛俱�佲�滅姸鎬佹樉绀�2锛氣�濇爣绛剧殑鏃佽竟浣嶇疆锛屽鍥�1-32鎵�绀恒��
-        </p>
+        <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>
-      <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>
     <!-- 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 v-if="showPageList.indexOf(22) > -1">
+        <div>
+          <div class="mt-20">
+            <img src="../../assets/images/page-header.png" alt="" class="w100" />
           </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 class="padding-96">
+            <div class="fl">
+              <div>
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00024001.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-31銆�鍒朵綔杈撳叆妗�</p>
+              </div>
+              <div>
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00024002.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-32銆�杈撳叆妗嗘帓鍒�</p>
               </div>
             </div>
+            <p class="content">锛�7锛夊缓绔嬫暟鎹摼鎺ワ細</p>
+            <p class="content">
+              鈶犳寜閽細鍙屽嚮鈥滄寚绀虹伅1鈥濇寜閽紝寮瑰嚭鈥滄爣鍑嗘寜閽瀯浠跺睘鎬ц缃�濆璇濇锛屽鍥�1-33鎵�绀猴紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄粯璁も�滄姮璧峰姛鑳解�濇寜閽负鎸変笅鐘舵�侊紝閫変腑鈥滄暟鎹璞″�兼搷浣溾�濆閫夋锛岄�夋嫨鈥滄竻0鈥濋�夐」锛屽缓璁彉閲忓悕涓衡�滄寚绀虹伅1鈥濓紝鍗冲湪鍙栧弽鎺у埗鎸夐挳鎶捣鏃讹紝瀵规寚绀虹伅1杩涜娓呴浂锛屽鍥�1-34鎵�绀恒��
+            </p>
+            <div class="fl">
+              <div>
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00024003.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-33銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�濆璇濇</p>
+              </div>
+              <div>
+                <div class="openImgBox">
+                  <img src="../../assets/images/img00024004.jpg" alt="" class="w100">
+                </div>
+                <p class="imgdescript">鍥�1-34銆�鎺у埗鎸夐挳璁剧疆</p>
+              </div>
+            </div>
+            <p class="content">
+              杈撳叆鎸囩ず鐏�1鏃朵細寮瑰嚭鍥�1-35鎵�绀哄璇濇锛屽崟鍑烩�滄槸鈥濇寜閽紝寮瑰嚭鈥滄暟鎹璞″睘鎬ц缃�濆璇濇锛屽鏁版嵁绫诲瀷杩涜璁剧疆锛屽鍥�1-36鎵�绀猴紝鍗曞嚮鈥滅‘璁も�濇寜閽��
+            </p>
+            <p class="content">
+              鍚屾牱锛屽垏鎹㈠埌鈥滄寜涓嬪姛鑳解�濋�夐」鍗¤繘琛岃缃紝閫夋嫨鈥滄暟鎹璞″�兼搷浣溾�濆閫夋锛岄�夋嫨鈥滅疆1鈥濋�夐」锛屽彉閲忓悕涓衡�滄寚绀虹伅1鈥濓紝濡傚浘1-37鎵�绀恒��
+            </p>
+            <div class="fl">
+              <div style="width: 60%">
+                <p class="content">
+                  鎸囩ず鐏�2鎸夐挳锛屸�滄姮璧峰姛鑳解�濇椂鈥滄竻0鈥濓紱鈥滄寜涓嬪姛鑳解�濇椂鈥滅疆1鈥濓紝鍙橀噺鍚嶄负鈥滄寚绀虹伅2鈥濄��
+                </p>
+                <p class="content">
+                  鈶℃寚绀虹伅锛氬弻鍑绘寚绀虹伅1鎸夐挳鏃佽竟鐨勬寚绀虹伅锛屽脊鍑衡�滃崟鍏冨睘鎬ц缃�濆璇濇锛屽湪鈥滄暟鎹璞♀�濋�夐」鍗′腑锛屽崟鍑�<img
+                    class="h-pic"
+                    src="../../assets/images/img00024006.jpg"
+                    active="true"
+                  />鎸夐挳閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�1锛屽鍥�1-38鎵�绀恒�傚悓鏍锋柟娉曡缃�滄寚绀虹伅2鈥濄��
+                </p>
+              </div>
+              <div style="width: 40%">
+                <div class="qrbodyPic">
+                  <div class="openImgBox">
+                    <img src="../../assets/images/img00024005.jpg" alt="" class="w100">
+                  </div>
+                  <p class="imgdescript">鍥�1-35銆�缁勬�侀敊璇璇濇</p>
+                </div>
+              </div>
+            </div>
+  
+            <p class="content">
+              鈶㈣緭鍏ユ锛氬弻鍑烩�滅姸鎬佹樉绀�1锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗭紝寮瑰嚭鈥滆緭鍏ユ鏋勪欢灞炴�ц缃�濆璇濇锛屽湪鈥滄搷浣滃睘鎬р�濋�夐」鍗′腑锛屽崟鍑�<img
+                class="h-pic"
+                src="../../assets/images/img00024007.jpg"
+                active="true"
+              />鎸夐挳寮瑰嚭鈥滃彉閲忛�夋嫨鈥濆璇濇锛岄�夋嫨鈥滄寚绀虹伅1鈥濋�夐」锛屽鍥�1-39鎵�绀猴紝璁剧疆瀹屾垚鍚庡崟鍑烩�滅‘璁も�濇寜閽��
+            </p>
           </div>
-
-          <p class="content">
-            鈶㈣緭鍏ユ锛氬弻鍑烩�滅姸鎬佹樉绀�1锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗭紝寮瑰嚭鈥滆緭鍏ユ鏋勪欢灞炴�ц缃�濆璇濇锛屽湪鈥滄搷浣滃睘鎬р�濋�夐」鍗′腑锛屽崟鍑�<img
-              class="h-pic"
-              src="../../assets/images/img00024007.jpg"
-              active="true"
-            />鎸夐挳寮瑰嚭鈥滃彉閲忛�夋嫨鈥濆璇濇锛岄�夋嫨鈥滄寚绀虹伅1鈥濋�夐」锛屽鍥�1-39鎵�绀猴紝璁剧疆瀹屾垚鍚庡崟鍑烩�滅‘璁も�濇寜閽��
-          </p>
         </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>
-      <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>
     <!-- 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 v-if="showPageList.indexOf(23) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
           </div>
-          <div>
-            <el-image :src="imgtTen" :preview-src-list="[imgtTen]" />
-            <p class="imgdescript">鍥�1-37銆�鎸変笅鍔熻兘璁剧疆</p>
+          <div class="fl">
+            <div>
+              <div class="openImgBox">
+                    <img src="../../assets/images/img00025001.jpg" alt="" class="w100">
+                  </div>
+              <p class="imgdescript">鍥�1-36銆�鏁版嵁瀵硅薄灞炴�ц缃�</p>
+            </div>
+            <div>
+              <div class="openImgBox">
+                    <img src="../../assets/images/img00025002.jpg" alt="" class="w100">
+                  </div>
+              <p class="imgdescript">鍥�1-37銆�鎸変笅鍔熻兘璁剧疆</p>
+            </div>
           </div>
-        </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>
+          <p class="content">
+            鎸夊悓鏍风殑鏂规硶锛屽弻鍑烩�滅姸鎬佹樉绀�2锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗚繘琛岃缃紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄�夋嫨瀵瑰簲鐨勬暟鎹璞★細閫氶亾绫诲瀷閫夋嫨鈥滄寚绀虹伅2鈥濓紝缁勬�佸畬鎴愬悗锛屼繚瀛樸��
+          </p>
+          <div class="fl">
+            <div>
+              <div class="openImgBox">
+                    <img src="../../assets/images/img00025003.jpg" alt="" class="w100">
+                  </div>
+              <p class="imgdescript">鍥�1-38銆�閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�</p>
+            </div>
+            <div>
+              <div class="openImgBox">
+                    <img src="../../assets/images/img00025004.jpg" alt="" class="w100">
+                  </div>
+              <p class="imgdescript">鍥�1-39銆�鎸囩ず鐏�1灞炴�ф搷浣�</p>
+            </div>
           </div>
-          <div>
-            <el-image :src="imgrTwo" :preview-src-list="[imgrTwo]" />
-            <p class="imgdescript">鍥�1-39銆�鎸囩ず鐏�1灞炴�ф搷浣�</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>宸ョ▼涓嬭浇鍒癟PC7062K</b>
+          </p>
+          <p class="content">
+            锛�1锛夋柟妗堜竴锛歎SB涓嬭浇銆傚皢鏍囧噯USB2.0鎵撳嵃鏈虹嚎锛屽鍥�1-40鎵�绀猴紝鎵佸钩鎺ュ彛鎻掑埌璁$畻鏈虹殑USB鎺ュ彛锛屽井鍨嬫帴鍙f彃鍒癟PC绔殑USB2.0鎺ュ彛锛岃繛鎺PC7062K鍜孭C銆�
+          </p>
+          <div class="fl ju-bt">
+            <p class="content" style="width: 68%">
+              鍗曞嚮宸ュ叿鏉′腑鐨勪笅杞�<img
+                class="h-pic"
+                src="../../assets/images/img00025005.jpg"
+                active="true"
+              />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝濡傚浘1-41鎵�绀猴紝閫夋嫨鈥淯SB閫氫俊鈥濊繛鎺ユ柟寮忥紝鐒跺悗鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫氫俊娴嬭瘯姝e父鍚庯紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽紝濡傚浘1-42鎵�绀恒��
+            </p>
+            <div style="width: 30%">
+              <div class="openImgBox">
+                    <img src="../../assets/images/img00025006.jpg" alt="" class="w100">
+                  </div>
+              <p class="imgdescript">鍥�1-40銆�鏍囧噯USB2.0鎵撳嵃鏈虹嚎</p>
+            </div>
           </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%">
+  
+          <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/img00025005.jpg"
+              src="../../assets/images/img00025007.jpg"
               active="true"
-            />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝濡傚浘1-41鎵�绀猴紝閫夋嫨鈥淯SB閫氫俊鈥濊繛鎺ユ柟寮忥紝鐒跺悗鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫氫俊娴嬭瘯姝e父鍚庯紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽紝濡傚浘1-42鎵�绀恒��
+            />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝杩炴帴鏂瑰紡閫夋嫨鈥淭CP/IP缃戠粶閫氫俊鈥濓紝璁剧疆瑙︽懜灞廔P涓庤绠楁満IP鍦ㄥ悓涓�缃戞鍐咃紝鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫�
           </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鍦ㄥ悓涓�缃戞鍐咃紝鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫�
-        </p>
+        <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>
-      <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>
     <!-- 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="content t0">淇℃祴璇曟甯稿悗锛屽崟鍑烩�滃伐绋嬩笅杞解�濇寜閽��</p>
-          <p class="quotation fl al-cn t0 primary-color">
-            <img
-              src="../../assets/images/icon/arrow-four.png"
-              alt=""
-              class="w-45 mr-5"
-            />
-            <b>TPC妯℃嫙杩愯</b>
-          </p>
-          <p class="content">
-            缁勬�佺▼搴忎笅杞藉埌鈥渕cgsTpc宓屽叆寮忎竴浣撳寲瑙︽懜灞忊�濆悗灏卞彲浠ヨ繘琛屾ā鎷熻繍琛屻�傝Е鎽糕�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-43鎵�绀猴紱瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-44鎵�绀恒��
-          </p>
-          <p class="quotation fl al-cn t0 primary-color">
-            <img
-              src="../../assets/images/icon/arrow-five.png"
-              alt=""
-              class="w-45 mr-5"
-            />
-            <b>璁$畻鏈轰笂妯℃嫙杩愯</b>
-          </p>
-          <p class="content">
-            闄や簡涓嬭浇鍒癟PC杩涜妯℃嫙璋冭瘯澶栵紝鍙互鍦ㄨ绠楁満涓婅繘琛屾ā鎷熻繍琛屻�傞�夋嫨鈥滄ā鎷熻繍琛屸�濓紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽悗杩涘叆杩愯鐜銆傛寜涓嬧�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-45鎵�绀猴紝鈥滄寚绀虹伅1鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�1锛氣�濅负鈥�1鈥濓紝鏉炬墜鍚庡浣嶏紱鎸変笅鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-46鎵�绀猴紝鈥滄寚绀虹伅2鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�2锛氣�濅负鈥�1鈥濄��
-          </p>
-          <div class="qrbodyPic">
-            <el-carousel
-              trigger="click"
-              class="img-carousel carousel-image"
-              arrow="always"
-              indicator-position="none"
-            >
-              <el-carousel-item
-                v-for="(item, index) in imgList"
-                :key="index"
-                class="bones-carousel-item"
+      <div v-if="showPageList.indexOf(24) > -1">
+        <div>
+          <div class="mt-20">
+            <img src="../../assets/images/page-header.png" alt="" class="w100" />
+          </div>
+          <div class="padding-96">
+            <p class="content t0">淇℃祴璇曟甯稿悗锛屽崟鍑烩�滃伐绋嬩笅杞解�濇寜閽��</p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/arrow-four.png"
+                alt=""
+                class="w-45 mr-5"
+              />
+              <b>TPC妯℃嫙杩愯</b>
+            </p>
+            <p class="content">
+              缁勬�佺▼搴忎笅杞藉埌鈥渕cgsTpc宓屽叆寮忎竴浣撳寲瑙︽懜灞忊�濆悗灏卞彲浠ヨ繘琛屾ā鎷熻繍琛屻�傝Е鎽糕�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-43鎵�绀猴紱瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-44鎵�绀恒��
+            </p>
+            <p class="quotation fl al-cn t0 primary-color">
+              <img
+                src="../../assets/images/icon/arrow-five.png"
+                alt=""
+                class="w-45 mr-5"
+              />
+              <b>璁$畻鏈轰笂妯℃嫙杩愯</b>
+            </p>
+            <p class="content">
+              闄や簡涓嬭浇鍒癟PC杩涜妯℃嫙璋冭瘯澶栵紝鍙互鍦ㄨ绠楁満涓婅繘琛屾ā鎷熻繍琛屻�傞�夋嫨鈥滄ā鎷熻繍琛屸�濓紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽悗杩涘叆杩愯鐜銆傛寜涓嬧�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-45鎵�绀猴紝鈥滄寚绀虹伅1鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�1锛氣�濅负鈥�1鈥濓紝鏉炬墜鍚庡浣嶏紱鎸変笅鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-46鎵�绀猴紝鈥滄寚绀虹伅2鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�2锛氣�濅负鈥�1鈥濄��
+            </p>
+            <div class="qrbodyPic">
+              <!-- <el-carousel
+                trigger="click"
+                class="img-carousel carousel-image"
+                arrow="always"
+                indicator-position="none"
               >
-                <el-image
-                  :src="item"
-                  :preview-src-list="imgList"
-                  :preview-teleported="true"
-                  class="open-image"
-                />
-              </el-carousel-item>
-            </el-carousel>
+                <el-carousel-item
+                  v-for="(item, index) in imgList"
+                  :key="index"
+                  class="bones-carousel-item"
+                >
+                  <el-image
+                    :src="item"
+                    :preview-src-list="imgList"
+                    :preview-teleported="true"
+                    class="open-image"
+                  />
+                </el-carousel-item>
+              </el-carousel> -->
+              <div class="banshi openImgBox">
+                  <div class="swiper-container">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/img-list-one.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/img-list-two.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/img-list-three.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/img-list-four.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/img-list-five.png"
+                          />
+                        </div>
+                      </div>
+                      <div class="swiper-slide">
+                        <div
+                          class="imgBox"
+                          style="width: 100%; height: 100%"
+                        >
+                          <img
+                            src="../../assets/images/img-list-six.png"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="swiper-pagination"></div>
+                    <div class="swiper-button-next"></div>
+                    <div class="swiper-button-prev"></div>
+                  </div>
+                </div>
+            </div>
           </div>
         </div>
       </div>
       <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40 padding-96">
-        <li class="footer-num">14</li>
-        <li class="footer-box"></li>
-      </ul>
+          <li class="footer-num">14</li>
+          <li class="footer-box"></li>
+        </ul>
     </div>
     <!-- 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 v-if="showPageList.indexOf(25) > -1">
+        <div class="w100">
+          <div class="primary-color fz-18 fw-bl mt-100 fl ju-ed mb-20">
+            <img src="../../assets/images/header-one.png" alt="" />
+          </div>
+          <p class="content">鍔熻兘娴嬭瘯琛ㄥ琛�1-3鎵�绀猴紝璇勫垎琛ㄥ琛�1-4鎵�绀恒��</p>
+          <p class="table-title">
+            琛�1-3銆�鍔熻兘娴嬭瘯琛�
+            <svg
+              t="1716802335492"
+              class="share-box icon"
+              viewBox="0 0 1024 1024"
+              version="1.1"
+              xmlns="http://www.w3.org/2000/svg"
+              p-id="1782"
+              xmlns:xlink="http://www.w3.org/1999/xlink"
+              width="18"
+              height="18"
+            >
+              <path
+                d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
+                p-id="1783"
+              ></path>
+            </svg>
+          </p>
+          <table border="1" cellpadding="4" cellspacing="0" class="w100">
+            <tr class="table-bc">
+              <td class="table-cn">
+                <img src="../../assets/images/table-td.png" class="w100" />
+              </td>
+              <td class="table-cn">鎸囩ず鐏�1</td>
+              <td class="table-cn">鎸囩ず鐏�2</td>
+              <td class="table-cn">鏄剧ず鐘舵��</td>
+            </tr>
+            <tr>
+              <td>鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</td>
+              <td><input style="width: 100%" class="border-0" /></td>
+              <td><input style="width: 100%" class="border-0" /></td>
+              <td>
+                <input style="width: 100%" class="border-0" />
+              </td>
+            </tr>
+            <tr>
+              <td><div style="width: 150px">鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</div></td>
+              <td><input style="width: 100%" class="border-0" /></td>
+              <td><input style="width: 100%" class="border-0" /></td>
+              <td><input style="width: 100%" class="border-0" /></td>
+            </tr>
+            <tr>
+              <td>鎸変笅鈥滄寚绀虹伅2鈥濇寜閽�</td>
+              <td><input style="width: 100%" class="border-0" /></td>
+              <td><input style="width: 100%" class="border-0" /></td>
+              <td><input style="width: 100%" class="border-0" /></td>
+            </tr>
+          </table>
+          <p class="table-title mt-20">
+            琛�1-4銆�璇勫垎琛�
+            <svg
+              t="1716802335492"
+              class="share-box icon"
+              viewBox="0 0 1024 1024"
+              version="1.1"
+              xmlns="http://www.w3.org/2000/svg"
+              p-id="1782"
+              xmlns:xlink="http://www.w3.org/1999/xlink"
+              width="18"
+              height="18"
+            >
+              <path
+                d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
+                p-id="1783"
+              ></path>
+            </svg>
+          </p>
+          <table border="1" cellpadding="2" cellspacing="0">
+            <tr class="table-bc">
+              <td class="table-cn" colspan="2">
+                璇� 鍒� 琛�<br />
+                <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
+              </td>
+              <td class="table-cn">
+                宸� 浣� 褰� 寮� <br />
+                <input type="checkbox" name="xingshi" value="prople" /> 涓汉
+                <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
+                <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
+              </td>
+              <td colspan="2" class="table-cn">
+                宸ヤ綔鏃堕棿/min <br />
+                <input style="width: 80px" class="input-border table-bc" />
+              </td>
+            </tr>
+            <tr class="table-bc">
+              <td class="table-cn">浠诲姟</td>
+              <td class="table-cn">璁粌鍐呭鍙婂垎閰�</td>
+              <td class="table-cn">璁粌瑕佹眰</td>
+              <td class="table-cn">瀛︾敓鑷瘎</td>
+              <td class="table-cn">鏁欏笀璇勫垎</td>
+            </tr>
+            <tr>
+              <td rowspan="5">
+                <div style="width: 20px; margin: 0 auto; text-align: center">
+                  寤虹珛宸ョ▼鍜屼笅杞藉伐绋�
+                </div>
+              </td>
+              <td class="wh-no">宸ヤ綔姝ラ鍙婄數璺浘鏍凤紝20鍒�</td>
+              <td>璁粌姝ラ:闇�瑕佺殑鍏冨櫒浠�</td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+              <td>
+                <textarea class="textarea-table-td"></textarea>
+              </td>
+            </tr>
+            <tr>
+              <td>閫氫俊杩炴帴锛�20鍒�</td>
+              <td>TPC涓嶱C閫氫俊:缃戝彛涓嬭浇銆乁SB涓嬭浇</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>宸ョ▼缁勬�侊紝20鍒�</td>
+              <td>璁惧缁勬��;绐楀彛缁勬��</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>鍔熻兘娴嬭瘯锛�30鍒�</td>
+              <td>鎸夐挳鍔熻兘:鎸囩ず鐏姛鑳�:鏄剧ず妗嗗姛鑳�</td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+            <tr>
+              <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝10鍒�</td>
+              <td>
+                鐜板満瀹夊叏淇濇姢;宸ュ叿銆佸櫒鏉愩�佸绾跨瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰;閬靛畧绾緥锛屼繚鎸佸伐浣嶆暣娲�
+              </td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+              <td><textarea class="textarea-table-td"></textarea></td>
+            </tr>
+          </table>
+          <div class="tl-rg mt-20">
+            瀛︾敓:<input style="width: 40px" class="input-border" /> 鏁欏笀:<input
+              style="width: 40px"
+              class="input-border"
+            />鏃ユ湡:<input style="width: 82px" class="input-border" />
+          </div>
+          <!-- <p class="content mt-20"><b>缁冧範涓庢彁楂�</b></p> -->
+          <h2 class="secondTitle primary-color" id="sigil_toc_id_13">
+            缁冧範涓庢彁楂�
+          </h2>
+          <div class="w100 border-so mb-5"></div>
+          <div class="w50 rw-border mb-20"></div>
+          <p class="quotation t0">1锛庨槓杩板祵鍏ュ紡缁勬�併�佽Е鎽稿睆涔嬮棿鐨勫叧绯汇��</p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            2锛庢槸鍚﹀彲浠ラ噰鐢║鐩樹笅杞界粍鎬佽繃绋嬶紵杩囩▼姝ラ濡備綍锛�
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            3锛庡湪娣樺疂缃戠珯鏌ユ壘浠诲姟涓�涓富娴丳LC涓庤Е鎽稿睆杩炴帴绾垮瀷鍙枫�佹�ц兘鍜屼环鏍笺��
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            4锛庡垎鏋愯绠楁満銆佸钩鏉跨數鑴戙�佽Е鎽稿睆銆丳LC涔嬮棿杩炴帴鐨勫紓鍚屻��
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            5锛庝粈涔堟槸鐢ㄦ埛搴旂敤绯荤粺銆佺粍鎬佺幆澧冧笌杩愯鐜锛熺粍鎬佺幆澧冩槸寮�鍙戝伐鍏峰悧锛�
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            6锛嶮CGS瑙︽懜灞忓畨瑁呬綍绉嶆搷浣滅郴缁燂紵涓昏鑷甫浣曠搴旂敤杞欢锛熶粠www.mcgs.com.cn缃戠珯涓嬭浇鏈�鏂拌蒋浠跺寘骞跺畨瑁咃紝鍦╳ww.gongkong.com娉ㄥ唽锛岃繘鍏BS璁ㄨ宸ユ帶杞欢鎶�鏈��
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">7锛庣粍鎬佸彉閲忔�庢牱寤虹珛瀵瑰簲鏁版嵁鍏崇郴锛�</p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            8锛庝簡瑙S-232銆丷S-485鎺ュ彛鎬ц兘鍔熻兘鍜孴CP/IP鍗忚銆�
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
+          <p class="quotation t0">
+            9锛庢瘮杈冭Е鎽稿睆涓殑缁勬�佸伐绋嬪拰鎵嬫満涓殑APP鐨勫尯鍒��
+          </p>
+          <p class="question-textaere">
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="璇疯緭鍏ュ唴瀹�"
+              maxlength="800"
+              class="ta-br textarea-text"
+              style="width: 95%"
+            ></textarea>
+          </p>
         </div>
-        <p class="content">鍔熻兘娴嬭瘯琛ㄥ琛�1-3鎵�绀猴紝璇勫垎琛ㄥ琛�1-4鎵�绀恒��</p>
-        <p class="table-title">
-          琛�1-3銆�鍔熻兘娴嬭瘯琛�
-          <svg
-            t="1716802335492"
-            class="share-box icon"
-            viewBox="0 0 1024 1024"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            p-id="1782"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-            width="18"
-            height="18"
-          >
-            <path
-              d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
-              p-id="1783"
-            ></path>
-          </svg>
-        </p>
-        <table border="1" cellpadding="4" cellspacing="0" class="w100">
-          <tr class="table-bc">
-            <td class="table-cn">
-              <img src="../../assets/images/table-td.png" class="w100" />
-            </td>
-            <td class="table-cn">鎸囩ず鐏�1</td>
-            <td class="table-cn">鎸囩ず鐏�2</td>
-            <td class="table-cn">鏄剧ず鐘舵��</td>
-          </tr>
-          <tr>
-            <td>鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</td>
-            <td><input style="width: 100%" class="border-0" /></td>
-            <td><input style="width: 100%" class="border-0" /></td>
-            <td>
-              <input style="width: 100%" class="border-0" />
-            </td>
-          </tr>
-          <tr>
-            <td><div style="width: 150px">鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</div></td>
-            <td><input style="width: 100%" class="border-0" /></td>
-            <td><input style="width: 100%" class="border-0" /></td>
-            <td><input style="width: 100%" class="border-0" /></td>
-          </tr>
-          <tr>
-            <td>鎸変笅鈥滄寚绀虹伅2鈥濇寜閽�</td>
-            <td><input style="width: 100%" class="border-0" /></td>
-            <td><input style="width: 100%" class="border-0" /></td>
-            <td><input style="width: 100%" class="border-0" /></td>
-          </tr>
-        </table>
-        <p class="table-title mt-20">
-          琛�1-4銆�璇勫垎琛�
-          <svg
-            t="1716802335492"
-            class="share-box icon"
-            viewBox="0 0 1024 1024"
-            version="1.1"
-            xmlns="http://www.w3.org/2000/svg"
-            p-id="1782"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
-            width="18"
-            height="18"
-          >
-            <path
-              d="M354.986667 219.428571v73.142858H195.047619v536.380952h585.142857V548.571429h73.142857V828.952381a73.142857 73.142857 0 0 1-73.142857 73.142857H195.047619a73.142857 73.142857 0 0 1-73.142857-73.142857V292.571429a73.142857 73.142857 0 0 1 73.142857-73.142858h159.939048z m383.829333-100.473904l172.397714 172.373333-181.00419 181.028571-51.736381-51.712L757.784381 341.333333H670.47619c-139.068952 0-252.245333 110.884571-255.902476 249.07581L414.47619 597.333333v97.52381h-73.142857v-97.52381C341.333333 415.548952 488.69181 268.190476 670.47619 268.190476h114.127239l-97.499429-97.523809 51.712-51.712z"
-              p-id="1783"
-            ></path>
-          </svg>
-        </p>
-        <table border="1" cellpadding="2" cellspacing="0">
-          <tr class="table-bc">
-            <td class="table-cn" colspan="2">
-              璇� 鍒� 琛�<br />
-              <input style="width: 30px" class="input-border table-bc" /> 瀛﹀勾
-            </td>
-            <td class="table-cn">
-              宸� 浣� 褰� 寮� <br />
-              <input type="checkbox" name="xingshi" value="prople" /> 涓汉
-              <input type="checkbox" name="xingshi" value="fengong" /> 灏忕粍鍒嗗伐
-              <input type="checkbox" name="xingshi" value="xiaozu" /> 灏忕粍
-            </td>
-            <td colspan="2" class="table-cn">
-              宸ヤ綔鏃堕棿/min <br />
-              <input style="width: 80px" class="input-border table-bc" />
-            </td>
-          </tr>
-          <tr class="table-bc">
-            <td class="table-cn">浠诲姟</td>
-            <td class="table-cn">璁粌鍐呭鍙婂垎閰�</td>
-            <td class="table-cn">璁粌瑕佹眰</td>
-            <td class="table-cn">瀛︾敓鑷瘎</td>
-            <td class="table-cn">鏁欏笀璇勫垎</td>
-          </tr>
-          <tr>
-            <td rowspan="5">
-              <div style="width: 20px; margin: 0 auto; text-align: center">
-                寤虹珛宸ョ▼鍜屼笅杞藉伐绋�
-              </div>
-            </td>
-            <td class="wh-no">宸ヤ綔姝ラ鍙婄數璺浘鏍凤紝20鍒�</td>
-            <td>璁粌姝ラ:闇�瑕佺殑鍏冨櫒浠�</td>
-            <td>
-              <textarea class="textarea-table-td"></textarea>
-            </td>
-            <td>
-              <textarea class="textarea-table-td"></textarea>
-            </td>
-          </tr>
-          <tr>
-            <td>閫氫俊杩炴帴锛�20鍒�</td>
-            <td>TPC涓嶱C閫氫俊:缃戝彛涓嬭浇銆乁SB涓嬭浇</td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-          <tr>
-            <td>宸ョ▼缁勬�侊紝20鍒�</td>
-            <td>璁惧缁勬��;绐楀彛缁勬��</td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-          <tr>
-            <td>鍔熻兘娴嬭瘯锛�30鍒�</td>
-            <td>鎸夐挳鍔熻兘:鎸囩ず鐏姛鑳�:鏄剧ず妗嗗姛鑳�</td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-          <tr>
-            <td>鑱屼笟绱犲吇涓庡畨鍏ㄦ剰璇嗭紝10鍒�</td>
-            <td>
-              鐜板満瀹夊叏淇濇姢;宸ュ叿銆佸櫒鏉愩�佸绾跨瓑澶勭悊鎿嶄綔绗﹀悎鑱屼笟瑕佹眰;閬靛畧绾緥锛屼繚鎸佸伐浣嶆暣娲�
-            </td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-            <td><textarea class="textarea-table-td"></textarea></td>
-          </tr>
-        </table>
-        <div class="tl-rg mt-20">
-          瀛︾敓:<input style="width: 40px" class="input-border" /> 鏁欏笀:<input
-            style="width: 40px"
-            class="input-border"
-          />鏃ユ湡:<input style="width: 82px" class="input-border" />
-        </div>
-        <!-- <p class="content mt-20"><b>缁冧範涓庢彁楂�</b></p> -->
-        <h2 class="secondTitle primary-color" id="sigil_toc_id_13">
-          缁冧範涓庢彁楂�
-        </h2>
-        <div class="w100 border-so mb-5"></div>
-        <div class="w50 rw-border mb-20"></div>
-        <p class="quotation t0">1锛庨槓杩板祵鍏ュ紡缁勬�併�佽Е鎽稿睆涔嬮棿鐨勫叧绯汇��</p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-        <p class="quotation t0">
-          2锛庢槸鍚﹀彲浠ラ噰鐢║鐩樹笅杞界粍鎬佽繃绋嬶紵杩囩▼姝ラ濡備綍锛�
-        </p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-        <p class="quotation t0">
-          3锛庡湪娣樺疂缃戠珯鏌ユ壘浠诲姟涓�涓富娴丳LC涓庤Е鎽稿睆杩炴帴绾垮瀷鍙枫�佹�ц兘鍜屼环鏍笺��
-        </p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-        <p class="quotation t0">
-          4锛庡垎鏋愯绠楁満銆佸钩鏉跨數鑴戙�佽Е鎽稿睆銆丳LC涔嬮棿杩炴帴鐨勫紓鍚屻��
-        </p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-        <p class="quotation t0">
-          5锛庝粈涔堟槸鐢ㄦ埛搴旂敤绯荤粺銆佺粍鎬佺幆澧冧笌杩愯鐜锛熺粍鎬佺幆澧冩槸寮�鍙戝伐鍏峰悧锛�
-        </p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-        <p class="quotation t0">
-          6锛嶮CGS瑙︽懜灞忓畨瑁呬綍绉嶆搷浣滅郴缁燂紵涓昏鑷甫浣曠搴旂敤杞欢锛熶粠www.mcgs.com.cn缃戠珯涓嬭浇鏈�鏂拌蒋浠跺寘骞跺畨瑁咃紝鍦╳ww.gongkong.com娉ㄥ唽锛岃繘鍏BS璁ㄨ宸ユ帶杞欢鎶�鏈��
-        </p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-        <p class="quotation t0">7锛庣粍鎬佸彉閲忔�庢牱寤虹珛瀵瑰簲鏁版嵁鍏崇郴锛�</p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-        <p class="quotation t0">
-          8锛庝簡瑙S-232銆丷S-485鎺ュ彛鎬ц兘鍔熻兘鍜孴CP/IP鍗忚銆�
-        </p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-        <p class="quotation t0">
-          9锛庢瘮杈冭Е鎽稿睆涓殑缁勬�佸伐绋嬪拰鎵嬫満涓殑APP鐨勫尯鍒��
-        </p>
-        <p class="question-textaere">
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            maxlength="800"
-            class="ta-br textarea-text"
-            style="width: 95%"
-          ></textarea>
-        </p>
-      </div>
-      <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
-        <li class="footer-num">15</li>
-        <li class="footer-box"></li>
-      </ul>
+        <ul class="page-footer fl fl-cl al-cn w-mi p0 mb-40">
+          <li class="footer-num">15</li>
+          <li class="footer-box"></li>
+        </ul>
+    </div>
     </div>
   </div>
 </template>
 <script>
 export default {
   name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
   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"),
@@ -1695,7 +1856,8 @@
 </script>
 <style scoped lang="less">
 p {
-  font-family: "Segoe UI", Arial, "瀹嬩綋", SimSun, sans-serif !important;
+  // font-family: "Segoe UI", Arial, "瀹嬩綋", SimSun, sans-serif !important;
+  font-family: "Times New Roman", "瀹嬩綋", SimSun, sans-serif !important;
   margin: 0;
   text-align: justify;
 }
@@ -1759,4 +1921,10 @@
   text-indent: 0;
   padding-left: 23px;
 }
+.banshi {
+  margin-top: 40px;
+  width: 100%;
+  height: 350px;
+  margin: 0 auto;
+}
 </style>
diff --git a/src/books/embedded/view/components/header.vue b/src/books/embedded/view/components/header.vue
index 4aab062..f54dbda 100644
--- a/src/books/embedded/view/components/header.vue
+++ b/src/books/embedded/view/components/header.vue
@@ -1,10 +1,16 @@
 <template>
-  <div class="chapter" num="0">
+  <div class="chapter" num="1">
     <!-- 灏侀潰 -->
     <div class="page-box" page="1">
-      <h1 class="frontCover" title="">
-        <img alt="灏侀潰" src="../../assets/images/device_pad_Frontcover.jpg" class="cover-box w100" />
-      </h1>
+      <div v-if="showPageList.indexOf(1) > -1">
+        <h1 class="frontCover" title="">
+          <img
+            alt="灏侀潰"
+            src="../../assets/images/device_pad_Frontcover.jpg"
+            class="cover-box w100"
+          />
+        </h1>
+      </div>
     </div>
     <!-- 浣滆�呯畝浠� -->
     <div
@@ -12,234 +18,266 @@
       style="width: 408px; margin: 0 auto"
       page="2"
     >
-      <document>
-        <h1 class="author-box">浣滆�呯畝浠�</h1>
-        <div class="bodyPic">
-          <img src="../../assets/images/img00002002.jpg" active="true" />
-        </div>
-        <p class="quotation">
-          寮犳枃鏄庯紝鏁欐巿锛屾睙鑻忕渷鐗硅壊涓撲笟鏈虹數涓�浣撳寲鎶�鏈笓涓氬甫澶翠汉锛岀渷閲嶇偣涓撲笟缇ゅ缓璁捐礋璐d汉锛屼富鎸佲�滃伐鎺х郴缁熷畨瑁呬笌璋冭瘯鈥濆浗瀹剁骇绮惧搧璧勬簮鍏变韩璇剧▼寤鸿锛屼富缂栫殑銆婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬨�婂彲缂栫▼鎺у埗鍣ㄥ強缃戠粶鎺у埗鎶�鏈�嬭鍒椾负鏁欒偛閮ㄢ�滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掔珛椤规暀鏉愩��
-        </p>
-        <div class="bodyPic">
-          <img src="../../assets/images/img00002003.jpg" active="true" />
-        </div>
-        <p class="quotation">
-          鍗庣閾讹紝姣曚笟浜庝腑鍥藉啘涓氬ぇ瀛︼紝鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鐨勫垱濮嬩汉涔嬩竴锛屾�诲伐绋嬪笀銆佹�荤粡鐞嗐�傛槅浠戦�氭�佹垚绔嬩箣鍒濓紝鏁忛攼娲炲療甯傚満鍔ㄥ悜锛岄鍒涜蒋纭粨鍚堝彂灞曠殑閬撹矾銆�2002骞达紝甯﹂鍏徃鐮斿彂鍑哄浗鍐呴灞堜竴鎸囩殑浜烘満鐣岄潰浜у搧锛屽紑鍒涗簡鍥藉唴浜烘満鐣岄潰鏂扮殑甯傚満鏍囧噯锛屽紑鍚簡鏈湡鍖栫殑鏂伴噷绋嬬锛屽湪宸ユ帶棰嗗煙鍙栧緱閲嶅ぇ绐佺牬銆�
-        </p>
-      </document>
+      <div v-if="showPageList.indexOf(2) > -1">
+        <document>
+          <h1 class="author-box">浣滆�呯畝浠�</h1>
+          <div class="bodyPic">
+            <img src="../../assets/images/img00002002.jpg" active="true" />
+          </div>
+          <p class="quotation">
+            寮犳枃鏄庯紝鏁欐巿锛屾睙鑻忕渷鐗硅壊涓撲笟鏈虹數涓�浣撳寲鎶�鏈笓涓氬甫澶翠汉锛岀渷閲嶇偣涓撲笟缇ゅ缓璁捐礋璐d汉锛屼富鎸佲�滃伐鎺х郴缁熷畨瑁呬笌璋冭瘯鈥濆浗瀹剁骇绮惧搧璧勬簮鍏变韩璇剧▼寤鸿锛屼富缂栫殑銆婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬨�婂彲缂栫▼鎺у埗鍣ㄥ強缃戠粶鎺у埗鎶�鏈�嬭鍒椾负鏁欒偛閮ㄢ�滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掔珛椤规暀鏉愩��
+          </p>
+          <div class="bodyPic">
+            <img src="../../assets/images/img00002003.jpg" active="true" />
+          </div>
+          <p class="quotation">
+            鍗庣閾讹紝姣曚笟浜庝腑鍥藉啘涓氬ぇ瀛︼紝鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鐨勫垱濮嬩汉涔嬩竴锛屾�诲伐绋嬪笀銆佹�荤粡鐞嗐�傛槅浠戦�氭�佹垚绔嬩箣鍒濓紝鏁忛攼娲炲療甯傚満鍔ㄥ悜锛岄鍒涜蒋纭粨鍚堝彂灞曠殑閬撹矾銆�2002骞达紝甯﹂鍏徃鐮斿彂鍑哄浗鍐呴灞堜竴鎸囩殑浜烘満鐣岄潰浜у搧锛屽紑鍒涗簡鍥藉唴浜烘満鐣岄潰鏂扮殑甯傚満鏍囧噯锛屽紑鍚簡鏈湡鍖栫殑鏂伴噷绋嬬锛屽湪宸ユ帶棰嗗煙鍙栧緱閲嶅ぇ绐佺牬銆�
+          </p>
+        </document>
+      </div>
     </div>
     <!-- 灏侀潰 -->
     <div class="page-box" page="3">
-      <h1 class="frontCover" title="灏侀潰">
-        <img alt="灏侀潰" src="../../assets/images/device_pad_Frontcover.jpg" class="cover-box w100">
-      </h1>
+      <div v-if="showPageList.indexOf(3) > -1">
+        <h1 class="frontCover" title="灏侀潰">
+          <img
+            alt="灏侀潰"
+            src="../../assets/images/device_pad_Frontcover.jpg"
+            class="cover-box w100"
+          />
+        </h1>
+      </div>
     </div>
     <!-- 鍐呭绠�浠� -->
     <div class="page-box page-padding neirong" page="4">
-      <document>
-        <h1>鍐呭绠�浠�</h1>
-        <p class="quotation cl-66">
-          鏈功鏄珮鑱岄櫌鏍′笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍏卞悓寮�鍙戠殑椤圭洰鍖栨暀鏉愶紝鏄�滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愩�傛湰涔﹀熀浜庡伐浣滆繃绋嬪鍚戯紝闈㈠悜鈥滃弻甯堝瀷鈥濇暀甯堝拰宸ユ帶琛屼笟鎶�鏈汉鍛橈紝鏈嶅姟浜庢満鐢靛拰鑷姩鍖栫被涓撲笟鐨勮亴涓氳兘鍔涘煿鍏汇��
-        </p>
-        <p class="quotation cl-66">
-          鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愪富瑕佸寘鎷細瑙︽懜灞忕粍鎬佷粙缁嶃�佲�滆Е鎽稿睆+PLC鈥濈洃鎺у伐绋嬨�佲�滆Е鎽稿睆+PLC+鍙橀鍣紙浼烘湇锛夆�濋�氫俊涓庢帶鍒躲�佲�滆Е鎽稿睆+PLC+浼犳劅鍣ㄢ�濇按浣嶆帶鍒跺伐绋嬨�佲�滆Е鎽稿睆+鍒嗗竷寮忔ā鍧椻�濆伐鎺у伐绋嬨�佽繃绋嬫帶鍒跺伐绋嬨�佲�滄櫤鑳界數姊璋冧笌缁存姢鈥濆叏鍥芥妧鑳藉ぇ璧涜禌棰樸�佲�滆嚜鍔ㄥ寲鐢熶骇绾垮畨瑁呬笌璋冭瘯鈥濆叏鍥芥妧鑳藉ぇ璧涚粍鎬佽璁°�佽Е鎽稿睆涓庡崟鐗囨満閫氫俊椹卞姩寮�鍙戝疄渚嬬瓑鍐呭锛屽悓鏃舵瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩般�佷换鍔¤缁冨拰璇勪环銆傜綉缁滆祫婧愬惈MCGS宓屽叆寮忕粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佽绋嬫爣鍑嗐�佹暀瀛︽渚嬪拰鏁欏璁捐绛夛紝涓衡�滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮銆�
-        </p>
-        <p class="quotation cl-66">
-          鏈功鍐呭鍏锋湁鍏稿瀷鎬с�佸疄鐢ㄦ�с�佸厛杩涙�с�佸彲鎿嶄綔鎬х殑鐗硅壊銆�
-        </p>
-        <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">
-        <img src="../../assets/images/banquan.png">
-        <!-- <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 t0">涔﹀悕:宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�(绗笁鐗�)</p>
-        <p class="content t0">浣滆��:寮犳枃鏄� 鍗庣閾�</p>
-      </div>
-      <hr />
-      <div class="fl">
-        <div class="left">
-          <p class="t0">绛栧垝锛氫綍绾㈣壋</p>
-          <p class="t0">璐d换缂栬緫锛氫綍绾㈣壋</p>
-          <p class="t0">灏侀潰璁捐锛氫粯 宸�</p>
-          <p class="t0">灏侀潰鍒朵綔锛氬垬棰�</p>
-          <p class="t0">璐d换鏍″锛氬紶鐜夊崕</p>
-          <p class="t0">璐d换鍗板埗锛氶儹鍚戜紵</p>
+      <div v-if="showPageList.indexOf(4) > -1">
+        <document>
+          <h1>鍐呭绠�浠�</h1>
+          <p class="quotation cl-66">
+            鏈功鏄珮鑱岄櫌鏍′笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍏卞悓寮�鍙戠殑椤圭洰鍖栨暀鏉愶紝鏄�滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愩�傛湰涔﹀熀浜庡伐浣滆繃绋嬪鍚戯紝闈㈠悜鈥滃弻甯堝瀷鈥濇暀甯堝拰宸ユ帶琛屼笟鎶�鏈汉鍛橈紝鏈嶅姟浜庢満鐢靛拰鑷姩鍖栫被涓撲笟鐨勮亴涓氳兘鍔涘煿鍏汇��
+          </p>
+          <p class="quotation cl-66">
+            鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愪富瑕佸寘鎷細瑙︽懜灞忕粍鎬佷粙缁嶃�佲�滆Е鎽稿睆+PLC鈥濈洃鎺у伐绋嬨�佲�滆Е鎽稿睆+PLC+鍙橀鍣紙浼烘湇锛夆�濋�氫俊涓庢帶鍒躲�佲�滆Е鎽稿睆+PLC+浼犳劅鍣ㄢ�濇按浣嶆帶鍒跺伐绋嬨�佲�滆Е鎽稿睆+鍒嗗竷寮忔ā鍧椻�濆伐鎺у伐绋嬨�佽繃绋嬫帶鍒跺伐绋嬨�佲�滄櫤鑳界數姊璋冧笌缁存姢鈥濆叏鍥芥妧鑳藉ぇ璧涜禌棰樸�佲�滆嚜鍔ㄥ寲鐢熶骇绾垮畨瑁呬笌璋冭瘯鈥濆叏鍥芥妧鑳藉ぇ璧涚粍鎬佽璁°�佽Е鎽稿睆涓庡崟鐗囨満閫氫俊椹卞姩寮�鍙戝疄渚嬬瓑鍐呭锛屽悓鏃舵瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩般�佷换鍔¤缁冨拰璇勪环銆傜綉缁滆祫婧愬惈MCGS宓屽叆寮忕粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佽绋嬫爣鍑嗐�佹暀瀛︽渚嬪拰鏁欏璁捐绛夛紝涓衡�滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮銆�
+          </p>
+          <p class="quotation cl-66">
+            鏈功鍐呭鍏锋湁鍏稿瀷鎬с�佸疄鐢ㄦ�с�佸厛杩涙�с�佸彲鎿嶄綔鎬х殑鐗硅壊銆�
+          </p>
+          <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">
+          <img src="../../assets/images/banquan.png" />
+          <!-- <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 t0">涔﹀悕:宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�(绗笁鐗�)</p>
+          <p class="content t0">浣滆��:寮犳枃鏄� 鍗庣閾�</p>
         </div>
-        <div class="right" style="margin-left: 150px">
-          <p>璇昏�呯儹绾匡細(010)63550836</p>
+        <hr />
+        <div class="fl">
+          <div class="left">
+            <p class="t0">绛栧垝锛氫綍绾㈣壋</p>
+            <p class="t0">璐d换缂栬緫锛氫綍绾㈣壋</p>
+            <p class="t0">灏侀潰璁捐锛氫粯 宸�</p>
+            <p class="t0">灏侀潰鍒朵綔锛氬垬棰�</p>
+            <p class="t0">璐d换鏍″锛氬紶鐜夊崕</p>
+            <p class="t0">璐d换鍗板埗锛氶儹鍚戜紵</p>
+          </div>
+          <div class="right" style="margin-left: 150px">
+            <p>璇昏�呯儹绾匡細(010)63550836</p>
+          </div>
         </div>
-      </div>
 
-      <hr />
-      <p class="t0">鍑虹増鍙戣锛氫腑鍥介搧閬撳嚭鐗堢ぞ鏈夐檺鍏徃(100054锛屽寳浜競瑗垮煄鍖哄彸瀹夐棬瑗胯8鍙�)</p>
-      <p class="t0">缃�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鍧�锛歨ttp:// www.tdpress.com/5 leds/</p>
-      <p class="t0">鍗�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鍒凤細鍖椾含鏌忓姏琛屽僵鍗版湁闄愬叕鍙�</p>
-      <p class="t0">鐗�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;娆★細2011骞�8鏈堢1鐗� 2019骞�7鏈堢3鐗� 2019骞�7鏈堢1娆″嵃鍒�</p>
-      <p class="t0">寮�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鏈細787mmx1092mm1/16鍗板紶锛�18瀛楁暟锛�433鍗�</p>
-      <p class="t0">鍗�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鏁帮細1~2000鍐�</p>
-      <p class="t0">涔�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鍙凤細SBN978-7-113-25402-5</p>
-      <p class="t0">瀹�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浠凤細59.80鍏�</p>
-      <hr />
-      <p class="tl-cn">鐗堟潈鎵�鏈夛紝渚垫潈蹇呯┒</p>
-      <p>
-        鍑¤喘涔伴搧閬撶増鍥句功锛屽鏈夊嵃鍒惰川閲忛棶棰橈紝璇蜂笌鏈ぞ鏁欐潗鍥句功钀ラ攢閮ㄨ仈绯昏皟鎹€�傜數璇�:(010)63550836
-      </p>
-      <p class="tl-cn">鎵撳嚮鐩楃増涓炬姤鐢佃瘽:(010)51873659</p>
+        <hr />
+        <p class="t0">
+          鍑虹増鍙戣锛氫腑鍥介搧閬撳嚭鐗堢ぞ鏈夐檺鍏徃(100054锛屽寳浜競瑗垮煄鍖哄彸瀹夐棬瑗胯8鍙�)
+        </p>
+        <p class="t0">
+          缃�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鍧�锛歨ttp:// www.tdpress.com/5
+          leds/
+        </p>
+        <p class="t0">
+          鍗�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鍒凤細鍖椾含鏌忓姏琛屽僵鍗版湁闄愬叕鍙�
+        </p>
+        <p class="t0">
+          鐗�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;娆★細2011骞�8鏈堢1鐗�
+          2019骞�7鏈堢3鐗� 2019骞�7鏈堢1娆″嵃鍒�
+        </p>
+        <p class="t0">
+          寮�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鏈細787mmx1092mm1/16鍗板紶锛�18瀛楁暟锛�433鍗�
+        </p>
+        <p class="t0">鍗�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鏁帮細1~2000鍐�</p>
+        <p class="t0">
+          涔�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鍙凤細SBN978-7-113-25402-5
+        </p>
+        <p class="t0">瀹�&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浠凤細59.80鍏�</p>
+        <hr />
+        <p class="tl-cn">鐗堟潈鎵�鏈夛紝渚垫潈蹇呯┒</p>
+        <p>
+          鍑¤喘涔伴搧閬撶増鍥句功锛屽鏈夊嵃鍒惰川閲忛棶棰橈紝璇蜂笌鏈ぞ鏁欐潗鍥句功钀ラ攢閮ㄨ仈绯昏皟鎹€�傜數璇�:(010)63550836
+        </p>
+        <p class="tl-cn">鎵撳嚮鐩楃増涓炬姤鐢佃瘽:(010)51873659</p>
+      </div>
     </div>
     <!-- 缂栧濮斿憳浼� -->
     <div class="page-box page-padding" page="5">
-      <document>
-        <p class="content t-center bs-box">
-          鍏ㄥ浗楂樿亴楂樹笓闄㈡牎鏈虹數绫讳笓涓氳鍒掓暀鏉�
-        </p>
-        <div class="fl bs-content-box">
-          <div class="left fl">
-            <h1 class="wr-md bs-title">缂栧濮斿憳浼�</h1>
-            <p class="line"></p>
+      <div v-if="showPageList.indexOf(5) > -1">
+        <document>
+          <p class="content t-center bs-box">
+            鍏ㄥ浗楂樿亴楂樹笓闄㈡牎鏈虹數绫讳笓涓氳鍒掓暀鏉�
+          </p>
+          <div class="fl bs-content-box">
+            <div class="left fl">
+              <h1 class="wr-md bs-title">缂栧濮斿憳浼�</h1>
+              <p class="line"></p>
+            </div>
+            <div class="right" style="margin-left: 10px">
+              <p class="quotation"><b>涓汇��浠伙細</b>鍚曟櫙娉�</p>
+              <p class="quotation"><b>鍓富浠伙細</b>涓ユ檽鑸熴��鍙蹭附钀�</p>
+              <p class="quotation"><b>濮斻��鍛橈細</b>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
+              <p class="quotation">
+                銆�銆�銆�銆�鐜嬨��绔嬨��鐜嬫枃涔夈��鐜嬮緳涔夈��鐜嬪缓鏄庛��鐗涗簯闄�
+              </p>
+              <p class="quotation">
+                銆�銆�銆�銆�鏈卞嚖鑺濄��鍒樺缓瓒呫��鍒樿枃濞ャ��鍏炽��鍋ャ��姹ゆ檽鍗�
+              </p>
+              <p class="quotation">
+                銆�銆�銆�銆�鐗熷織鍗庛��鏉庛��鏂囥��鏉庛��鍐涖��鏉庡悜涓溿��鑲栨柟鏅�
+              </p>
+              <p class="quotation">
+                銆�銆�銆�銆�鐙勫缓闆勩��姹晱鐢熴��瀹嬫窇娴枫��寮犮��鑰�銆�寮犳枃鏄�
+              </p>
+              <p class="quotation">
+                銆�銆�銆�銆�寮犳案鑺便��闄嗗缓鍥姐��闄堛��涓姐��闄堥搧鐗涖��鏋椼��宓�
+              </p>
+              <p class="quotation">
+                銆�銆�銆�銆�鏄庣珛鍐涖��閲戝崼鍥姐��瀹濈埍缇ゃ��鑳″鍚屻��閽熸睙鐢�
+              </p>
+              <p class="quotation">
+                銆�銆�銆�銆�绁濈憺鑺便��濮氥��鍚夈��濮氭案鍒氥��绉︾泭闇栥��绉︾华濂�
+              </p>
+              <p class="quotation">
+                銆�銆�銆�銆�閽遍�哥銆�寰愬浗鏋椼��鍑岃壓鏄ャ��甯告檽鐜层��姊佽崳鏂�
+              </p>
+              <p class="quotation">銆�銆�銆�銆�闊┿��涓姐��绋嬨��鍛ㄣ��鏇剧収棣欍��璋湁骞�</p>
+            </div>
           </div>
-          <div class="right" style="margin-left: 10px">
-            <p class="quotation"><b>涓汇��浠伙細</b>鍚曟櫙娉�</p>
-            <p class="quotation"><b>鍓富浠伙細</b>涓ユ檽鑸熴��鍙蹭附钀�</p>
-            <p class="quotation"><b>濮斻��鍛橈細</b>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
-            <p class="quotation">
-              銆�銆�銆�銆�鐜嬨��绔嬨��鐜嬫枃涔夈��鐜嬮緳涔夈��鐜嬪缓鏄庛��鐗涗簯闄�
-            </p>
-            <p class="quotation">
-              銆�銆�銆�銆�鏈卞嚖鑺濄��鍒樺缓瓒呫��鍒樿枃濞ャ��鍏炽��鍋ャ��姹ゆ檽鍗�
-            </p>
-            <p class="quotation">
-              銆�銆�銆�銆�鐗熷織鍗庛��鏉庛��鏂囥��鏉庛��鍐涖��鏉庡悜涓溿��鑲栨柟鏅�
-            </p>
-            <p class="quotation">
-              銆�銆�銆�銆�鐙勫缓闆勩��姹晱鐢熴��瀹嬫窇娴枫��寮犮��鑰�銆�寮犳枃鏄�
-            </p>
-            <p class="quotation">
-              銆�銆�銆�銆�寮犳案鑺便��闄嗗缓鍥姐��闄堛��涓姐��闄堥搧鐗涖��鏋椼��宓�
-            </p>
-            <p class="quotation">
-              銆�銆�銆�銆�鏄庣珛鍐涖��閲戝崼鍥姐��瀹濈埍缇ゃ��鑳″鍚屻��閽熸睙鐢�
-            </p>
-            <p class="quotation">
-              銆�銆�銆�銆�绁濈憺鑺便��濮氥��鍚夈��濮氭案鍒氥��绉︾泭闇栥��绉︾华濂�
-            </p>
-            <p class="quotation">
-              銆�銆�銆�銆�閽遍�哥銆�寰愬浗鏋椼��鍑岃壓鏄ャ��甯告檽鐜层��姊佽崳鏂�
-            </p>
-            <p class="quotation">銆�銆�銆�銆�闊┿��涓姐��绋嬨��鍛ㄣ��鏇剧収棣欍��璋湁骞�</p>
-          </div>
-        </div>
-      </document>
+        </document>
+      </div>
     </div>
     <!-- 鍑虹増璇存槑 -->
     <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 v-if="showPageList.indexOf(6) > -1">
+        <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>
     <!-- 绗笁鐗� -->
     <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-103">
-        <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 v-if="showPageList.indexOf(7) > -1">
+        <div class="page-heder-img">
+          <img src="../../assets/images/qianyan.png" class="mt-100" alt="" />
+        </div>
+        <div class="padding-103">
+          <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>
     <!-- 3-1 -->
     <div class="page-box fl fl-cl ju-bt" page="8">
-      <div>
+      <div v-if="showPageList.indexOf(8) > -1">
         <div class="mt-20">
           <img src="../../assets/images/page-header.png" alt="" class="w100" />
         </div>
         <div class="padding-96">
           <document>
-            <p class="t0">鍒版彁楂樺鐢熷涔犲叴瓒e拰鏁堢巼浠ュ強鏄撳銆佹槗鎳傘�佹槗涓婃墜鐨勭洰鐨勩��</p>
+            <p class="t0">
+              鍒版彁楂樺鐢熷涔犲叴瓒e拰鏁堢巼浠ュ強鏄撳銆佹槗鎳傘�佹槗涓婃墜鐨勭洰鐨勩��
+            </p>
             <p class="quotation fl al-cn t0">
               <img
                 src="../../assets/images/icon/neirong.png"
@@ -249,7 +287,11 @@
               <b>鍩烘湰鍐呭</b>
             </p>
             <p class="quotation">
-              鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愮敱涔濅釜椤圭洰缁勬垚锛屾瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩板拰浠诲姟璁粌銆傜綉缁滆祫婧愬惈宓屽叆鐗堢粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佹暀瀛︽渚嬨�佺▼搴忔簮浠g爜銆佸井璇剧瓑锛屼负鈥滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮鍖呫�傝棰戣祫婧愰�氳繃鎵弿浜岀淮鐮佽幏鍙栵紝鍏朵粬鐩稿叧璧勬簮鍙粠鎴戠ぞ缃戠珯锛�<a href="http://www.tdpress.com/51eds/">http://www.tdpress.com/51eds/</a> 锛変笅杞姐��
+              鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愮敱涔濅釜椤圭洰缁勬垚锛屾瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩板拰浠诲姟璁粌銆傜綉缁滆祫婧愬惈宓屽叆鐗堢粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佹暀瀛︽渚嬨�佺▼搴忔簮浠g爜銆佸井璇剧瓑锛屼负鈥滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮鍖呫�傝棰戣祫婧愰�氳繃鎵弿浜岀淮鐮佽幏鍙栵紝鍏朵粬鐩稿叧璧勬簮鍙粠鎴戠ぞ缃戠珯锛�<a
+                href="http://www.tdpress.com/51eds/"
+                >http://www.tdpress.com/51eds/</a
+              >
+              锛変笅杞姐��
             </p>
             <p class="quotation">
               鏈功鐢卞紶鏂囨槑銆佸崕绁栭摱浠讳富缂栵紝鐜嬩竴鍑°�侀檲涓滃崌銆侀粍鏅撲紵銆佹浌寤哄啗銆佸畫榛庤弫銆佺吉寤哄崕銆佷粯鍗庤壇銆佽淳鍚涜搐浠诲壇涓荤紪锛屽叿浣撶紪鍐欏垎宸ュ涓嬶細寮犳枃鏄庢暀鎺堟挵鍐欏墠瑷�锛涘紶鏂囨槑鏁欐巿鍜屽崕绁栭摱鎬诲伐绋嬪笀鍏卞悓缂栧啓椤圭洰涓�锛涢粍鏅撲紵宸ョ▼甯堢紪鍐欓」鐩簩銆侀」鐩笁锛堜换鍔′竴锝炰换鍔″洓锛夛紱闄堜笢鍗囧伐绋嬪笀缂栧啓椤圭洰浜旓紱鐜嬩竴鍑″壇鏁欐巿缂栧啓椤圭洰鍥涖�侀」鐩叚锛涘畫榛庤弫宸ョ▼甯堢紪鍐欓」鐩竷銆侀」鐩笁锛堜换鍔″叚锛夛紱浠樺崕鑹壇鏁欐巿缂栧啓椤圭洰涓夛紙浠诲姟浜旓級銆佹浌寤哄啗鍓暀鎺堝拰璐惧悰璐よ甯堝叡鍚岀紪鍐欓」鐩叓锛涚吉寤哄崕楂樼骇鎶�甯堢紪鍐欓」鐩節銆傚叏涔︾敱寮犳枃鏄庢暀鎺堟寚瀵煎苟璐熻矗缁熺锛屾堡鏅撳崕鏁欐巿鍜屽寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍒樺織鍐涢珮绾у伐绋嬪笀涓诲銆�
@@ -272,100 +314,112 @@
     </div>
     <!-- 绗竴鐗� -->
     <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 v-if="showPageList.indexOf(9) > -1">
+        <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>
     </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 v-if="showPageList.indexOf(10) > -1">
+        <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>
-        <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>
+        <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>
-      <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>
 <script>
 export default {
   name: "headerPage",
-  props:{
-    showPageList:{
-      type:Array
-    }
-  }
+  props: {
+    showPageList: {
+      type: Array,
+    },
+  },
 };
 </script>
 <style scoped lang="less">
 p {
   text-align: justify;
-  // color: #666;
+  font-family: "Times New Roman", "瀹嬩綋", SimSun, sans-serif !important;
 }
 .author-padding {
   padding: 104px 20px 104px 20px;
diff --git a/src/books/embedded/view/components/index.vue b/src/books/embedded/view/components/index.vue
index 4f28b26..8625cf0 100644
--- a/src/books/embedded/view/components/index.vue
+++ b/src/books/embedded/view/components/index.vue
@@ -1,12 +1,21 @@
 <template>
   <div class="page-main" @scroll="throttledScrollHandler">
-    <div class="page-content"       :style="{
+    <div
+      class="page-content"
+      :style="{
         fontSize: fontSize ? fontSize + 'px' : '16px',
         transform: `scale(${pageZoom ? pageZoom : 1})`,
         transformOrigin: 'center top',
-      }">
-      <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
-      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" />
+      }"
+    >
+      <pageHeader
+        v-if="showCatalogList.indexOf(1) > -1"
+        :showPageList="loadPageList"
+      ></pageHeader>
+      <chapterOne
+        v-if="showCatalogList.indexOf(2) > -1"
+        :showPageList="loadPageList"
+      />
     </div>
   </div>
 </template>
@@ -42,7 +51,7 @@
       loadPageObserver: null,
       loadPageList: [],
       questionData: {},
-      testData:{}
+      testData: {},
     };
   },
   watch: {
@@ -62,7 +71,7 @@
           this.initObservation();
           this.initThemeColor();
         }, 500);
-      }
+      },
     },
     loadPageList: {
       handler(newVal, oldVal) {
@@ -70,8 +79,8 @@
           this.initSwiper();
           this.initViewer();
         }, 200);
-      }
-    }
+      },
+    },
   },
   mounted() {
     // 榛樿鍔犺浇绔犺妭
@@ -418,7 +427,7 @@
             this.$store.state.qiankun.pageChange({
               page: page,
               catalog: catalog,
-              text
+              text,
             });
           // const sections = Array.from(document.querySelectorAll(".section"));
           //sections锛氳幏鍙栨墍鏈夊叿鏈� .section 绫诲悕鐨勫厓绱狅紝骞惰浆鎹负鏁扮粍銆�
@@ -463,6 +472,7 @@
             //   }
             // }
             this.loadPageList.push(Number(page));
+            console.log('椤电爜鍒楄〃',this.loadPageList);
             if (this.loadPageList.length > 5) {
               // 瓒呰繃5椤�
               this.loadPageList.shift();
@@ -482,7 +492,7 @@
           autoplay: {
             //鑷姩寮�濮�
             delay: 3000, //鏃堕棿闂撮殧
-            disableOnInteraction: false //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
+            disableOnInteraction: false, //*鎵嬪姩鎿嶄綔杞挱鍥惧悗涓嶄細鏆傚仠*
           },
           paginationClickable: true,
           slidesPerView: 1, // 涓�缁勪笁涓�
@@ -490,7 +500,7 @@
           // 濡傛灉闇�瑕佸墠杩涘悗閫�鎸夐挳
           navigation: {
             nextEl: ".swiper-button-next",
-            prevEl: ".swiper-button-prev"
+            prevEl: ".swiper-button-prev",
           },
           // 绐楀彛鍙樺寲,閲嶆柊init,閽堝F11鍏ㄥ睆鍜屾斁澶х缉灏�,蹇呴』鍔�
           observer: true,
@@ -512,10 +522,10 @@
         new Viewer(dom, {
           navbar: true, // 鏄剧ず瀵艰埅鏍�
           toolbar: true, // 鏄剧ず宸ュ叿鏍�
-          title: true // 鏄剧ず鏍囬
+          title: true, // 鏄剧ず鏍囬
         });
       }
-    }
+    },
   },
 };
 </script>
diff --git a/src/books/embedded/view/index.vue b/src/books/embedded/view/index.vue
index ef05ec6..271a090 100644
--- a/src/books/embedded/view/index.vue
+++ b/src/books/embedded/view/index.vue
@@ -2,10 +2,6 @@
   <div
     class="embedded-book"
     @mouseup="handleMouseUp"
-    :style="{
-      fontSize: fontSize ? fontSize + 'px' : '16px',
-      transform: `scale(${pageZoom ? pageZoom : 1})`,
-    }"
   >
     <pageContent></pageContent>
   </div>
@@ -26,14 +22,6 @@
       cardList: [],
       isMouseDown: false,
     };
-  },
-  computed: {
-    fontSize() {
-      return this.$store.state.qiankun.fontSize;
-    },
-    pageZoom() {
-      return this.$store.state.qiankun.scale / 100;
-    },
   },
   mounted() {
   },
diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/index.vue
index aebcdad..4dd6659 100644
--- a/src/books/lifeCare/index.vue
+++ b/src/books/lifeCare/index.vue
@@ -135,6 +135,7 @@
       loadPageObserver: null,
       loadPageList: [],
       questionData: {},
+      renderSignMap: {}
     };
   },
   computed: {
@@ -301,7 +302,7 @@
           this.showCatalogList = [
             this.catalogLength - 2,
             this.catalogLength - 1,
-            this.catalogLength,
+            this.catalogLength
           ];
         } else {
           this.showCatalogList = [catalog - 1, catalog, catalog + 1];
@@ -322,6 +323,14 @@
       }
     },
 
+    // 澶勭悊鏍囪鏁版嵁
+    handelSignData(type, data) {
+      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
+      if (!this.renderSignMap[type][data.page])
+        this.renderSignMap[type][data.page] = [];
+      this.renderSignMap[type][data.page].push(data);
+    },
+
     // 娓叉煋鏍囪
     renderSign(type, data) {
       const existence = (
@@ -332,29 +341,48 @@
         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}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
-            );
-            break;
+        // 鍒涘缓 createTreeWalker 杩唬鍣紝鐢ㄤ簬閬嶅巻鏂囨湰鑺傜偣锛屼繚瀛樺埌涓�涓暟缁�
+        const treeWalker = document.createTreeWalker(
+          pageDom,
+          NodeFilter.SHOW_TEXT
+        );
+        const allTextNodes = [];
+        let currentNode = treeWalker.nextNode();
+        while (currentNode) {
+          allTextNodes.push(currentNode);
+          currentNode = treeWalker.nextNode();
+        }
+        for (let i = 0; i < allTextNodes.length; i++) {
+          const textDom = allTextNodes[i];
+          if (textDom.textContent.indexOf(data.txt) > -1) {
+            let reg = new RegExp(`${data.txt}`, "ig");
+            switch (type) {
+              case "Highlight":
+                // 楂樹寒
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.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":
+                // 鍒掔嚎
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.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":
+                // 绗旇
+                textDom.parentNode.innerHTML =
+                  textDom.parentNode.innerHTML.replace(
+                    reg,
+                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
+                  );
+                break;
+            }
+          }
         }
       }
     },
@@ -536,7 +564,7 @@
         if (entry.isIntersecting) {
           const target = entry.target;
           const page = target.getAttribute("page");
-          if (this.loadPageList.indexOf(page) == -1) {
+          if (this.loadPageList.indexOf(Number(page)) == -1) {
             const catalogDom = this.tool.getParentNodeByClassName(
               target,
               "chapter"
@@ -565,7 +593,16 @@
                 }
               }
             }
+            // 娣诲姞椤电爜
             this.loadPageList.push(Number(page));
+            // 娓叉煋杩欎竴椤电殑鏍囪
+            for (const key in this.renderSignMap) {
+              if (this.renderSignMap[key][page]) {
+                this.renderSignMap[key][page].forEach((item) => {
+                  this.renderSign(key, item);
+                });
+              }
+            }
             if (this.loadPageList.length > 5) {
               // 瓒呰繃5椤�
               this.loadPageList.shift();
diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 79e1aea..2918561 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -42,13 +42,13 @@
       justify-content: center;
 
       table {
-        border: 1px solid #0aa2e9;
+        border: 1px solid #95b2dc;
         border-collapse: collapse;
         padding: 0;
         margin: 0;
 
         tr th {
-          border: 1px solid #0aa2e9;
+          border: 1px solid #95b2dc;
           background-color: #b0a3cf;
           color: #f49a4c;
           text-align: center;
@@ -57,10 +57,11 @@
         }
 
         tr td {
-          border: 1px solid #0aa2e9;
+          border: 1px solid #95b2dc;
           text-align: center;
           padding: 3px 10px;
           font-size: 14px;
+          line-height: 25px;
 
           input {
             cursor: pointer;
diff --git a/src/books/sportsAndHealth/index.vue b/src/books/sportsAndHealth/index.vue
index 8a48f5d..f574d62 100644
--- a/src/books/sportsAndHealth/index.vue
+++ b/src/books/sportsAndHealth/index.vue
@@ -73,6 +73,7 @@
       loadPageObserver: null,
       loadPageList: [],
       questionData: {},
+      renderSignMap: {}
     };
   },
   computed: {
diff --git a/src/books/sportsAndHealth/view/chapter002.vue b/src/books/sportsAndHealth/view/chapter002.vue
index 11a8ae0..69e0899 100644
--- a/src/books/sportsAndHealth/view/chapter002.vue
+++ b/src/books/sportsAndHealth/view/chapter002.vue
@@ -94,49 +94,235 @@
                 </thead>
                 <tbody>
                   <tr>
-                    <td>1. 鎴戞劅瑙夊揩涔愶紝蹇冩儏鑸掔晠</td>
-                    <td><input :value="chapter002.tablexyx1.text1" type="checkbox" />5</td>
-                    <td><input :value="chapter002.tablexyx1.text2" type="checkbox" />4</td>
-                    <td><input :value="chapter002.tablexyx1.text3" type="checkbox" />3</td>
-                    <td><input :value="chapter002.tablexyx1.text4" type="checkbox" />2</td>
-                    <td><input :value="chapter002.tablexyx1.text5" type="checkbox" />1</td>
-                    <td><input :value="chapter002.tablexyx1.text6" type="checkbox" />0</td>
+                    <td style="text-align: left">1. 鎴戞劅瑙夊揩涔愶紝蹇冩儏鑸掔晠</td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text1')"
+                        :checked="chapter002.tablexyx1.text1"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text2')"
+                        :checked="chapter002.tablexyx1.text2"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text3')"
+                        :checked="chapter002.tablexyx1.text3"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text4')"
+                        :checked="chapter002.tablexyx1.text4"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text5')"
+                        :checked="chapter002.tablexyx1.text5"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text6')"
+                        :checked="chapter002.tablexyx1.text6"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                   <tr>
-                    <td>2. 鎴戞劅瑙夊畞闈欏拰鏀炬澗</td>
-                    <td><input :value="chapter002.tablexyx1.text7" type="checkbox" />5</td>
-                    <td><input :value="chapter002.tablexyx1.text8" type="checkbox" />4</td>
-                    <td><input :value="chapter002.tablexyx1.text9" type="checkbox" />3</td>
-                    <td><input :value="chapter002.tablexyx1.text10" type="checkbox" />2</td>
-                    <td><input :value="chapter002.tablexyx1.text11" type="checkbox" />1</td>
-                    <td><input :value="chapter002.tablexyx1.text12" type="checkbox" />0</td>
+                    <td style="text-align: left">2. 鎴戞劅瑙夊畞闈欏拰鏀炬澗</td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text7')"
+                        :checked="chapter002.tablexyx1.text7"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text8')"
+                        :checked="chapter002.tablexyx1.text8"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text9')"
+                        :checked="chapter002.tablexyx1.text9"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text10')"
+                        :checked="chapter002.tablexyx1.text10"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text11')"
+                        :checked="chapter002.tablexyx1.text11"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text12')"
+                        :checked="chapter002.tablexyx1.text12"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                   <tr>
-                    <td>3. 鎴戞劅瑙夊厖婊℃椿鍔涳紝绮惧姏鍏呮矝</td>
-                    <td>5</td>
-                    <td>4</td>
-                    <td>3</td>
-                    <td>2</td>
-                    <td>1</td>
-                    <td>0</td>
+                    <td style="text-align: left">
+                      3. 鎴戞劅瑙夊厖婊℃椿鍔涳紝绮惧姏鍏呮矝
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text13')"
+                        :checked="chapter002.tablexyx1.text13"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text14')"
+                        :checked="chapter002.tablexyx1.text14"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text15')"
+                        :checked="chapter002.tablexyx1.text15"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text16')"
+                        :checked="chapter002.tablexyx1.text16"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text17')"
+                        :checked="chapter002.tablexyx1.text17"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text18')"
+                        :checked="chapter002.tablexyx1.text18"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                   <tr>
-                    <td>4. 鎴戠潯閱掓椂鎰熷埌娓呴啋锛屽緱鍒颁簡瓒冲浼戞伅</td>
-                    <td>5</td>
-                    <td>4</td>
-                    <td>3</td>
-                    <td>2</td>
-                    <td>1</td>
-                    <td>0</td>
+                    <td style="text-align: left">
+                      4. 鎴戠潯閱掓椂鎰熷埌娓呴啋锛屽緱鍒颁簡瓒冲浼戞伅
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text19')"
+                        :checked="chapter002.tablexyx1.text19"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text20')"
+                        :checked="chapter002.tablexyx1.text20"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text21')"
+                        :checked="chapter002.tablexyx1.text21"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text22')"
+                        :checked="chapter002.tablexyx1.text22"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text23')"
+                        :checked="chapter002.tablexyx1.text23"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text24')"
+                        :checked="chapter002.tablexyx1.text24"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                   <tr>
-                    <td>5. 鎴戞瘡澶╃殑鐢熸椿鍏呮弧浜嗘湁瓒g殑浜嬫儏</td>
-                    <td>5</td>
-                    <td>4</td>
-                    <td>3</td>
-                    <td>2</td>
-                    <td>1</td>
-                    <td>0</td>
+                    <td style="text-align: left">
+                      5. 鎴戞瘡澶╃殑鐢熸椿鍏呮弧浜嗘湁瓒g殑浜嬫儏
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text25')"
+                        :checked="chapter002.tablexyx1.text25"
+                        type="checkbox"
+                      />5
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text26')"
+                        :checked="chapter002.tablexyx1.text26"
+                        type="checkbox"
+                      />4
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text27')"
+                        :checked="chapter002.tablexyx1.text27"
+                        type="checkbox"
+                      />3
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text28')"
+                        :checked="chapter002.tablexyx1.text28"
+                        type="checkbox"
+                      />2
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text29')"
+                        :checked="chapter002.tablexyx1.text29"
+                        type="checkbox"
+                      />1
+                    </td>
+                    <td>
+                      <input
+                        @change="changeBox($event, 'text30')"
+                        :checked="chapter002.tablexyx1.text30"
+                        type="checkbox"
+                      />0
+                    </td>
                   </tr>
                 </tbody>
               </table>
@@ -200,59 +386,59 @@
                   <tbody>
                     <tr>
                       <td>1</td>
-                      <td>姝e父鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text1')" type="checkbox" :checked="chapter002.tablebyb1.text1" />姝e父鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text2')" type="checkbox" :checked="chapter002.tablebyb1.text2" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text2')" type="checkbox" :checked="chapter002.tablebyb1.text2" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text4')" type="checkbox" :checked="chapter002.tablebyb1.text4" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>2</td>
-                      <td>鎮茶</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text5')" type="checkbox" :checked="chapter002.tablebyb1.text5" />鎮茶</td>
+                      <td><input @change="changeByb($event,'text6')" type="checkbox" :checked="chapter002.tablebyb1.text6" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text7')" type="checkbox" :checked="chapter002.tablebyb1.text7" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text8')" type="checkbox" :checked="chapter002.tablebyb1.text8" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>3</td>
-                      <td>绀句細鏂归潰涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
-                      <td>涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text9')" type="checkbox" :checked="chapter002.tablebyb1.text9" />绀句細鏂归潰涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text10')" type="checkbox" :checked="chapter002.tablebyb1.text10" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text11')" type="checkbox" :checked="chapter002.tablebyb1.text11" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text12')" type="checkbox" :checked="chapter002.tablebyb1.text12" />涓嶅仴搴�</td>
                     </tr>
                     <tr>
                       <td>4</td>
-                      <td>鎮g枒鐥呯棁</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text13')" type="checkbox" :checked="chapter002.tablebyb1.text13" />鎮g枒鐥呯棁</td>
+                      <td><input @change="changeByb($event,'text14')" type="checkbox" :checked="chapter002.tablebyb1.text14" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text15')" type="checkbox" :checked="chapter002.tablebyb1.text15" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text16')" type="checkbox" :checked="chapter002.tablebyb1.text16" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>5</td>
-                      <td>韬綋涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text17')" type="checkbox" :checked="chapter002.tablebyb1.text17" />韬綋涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text18')" type="checkbox" :checked="chapter002.tablebyb1.text18" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text19')" type="checkbox" :checked="chapter002.tablebyb1.text19" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text20')" type="checkbox" :checked="chapter002.tablebyb1.text20" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>6</td>
-                      <td>闀挎湡鍙楃梾鎶樼(</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text21')" type="checkbox" :checked="chapter002.tablebyb1.text21" />闀挎湡鍙楃梾鎶樼(</td>
+                      <td><input @change="changeByb($event,'text22')" type="checkbox" :checked="chapter002.tablebyb1.text22" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text23')" type="checkbox" :checked="chapter002.tablebyb1.text23" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text24')" type="checkbox" :checked="chapter002.tablebyb1.text24" />鍋ュ悍</td>
                     </tr>
                     <tr>
-                      <td>7</td>
-                      <td>涔愯</td>
-                      <td>鍋ュ悍</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>鍋ュ悍</td>
+                      <td>7</td> 
+                      <td><input @change="changeByb($event,'text25')" type="checkbox" :checked="chapter002.tablebyb1.text25" />涔愯</td>
+                      <td><input @change="changeByb($event,'text26')" type="checkbox" :checked="chapter002.tablebyb1.text26" />鍋ュ悍</td>
+                      <td><input @change="changeByb($event,'text27')" type="checkbox" :checked="chapter002.tablebyb1.text27" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text28')" type="checkbox" :checked="chapter002.tablebyb1.text28" />鍋ュ悍</td>
                     </tr>
                     <tr>
                       <td>8</td>
-                      <td>鎮g梾涓ラ噸</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>涓嶅仴搴�</td>
-                      <td>涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text29')" type="checkbox" :checked="chapter002.tablebyb1.text29" />鎮g梾涓ラ噸</td>
+                      <td><input @change="changeByb($event,'text30')" type="checkbox" :checked="chapter002.tablebyb1.text30" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text31')" type="checkbox" :checked="chapter002.tablebyb1.text31" />涓嶅仴搴�</td>
+                      <td><input @change="changeByb($event,'text32')" type="checkbox" :checked="chapter002.tablebyb1.text32" />涓嶅仴搴�</td>
                     </tr>
                   </tbody>
                 </table>
@@ -1020,13 +1206,28 @@
   },
   data() {
     return {
-      chapter002:{
-        tablexyx1:{},
-
-      }
+      chapter002: {
+        tablexyx1: {},
+        tablebyb1:{}
+      },
     };
   },
   created() {
+    const localData = JSON.parse(localStorage.getItem("chapter002"));
+    if (localData) {
+      this.chapter002 = { ...Object.assign(this.chapter002, localData) };
+      console.log(this.chapter002);
+    }
+  },
+  methods: {
+    changeBox(e, val) {
+      this.chapter002.tablexyx1[val] = e.target.checked;
+      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
+    },
+    changeByb(e, val) {
+      this.chapter002.tablebyb1[val] = e.target.checked;
+      localStorage.setItem("chapter002", JSON.stringify(this.chapter002));
+    },
   },
 };
 </script>

--
Gitblit v1.9.1