From 7f3ce9b71a47c51bbde20b19d55b23a0e14509da Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 07 五月 2025 17:13:27 +0800
Subject: [PATCH] 优化

---
 src/books/practicalCareChildrenManual/view/components/chapter001.vue | 2755 +++++++++++++++++++++++++++++++++--------------------------
 1 files changed, 1,530 insertions(+), 1,225 deletions(-)

diff --git a/src/books/practicalCareChildrenManual/view/components/chapter001.vue b/src/books/practicalCareChildrenManual/view/components/chapter001.vue
index d4635f2..d5d71c2 100644
--- a/src/books/practicalCareChildrenManual/view/components/chapter001.vue
+++ b/src/books/practicalCareChildrenManual/view/components/chapter001.vue
@@ -1,1244 +1,1549 @@
 <template>
-    <div class="chapter" num="2">
-        <!-- 1椤� -->
-        <div class="page-box" page="4">
-            <div v-if="showPageList.indexOf(4) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-25">
-                    <li class="headerText-bc">妯″潡涓�</li>
-                    <li class="headerText">鐩ユ礂鐓ф姢</li>
-                    <li class="headerNumber">
-                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
-                        <span>1</span>
-                    </li>
-                </ul>
-                <div class="rw-bg">
-                    <div class="bj4">
-                        <div class="bj5">
-                            <h2 id="b001" class="">妯″潡涓�</h2>
-                            <h2 id="b001" class="">鐩ユ礂鐓ф姢</h2>
-                        </div>
-                    </div>
-                </div>
-                <div class="bodystyle">
-                    <h3 id="c001" class="center">瀹炶椤圭洰涓�銆�娲楁墜鐓ф姢</h3>
-                    <h4 id="d053">涓�銆佸疄璁洰鐨�</h4>
-                    <p>1.鎺屾彙涓冩娲楁墜娉曠殑鏍囧噯娴佺▼銆�</p>
-                    <p>2.鑳借繘琛屽┐骞煎効娲楁墜鐨勬寚瀵笺��</p>
-                    <p>3.浣撶幇濠村辜鍎挎礂鎵嬬殑鍥炲簲鎬х収鎶ゃ��</p>
-                    <h4 id="d054">浜屻�佹妧鑳界偣</h4>
-                    <p>1.涓冩娲楁墜娉曘��</p>
-                    <p>2.濠村辜鍎挎礂鎵嬬収鎶ょ殑鎸囧娴佺▼銆�</p>
-                    <p>3.鍥炲簲鎬ф礂鎵嬬殑鎸囧鐞嗗康銆�</p>
-                    <h4 id="d055">涓夈�佸缓璁鏃�</h4>
-                    <p>1瀛︽椂銆�</p>
-                    <h4 id="d056">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
-                    <p>濠村辜鍎挎ā鍨嬨�佹礂鎵嬫恫銆佹瘺宸剧瓑銆�</p>
-                    <h4 id="d057">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
-                    <h5 id="e185">锛堜竴锛変竷姝ユ礂鎵嬫硶鐨勬搷浣滄祦绋嬪強瑕佹眰</h5>
-                    <p>涓冩娲楁墜娉曠殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-1-1銆�</p>
-                    <p class="img">琛�1-1-1銆�涓冩娲楁墜娉曠殑鎿嶄綔娴佺▼鍙婅姹�</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0006-01.png" /></p>
-                </div>
+  <div class="chapter" num="2">
+    <!-- 1椤� -->
+    <div class="page-box" page="4">
+      <div v-if="showPageList.indexOf(4) > -1">
+        <ul class="fl al-c jc-fe pad-t-55 mb-25">
+          <li class="headerText-bc">妯″潡涓�</li>
+          <li class="headerText">鐩ユ礂鐓ф姢</li>
+          <li class="headerNumber">
+            <img
+              class="img-0"
+              src="../../assets/images/headerRight.png"
+              alt=""
+            />
+            <span>1</span>
+          </li>
+        </ul>
+        <div class="rw-bg">
+          <div class="bj4">
+            <div class="bj5">
+              <h2 id="b001" class="">妯″潡涓�</h2>
+              <h2 id="b001" class="">鐩ユ礂鐓ф姢</h2>
             </div>
+          </div>
         </div>
-        <!-- 2椤� -->
-        <div class="page-box" page="5">
-            <div v-if="showPageList.indexOf(5) > -1">
-                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
-                    <li class="header-left-Number">
-                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
-                        <span>2</span>
-                    </li>
-                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
-                </ul>
-                <div class="bodystyle">
-                    <p class="continued fz-14">缁〃</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0006-02.png" /></p>
-                    <checkVideo :videoPath="videoData[0].videoSrc" :videoName="videoData[0].videoNameSrc"
-                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideo"
-                        @saveVideoStatus="saveVideoStatus">
-                    </checkVideo>
-                    <h5 id="e186">锛堜簩锛夋寚瀵煎辜鍎胯嚜涓绘礂鎵嬬殑鎿嶄綔娴佺▼鍙婅姹�</h5>
-                    <p>鎸囧骞煎効鑷富娲楁墜鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-1-2銆�</p>
-                    <p class="img">琛�1-1-2銆�鎸囧骞煎効鑷富娲楁墜鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0007-2.jpg" /></p>
-                    <h4 id="d058">鍏�佹敞鎰忎簨椤�</h4>
-                    <p>1.淇濊瘉娲楁墜鐜鍗敓銆佹暣娲併�佸畨鍏ㄣ�佽垝閫傘��</p>
-                    <p>2.鎸夌収涓冩娲楁墜娉曟礂鎵嬮渶瑕佷繚璇佹瘡涓幆鑺傞兘鍦�15绉掍互涓娿��</p>
-                    <p>3.娲楁墜鍚庡簲灏介噺閬垮厤鎵嬮儴鐨勪簩娆℃薄鏌撱��</p>
-                    <p>4.鎸囧骞煎効娲楁墜杩囩▼涓敞閲嶄笌骞煎効璇█銆佸姩浣滃拰琛ㄦ儏鐨勪氦娴侊紝浣撶幇鍥炲簲鎬х収鎶ゃ��</p>
-                </div>
-            </div>
+        <div class="bodystyle">
+          <h3 id="c001" class="center">瀹炶椤圭洰涓�銆�娲楁墜鐓ф姢</h3>
+          <h4 id="d053">涓�銆佸疄璁洰鐨�</h4>
+          <p>1.鎺屾彙涓冩娲楁墜娉曠殑鏍囧噯娴佺▼銆�</p>
+          <p>2.鑳借繘琛屽┐骞煎効娲楁墜鐨勬寚瀵笺��</p>
+          <p>3.浣撶幇濠村辜鍎挎礂鎵嬬殑鍥炲簲鎬х収鎶ゃ��</p>
+          <h4 id="d054">浜屻�佹妧鑳界偣</h4>
+          <p>1.涓冩娲楁墜娉曘��</p>
+          <p>2.濠村辜鍎挎礂鎵嬬収鎶ょ殑鎸囧娴佺▼銆�</p>
+          <p>3.鍥炲簲鎬ф礂鎵嬬殑鎸囧鐞嗗康銆�</p>
+          <h4 id="d055">涓夈�佸缓璁鏃�</h4>
+          <p>1瀛︽椂銆�</p>
+          <h4 id="d056">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+          <p>濠村辜鍎挎ā鍨嬨�佹礂鎵嬫恫銆佹瘺宸剧瓑銆�</p>
+          <h4 id="d057">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+          <h5 id="e185">锛堜竴锛変竷姝ユ礂鎵嬫硶鐨勬搷浣滄祦绋嬪強瑕佹眰</h5>
+          <p>涓冩娲楁墜娉曠殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-1-1銆�</p>
+          <p class="img">琛�1-1-1銆�涓冩娲楁墜娉曠殑鎿嶄綔娴佺▼鍙婅姹�</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0006-01.png" />
+          </p>
         </div>
-        <!-- 3椤� -->
-        <div class="page-box" page="6">
-            <div v-if="showPageList.indexOf(6) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-25">
-                    <li class="headerText-bc">妯″潡涓�</li>
-                    <li class="headerText">鐩ユ礂鐓ф姢</li>
-                    <li class="headerNumber">
-                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
-                        <span>3</span>
-                    </li>
-                </ul>
-                <div class="bodystyle">
-                    <h4 id="d059">涓冦�佸疄璁嚜璇�</h4>
-                    <p>涓冩娲楁墜娉曠殑瀹炶鑷瘎琛ㄥ拰鎸囧骞煎効鑷富娲楁墜鐨勫疄璁嚜璇勮〃瑙佽〃1-1-3鍜岃〃1-1-4銆�</p>
-                    <p class="img">琛�1-1-3銆�涓冩娲楁墜娉曠殑瀹炶鑷瘎琛�</p>
-                    <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mb-20 mt-10">
-                        <tr class="table-th-bc">
-                            <td class="center">璇勫垎椤圭洰</td>
-                            <td class="center">璇勫垎鏍囧噯</td>
-                            <td class="center">鍒嗗��</td>
-                            <td class="center">寰楀垎</td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc w15">
-                                鍑嗗宸ヤ綔
-                            </td>
-                            <td class="ta-l table-tr-bc w55">
-                                <p class="td-0"> 1.灏嗘礂鎵嬫恫鏀惧湪宸ヤ綔鍖哄煙銆�</p>
-                                <p class="td-0"> 2.鎵撳紑姘撮緳澶达紝涓嶈寮�寰楄繃澶э紝姘存祦閫備腑銆�</p>
-                                <p class="td-0"> 3.韬綋鍓嶅�撅紝鍙屾墜鍚戜笅锛屾尳濂借。琚栥��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc w15">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="center">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableOne.one"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">60</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableOne.two"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableOne.three"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableOne.four"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
-                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableOne.five"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">100</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableOne.six"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
-                            <td class="ta-l table-tr-bc" colspan="3">
-                                <textarea v-model="tableData.tableOne.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
-                                    class="table-textarea" @change="setBookQuestion"></textarea>
-                            </td>
-                        </tr>
-                    </table>
-                    <p class="img">琛�1-1-4銆�鎸囧骞煎効鑷富娲楁墜鐨勫疄璁嚜璇勮〃</p>
-                    <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
-                        <tr class="table-th-bc">
-                            <td class="center">璇勫垎椤圭洰</td>
-                            <td class="center">璇勫垎鏍囧噯</td>
-                            <td class="center">鍒嗗��</td>
-                            <td class="center">寰楀垎</td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc w15">
-                                鍑嗗宸ヤ綔
-                            </td>
-                            <td class="ta-l table-tr-bc w55">
-                                <p class="td-0"> 1.灏嗘礂鎵嬫恫鏀惧湪骞煎効鏂逛究鎿嶄綔鐨勪綅缃��</p>
-                                <p class="td-0"> 2.灏嗘瘺宸惧拰鎶瑰竷鎸傚ソ锛屽苟灏嗘瘺宸炬斁鍦ㄥ辜鍎胯兘鑷富鎷垮彇鐨勯珮搴︺��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc w15">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="center">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableTwo.one"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">60</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableTwo.two"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableTwo.three"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableTwo.four"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">1.鎸囧娴佺晠锛屼綋鐜板洖搴旀�х収鎶ゃ��</p>
-                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableTwo.five"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">100</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableTwo.six"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
-                            <td class="ta-l table-tr-bc" colspan="3">
-                                <textarea v-model="tableData.tableTwo.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
-                                    class="table-textarea" @change="setBookQuestion"></textarea>
-                            </td>
-                        </tr>
-                    </table>
-                </div>
-            </div>
-        </div>
-        <!-- 4椤� -->
-        <div class="page-box" page="7">
-            <div v-if="showPageList.indexOf(7) > -1">
-                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
-                    <li class="header-left-Number">
-                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
-                        <span>4</span>
-                    </li>
-                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
-                </ul>
-                <div class="bodystyle">
-                    <h3 id="c001" class="center">瀹炶椤圭洰浜屻��闈㈤儴娓呮磥鐓ф姢</h3>
-                    <h4 id="d060">涓�銆佸疄璁洰鐨�</h4>
-                    <p>1.鎺屾彙濠村辜鍎块潰閮ㄦ竻娲佺殑瀹夊叏瑕佹眰銆�</p>
-                    <p>2.鎺屾彙濠村辜鍎块潰閮ㄦ竻娲佺殑鏍囧噯娴佺▼銆�</p>
-                    <p>3.浣撶幇濠村辜鍎块潰閮ㄦ竻娲佸洖搴旀�х悊蹇点��</p>
-                    <h4 id="d061">浜屻�佹妧鑳界偣</h4>
-                    <p>1.闈㈤儴娓呮磥鐨勫畨鍏ㄨ姹傘��</p>
-                    <p>2.闈㈤儴娓呮磥鐨勯『搴忋��</p>
-                    <p>3.闈㈤儴娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
-                    <h4 id="d062">涓夈�佸缓璁鏃�</h4>
-                    <p>1瀛︽椂銆�</p>
-                    <h4 id="d063">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
-                    <p>濠村辜鍎挎ā鍨嬨�佸尰鐢ㄦ绛俱�佸皬姣涘肪绛夈��</p>
-                    <h4 id="d064">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
-                    <p>闈㈤儴娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-2-1銆�</p>
-                    <p class="img">琛�1-2-1銆�闈㈤儴娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0009-01.png" /></p>
-                </div>
-            </div>
-        </div>
-        <!-- 5椤� -->
-        <div class="page-box" page="8">
-            <div v-if="showPageList.indexOf(8) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-25">
-                    <li class="headerText-bc">妯″潡涓�</li>
-                    <li class="headerText">鐩ユ礂鐓ф姢</li>
-                    <li class="headerNumber">
-                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
-                        <span>5</span>
-                    </li>
-                </ul>
-                <div class="bodystyle">
-                    <p class="continued fz-14">缁〃</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0009-02.png" /></p>
-                    <checkVideo :videoPath="videoData[1].videoSrc" :videoName="videoData[1].videoNameSrc"
-                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoOne"
-                        @saveVideoStatus="saveVideoStatus">
-                    </checkVideo>
-                    <h4 id="d065">鍏�佹敞鎰忎簨椤�</h4>
-                    <p>1.鎿嶄綔鏃舵妸灏忔瘺宸捐樃婀匡紝涓嶈澶箍锛屼互涓嶆淮姘翠负瀹溿��</p>
-                    <p>2.闈㈤儴娓呮磥鎵嬫硶瑕佽交鏌旓紝涓嶈兘寮鸿鎿︽嫮銆�</p>
-                    <p>3.濠村辜鍎夸笉閰嶅悎鏃讹紝鍏堟殏鍋滐紝瀹夋姎鍚庡啀杩涜銆�</p>
-                    <p>4.闈㈤儴娓呮磥杩囩▼涓敞閲嶄笌濠村辜鍎胯瑷�銆佸姩浣滃拰琛ㄦ儏鐨勪氦娴侊紝浣撶幇鍥炲簲鎬х収鎶ゃ��</p>
-                    <h4 id="d066">涓冦�佸疄璁嚜璇�</h4>
-                    <p>闈㈤儴娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃瑙佽〃1-2-2銆�</p>
-                    <p class="img">琛�1-2-2銆�闈㈤儴娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃</p>
-                    <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
-                        <tr class="table-th-bc">
-                            <td class="center">璇勫垎椤圭洰</td>
-                            <td class="center">璇勫垎鏍囧噯</td>
-                            <td class="center">鍒嗗��</td>
-                            <td class="center">寰楀垎</td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc w15">
-                                鍑嗗宸ヤ綔
-                            </td>
-                            <td class="ta-l table-tr-bc w55">
-                                <p class="td-0"> 1.鐗╁搧鍑嗗榻愬叏銆�</p>
-                                <p class="td-0"> 2.灏嗘墜閮ㄦ竻娲楀共鍑�銆�</p>
-                                <p class="td-0"> 3.瀹ゅ唴娓╁害閫傚疁銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc w15">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="center">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableThree.one"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">60</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableThree.two"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border"
-                                        v-model="tableData.tableThree.three" @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border"
-                                        v-model="tableData.tableThree.four" @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
-                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border"
-                                        v-model="tableData.tableThree.five" @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">100</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableThree.six"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
-                            <td class="ta-l table-tr-bc" colspan="3">
-                                <textarea v-model="tableData.tableThree.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
-                                    class="table-textarea" @change="setBookQuestion"></textarea>
-                            </td>
-                        </tr>
-                    </table>
-                </div>
-            </div>
-        </div>
-        <!-- 6椤� -->
-        <div class="page-box" page="9">
-            <div v-if="showPageList.indexOf(9) > -1">
-                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
-                    <li class="header-left-Number">
-                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
-                        <span>6</span>
-                    </li>
-                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
-                </ul>
-                <div class="bodystyle">
-                    <h3 id="c003" class="center">瀹炶椤圭洰涓夈��鍙h厰娓呮磥鐓ф姢</h3>
-                    <h4 id="d067">涓�銆佸疄璁洰鐨�</h4>
-                    <p>1.鎺屾彙濠村辜鍎垮彛鑵旀竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
-                    <p>2.鎺屾彙濠村辜鍎垮彛鑵旀竻娲佺殑鎿嶄綔娴佺▼銆�</p>
-                    <p>3.浣撶幇濠村辜鍎垮彛鑵旀竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
-                    <h4 id="d068">浜屻�佹妧鑳界偣</h4>
-                    <p>1.鍙h厰娓呮磥鍓嶇殑鍑嗗宸ヤ綔銆�</p>
-                    <p>2.鍙h厰娓呮磥鐨勬搷浣滄祦绋嬨��</p>
-                    <p>3.鍙h厰娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
-                    <h4 id="d069">涓夈�佸缓璁鏃�</h4>
-                    <p>1瀛︽椂銆�</p>
-                    <h4 id="d070">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
-                    <p>濠村辜鍎挎ā鍨嬨�佺罕甯冦�佹寚濂楃墮鍒风瓑銆�</p>
-                    <h4 id="d071">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
-                    <h5 id="e187">锛堜竴锛�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</h5>
-                    <p>1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-3-1銆�</p>
-                    <p class="img">琛�1-3-1銆�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0011-1.jpg" /></p>
-                    <checkVideo :videoPath="videoData[2].videoSrc" :videoName="videoData[2].videoNameSrc"
-                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoTwo"
-                        @saveVideoStatus="saveVideoStatus">
-                    </checkVideo>
-                </div>
-            </div>
-        </div>
-        <!-- 7椤� -->
-        <div class="page-box" page="10">
-            <div v-if="showPageList.indexOf(10) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-25">
-                    <li class="headerText-bc">妯″潡涓�</li>
-                    <li class="headerText">鐩ユ礂鐓ф姢</li>
-                    <li class="headerNumber">
-                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
-                        <span>7</span>
-                    </li>
-                </ul>
-                <div class="bodystyle">
-                    <h5 id="e188">锛堜簩锛�1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</h5>
-                    <p>1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-3-2銆�</p>
-                    <p class="img">琛�1-3-2銆�1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0012-1.jpg" /></p>
-                    <h4 id="d072">鍏�佹敞鎰忎簨椤�</h4>
-                    <p>1.鍒风墮鏃堕暱瑕佹帶鍒跺湪2锝�3鍒嗛挓锛屾瘡鏃ユ棭鏅氬悇涓�娆°��</p>
-                    <p>2.鍒风墮鐨勬椂闂磋鍥哄畾锛屽缓璁繘椋熷悗鍗婂皬鏃躲��</p>
-                    <p>3.鍙h厰娓呮磥杩囩▼涓敞閲嶄笌濠村辜鍎胯瑷�鍜岃〃鎯呯殑浜ゆ祦锛屼綋鐜板洖搴旀�х収鎶ゃ��</p>
-                    <h4 id="d073">涓冦�佸疄璁嚜璇�</h4>
-                    <p>1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄥ拰1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄨ琛�1-3-3鍜岃〃1-3-4銆�</p>
-                    <p class="img">琛�1-3-3銆�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
-                    <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
-                        <tr class="table-th-bc">
-                            <td class="center">璇勫垎椤圭洰</td>
-                            <td class="center">璇勫垎鏍囧噯</td>
-                            <td class="center">鍒嗗��</td>
-                            <td class="center">寰楀垎</td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc w15">
-                                鍑嗗宸ヤ綔
-                            </td>
-                            <td class="ta-l table-tr-bc w55">
-                                <p class="td-0">灏嗗┐鍎挎姳鍒版姢鐞嗗彴涓婏紝骞跺皢绾卞竷銆佹寚濂楃墮鍒风瓑鏀惧湪宸ヤ綔鍖哄煙銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc w15">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="center">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFour.one"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">60</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFour.two"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border"
-                                        v-model="tableData.tableFour.three" @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFour.four"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
-                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFour.five"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">100</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFour.six"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
-                            <td class="ta-l table-tr-bc" colspan="3">
-                                <textarea v-model="tableData.tableFour.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
-                                    class="table-textarea" @change="setBookQuestion"></textarea>
-                            </td>
-                        </tr>
-                    </table>
-                </div>
-            </div>
-        </div>
-        <!-- 8椤� -->
-        <div class="page-box" page="11">
-            <div v-if="showPageList.indexOf(11) > -1">
-                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
-                    <li class="header-left-Number">
-                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
-                        <span>8</span>
-                    </li>
-                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
-                </ul>
-                <div class="bodystyle">
-                    <p class="img">琛�1-3-4 1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
-                    <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
-                        <tr class="table-th-bc">
-                            <td class="center">璇勫垎椤圭洰</td>
-                            <td class="center">璇勫垎鏍囧噯</td>
-                            <td class="center">鍒嗗��</td>
-                            <td class="center">寰楀垎</td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc w15">
-                                鍑嗗宸ヤ綔
-                            </td>
-                            <td class="ta-l table-tr-bc w55">
-                                <p class="td-0">鎵嬮儴娓呮磥锛屽皢鐗欓娇妯″瀷銆佺墮鍒锋澂銆佺墮鍒峰拰鍚盁鐗欒啅绛夋斁鍦ㄥ伐浣滃尯鍩熴��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc w15">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="center">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFive.one"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">60</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFive.two"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border"
-                                        v-model="tableData.tableFive.three" @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFive.four"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
-                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFive.five"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">100</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableFive.six"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
-                            <td class="ta-l table-tr-bc" colspan="3">
-                                <textarea v-model="tableData.tableFive.seven" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
-                                    class="table-textarea" @change="setBookQuestion"></textarea>
-                            </td>
-                        </tr>
-                    </table>
-                    <h3 id="c004" class="center">瀹炶椤圭洰鍥涖��鑷�閮ㄦ竻娲佺収鎶�</h3>
-                    <h4 id="d074">涓�銆佸疄璁洰鐨�</h4>
-                    <p>1.鎺屾彙濠村辜鍎胯噣閮ㄦ竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
-                    <p>2.鎺屾彙涓嶅悓鎬у埆濠村辜鍎胯噣閮ㄦ竻娲佺殑鎿嶄綔娴佺▼銆�</p>
-                    <p>3.浣撶幇濠村辜鍎胯噣閮ㄦ竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
-                    <h4 id="d075">浜屻�佹妧鑳界偣</h4>
-                    <p>1.鑷�閮ㄦ竻娲佺殑鍑嗗宸ヤ綔銆�</p>
-                    <p>2.鑷�閮ㄦ竻娲佺殑鎿嶄綔娴佺▼銆�</p>
-                    <p>3.鑷�閮ㄦ竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
-                    <h4 id="d076">涓夈�佸缓璁鏃�</h4>
-                    <p>1瀛︽椂銆�</p>
-                    <h4 id="d077">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
-                    <p>濠村辜鍎挎ā鍨嬨�佹礂鎵嬫恫銆佺罕甯冪瓑銆�</p>
-                    <h4 id="d078">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
-                    <p>鑷�閮ㄦ竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-4-1銆�</p>
-                </div>
-            </div>
-        </div>
-        <!-- 9椤� -->
-        <div class="page-box" page="12">
-            <div v-if="showPageList.indexOf(12) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-25">
-                    <li class="headerText-bc">妯″潡涓�</li>
-                    <li class="headerText">鐩ユ礂鐓ф姢</li>
-                    <li class="headerNumber">
-                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
-                        <span>9</span>
-                    </li>
-                </ul>
-                <div class="bodystyle">
-                    <p class="img">琛�1-4-1 鑷�閮ㄦ竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0014-1.jpg" /></p>
-                    <checkVideo :videoPath="videoData[3].videoSrc" :videoName="videoData[3].videoNameSrc"
-                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoThree"
-                        @saveVideoStatus="saveVideoStatus">
-                    </checkVideo>
-                    <checkVideo :videoPath="videoData[4].videoSrc" :videoName="videoData[4].videoNameSrc"
-                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoFour"
-                        @saveVideoStatus="saveVideoStatus">
-                    </checkVideo>
-                    <h4 id="d079">鍏�佹敞鎰忎簨椤�</h4>
-                    <p>1.鎵撳紑绾稿翱瑁ゅ悗锛屽厛鐢ㄧ焊灏胯¥鍓嶇鐨勫共鍑�閮ㄥ垎鎿︽嫮鑷�閮ㄧ殑绮究锛岄澶勭悊鍚庡啀鐢ㄦ箍绾稿肪鎿︽嫮銆�</p>
-                    <p>2.鐢辩浉瀵瑰共鍑�鐨勫湴鏂规湞鍚戣剰鐨勫湴鏂规摝鎷紝涓嶆潵鍥炴摝銆�</p>
-                    <p>3.鐢峰┐骞煎効浠庡嚭鐢熷埌3宀佸墠锛屽寘鐨笌榫熷ご涓�鐩撮兘鏄矘杩炵殑锛屼笉鑳戒笂缈伙紝琛ㄧ幇涓哄寘鐨繃闀挎垨鍖呰寧锛岃繖鏄竴绉嶆甯哥幇璞°��</p>
-                    <p>4.娓呮磥濂冲┐骞煎効鐨勫闃撮儴锛屾敞鎰忕敱鍓嶅線鍚庢摝娲椼��</p>
-                    <h4 id="d080">涓冦�佸疄璁嚜璇�</h4>
-                    <p>鑷�閮ㄦ竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄨ琛�1-4-2銆�</p>
-                </div>
-            </div>
-        </div>
-        <!-- 10椤� -->
-        <div class="page-box" page="13">
-            <div v-if="showPageList.indexOf(13) > -1">
-                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
-                    <li class="header-left-Number">
-                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
-                        <span>10</span>
-                    </li>
-                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
-                </ul>
-                <div class="bodystyle">
-                    <p class="img">琛�1-4-2 鑷�閮ㄦ竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
-                    <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
-                        <tr class="table-th-bc">
-                            <td class="center">璇勫垎椤圭洰</td>
-                            <td class="center">璇勫垎鏍囧噯</td>
-                            <td class="center">鍒嗗��</td>
-                            <td class="center">寰楀垎</td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc w15">
-                                鍑嗗宸ヤ綔
-                            </td>
-                            <td class="ta-l table-tr-bc w55">
-                                <p class="td-0">1.鐜鍑嗗閫傚疁銆�</p>
-                                <p class="td-0">2.鐗╁搧鍑嗗榻愬叏銆�</p>
-                                <p class="td-0">3.鎵嬮儴娓呮磥娑堟瘨銆�</p>
-                                <p class="td-0">4.鎻愬墠娴嬭瘯姘存俯銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc w15">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="center">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableSix.one"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">60</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableSix.two"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">20</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableSix.three"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
-                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableSix.four"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">100</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableSix.five"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
-                            <td class="ta-l table-tr-bc" colspan="3">
-                                <textarea v-model="tableData.tableSix.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
-                                    class="table-textarea" @change="setBookQuestion"></textarea>
-                            </td>
-                        </tr>
-                    </table>
-                    <h3 id="c005" class="center">瀹炶椤圭洰浜斻��韬綋娓呮磥鐓ф姢</h3>
-                    <h4 id="d081">涓�銆佸疄璁洰鐨�</h4>
-                    <p>1.鎺屾彙濠村辜鍎胯韩浣撴竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
-                    <p>2.鎺屾彙濠村辜鍎胯韩浣撴竻娲佺殑鎿嶄綔娴佺▼銆�</p>
-                    <p>3.浣撶幇濠村辜鍎胯韩浣撴竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
-                    <h4 id="d082">浜屻�佹妧鑳界偣</h4>
-                    <p>1.韬綋娓呮磥鐨勫噯澶囧伐浣溿��</p>
-                    <p>2.韬綋娓呮磥鐨勬搷浣滄祦绋嬨��</p>
-                    <p>3.韬綋娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
-                    <h4 id="d083">涓夈�佸缓璁鏃�</h4>
-                    <p>1瀛︽椂銆�</p>
-                    <h4 id="d084">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
-                    <p>濠村辜鍎挎ā鍨嬨�佹荡宸俱�佹绛剧瓑銆�</p>
-                    <h4 id="d085">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
-                    <p>韬綋娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-5-1銆�</p>
-                </div>
-            </div>
-        </div>
-        <!-- 11椤� -->
-        <div class="page-box" page="14">
-            <div v-if="showPageList.indexOf(14) > -1">
-                <ul class="fl al-c jc-fe pad-t-55 mb-25">
-                    <li class="headerText-bc">妯″潡涓�</li>
-                    <li class="headerText">鐩ユ礂鐓ф姢</li>
-                    <li class="headerNumber">
-                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
-                        <span>11</span>
-                    </li>
-                </ul>
-                <div class="bodystyle">
-                    <p class="img">琛�1-5-1 韬綋娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
-                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0016-1.jpg" /></p>
-                    <checkVideo :videoPath="videoData[5].videoSrc" :videoName="videoData[5].videoNameSrc"
-                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoFive"
-                        @saveVideoStatus="saveVideoStatus">
-                    </checkVideo>
-                    <h4 id="d086">鍏�佹敞鎰忎簨椤�</h4>
-                    <p>1.濠村辜鍎挎矏娴翠簬鍠傚ザ鍚�1灏忔椂杩涜锛屼互鍏嶅憰鍚愬拰婧钩銆�</p>
-                    <p>2.濡傛灉濠村辜鍎跨殑鑷�閮ㄦ湁澶т究锛屽垯娲楀噣鑷�閮ㄥ悗鍐嶆斁鍏ユ荡鐩嗘矏娴淬��</p>
-                    <p>3.涓哄┐骞煎効娲楀ご鏃讹紝涓嶈兘鐢ㄦ寚鐢叉姄娲楀ご閮紝涔熶笉鑳藉己琛屽墺鍘诲┐骞煎効澶撮儴鐨勭毊鑴傘��</p>
-                </div>
-            </div>
-        </div>
-        <!-- 12椤� -->
-        <div class="page-box" page="15">
-            <div v-if="showPageList.indexOf(15) > -1">
-                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
-                    <li class="header-left-Number">
-                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
-                        <span>12</span>
-                    </li>
-                    <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
-                </ul>
-                <div class="bodystyle">
-                    <h4 id="d087">涓冦�佸疄璁嚜璇�</h4>
-                    <p>韬綋娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃瑙佽〃1-5-2銆�</p>
-                    <p class="img">琛�1-5-2 韬綋娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃</p>
-                    <table border="1" cellpadding="4" cellspacing="0"
-                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
-                        <tr class="table-th-bc">
-                            <td class="center">璇勫垎椤圭洰</td>
-                            <td class="center">璇勫垎鏍囧噯</td>
-                            <td class="center">鍒嗗��</td>
-                            <td class="center">寰楀垎</td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc w15">
-                                鍑嗗宸ヤ綔
-                            </td>
-                            <td class="ta-l table-tr-bc w55">
-                                <p class="td-0">鐜鍑嗗銆佽嚜韬噯澶囥�佺墿鍝佸噯澶囥�佹按娓╁悎閫傘��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc w15">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="center">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableSeven.one"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">60</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border" v-model="tableData.tableSeven.two"
-                                        @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">20</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border"
-                                        v-model="tableData.tableSeven.three" @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鎬讳綋璇勪环</td>
-                            <td class="ta-l table-tr-bc">
-                                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
-                                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">10</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border"
-                                        v-model="tableData.tableSeven.four" @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">100</p>
-                            </td>
-                            <td class="ta-l center table-tr-bc">
-                                <p class="center td-0">
-                                    <input type="text" class="table-input-border"
-                                        v-model="tableData.tableSeven.five" @change="setBookQuestion" />
-                                </p>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
-                            <td class="ta-l table-tr-bc" colspan="3">
-                                <textarea v-model="tableData.tableSeven.six" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
-                                    class="table-textarea" @change="setBookQuestion"></textarea>
-                            </td>
-                        </tr>
-                    </table>
-                    <div class="question-box">
-                        <div class="question-title">
-                            <p class="question-title-name">
-                                棰樺簱: {{ chapter001.question[1].questionTitleMain }}
-                            </p>
-                            <p class="question-title-img" @click="openQuestion(1)">
-                                <img :src=questionIcon alt="">
-                                <span>缁冧範</span>
-                            </p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
-            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="2" :page="questionNum"
-            :questionTitle="questionTitleMain" ref="dialogRef">
-        </dialogExaminations>
+      </div>
     </div>
+    <!-- 2椤� -->
+    <div class="page-box" page="5">
+      <div v-if="showPageList.indexOf(5) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+          <li class="header-left-Number">
+            <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
+            <span>2</span>
+          </li>
+          <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="continued fz-14">缁〃</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0006-02.png" />
+          </p>
+          <checkVideo
+            :videoPath="videoData[0].videoSrc"
+            :videoName="videoData[0].videoNameSrc"
+            :BookId="bookIdSrc"
+            :isCollectVideo="chapterData.isCollectVideo"
+          >
+          </checkVideo>
+          <h5 id="e186">锛堜簩锛夋寚瀵煎辜鍎胯嚜涓绘礂鎵嬬殑鎿嶄綔娴佺▼鍙婅姹�</h5>
+          <p>鎸囧骞煎効鑷富娲楁墜鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-1-2銆�</p>
+          <p class="img">琛�1-1-2銆�鎸囧骞煎効鑷富娲楁墜鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0007-2.jpg" />
+          </p>
+          <h4 id="d058">鍏�佹敞鎰忎簨椤�</h4>
+          <p>1.淇濊瘉娲楁墜鐜鍗敓銆佹暣娲併�佸畨鍏ㄣ�佽垝閫傘��</p>
+          <p>2.鎸夌収涓冩娲楁墜娉曟礂鎵嬮渶瑕佷繚璇佹瘡涓幆鑺傞兘鍦�15绉掍互涓娿��</p>
+          <p>3.娲楁墜鍚庡簲灏介噺閬垮厤鎵嬮儴鐨勪簩娆℃薄鏌撱��</p>
+          <p>
+            4.鎸囧骞煎効娲楁墜杩囩▼涓敞閲嶄笌骞煎効璇█銆佸姩浣滃拰琛ㄦ儏鐨勪氦娴侊紝浣撶幇鍥炲簲鎬х収鎶ゃ��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 3椤� -->
+    <div class="page-box" page="6">
+      <div v-if="showPageList.indexOf(6) > -1">
+        <ul class="fl al-c jc-fe pad-t-55 mb-25">
+          <li class="headerText-bc">妯″潡涓�</li>
+          <li class="headerText">鐩ユ礂鐓ф姢</li>
+          <li class="headerNumber">
+            <img
+              class="img-0"
+              src="../../assets/images/headerRight.png"
+              alt=""
+            />
+            <span>3</span>
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h4 id="d059">涓冦�佸疄璁嚜璇�</h4>
+          <p>
+            涓冩娲楁墜娉曠殑瀹炶鑷瘎琛ㄥ拰鎸囧骞煎効鑷富娲楁墜鐨勫疄璁嚜璇勮〃瑙佽〃1-1-3鍜岃〃1-1-4銆�
+          </p>
+          <p class="img">琛�1-1-3銆�涓冩娲楁墜娉曠殑瀹炶鑷瘎琛�</p>
+          <table
+            border="1"
+            cellpadding="4"
+            cellspacing="0"
+            style="border-color: #5192c6; border-collapse: collapse"
+            class="fz-15 img-0 mb-20 mt-10"
+          >
+            <tr class="table-th-bc">
+              <td class="center">璇勫垎椤圭洰</td>
+              <td class="center">璇勫垎鏍囧噯</td>
+              <td class="center">鍒嗗��</td>
+              <td class="center">寰楀垎</td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc w15">鍑嗗宸ヤ綔</td>
+              <td class="ta-l table-tr-bc w55">
+                <p class="td-0">1.灏嗘礂鎵嬫恫鏀惧湪宸ヤ綔鍖哄煙銆�</p>
+                <p class="td-0">2.鎵撳紑姘撮緳澶达紝涓嶈寮�寰楄繃澶э紝姘存祦閫備腑銆�</p>
+                <p class="td-0">3.韬綋鍓嶅�撅紝鍙屾墜鍚戜笅锛屾尳濂借。琚栥��</p>
+              </td>
+              <td class="ta-l center table-tr-bc w15">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l table-tr-bc">
+                <p class="center">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableOne.one"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">60</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableOne.two"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableOne.three"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableOne.four"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableOne.five"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">100</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableOne.six"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+              <td class="ta-l table-tr-bc" colspan="3">
+                <textarea
+                  v-model="tableData.tableOne.seven"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  rows="5"
+                  class="table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+          <p class="img">琛�1-1-4銆�鎸囧骞煎効鑷富娲楁墜鐨勫疄璁嚜璇勮〃</p>
+          <table
+            border="1"
+            cellpadding="4"
+            cellspacing="0"
+            style="border-color: #5192c6; border-collapse: collapse"
+            class="fz-15 img-0 mt-10"
+          >
+            <tr class="table-th-bc">
+              <td class="center">璇勫垎椤圭洰</td>
+              <td class="center">璇勫垎鏍囧噯</td>
+              <td class="center">鍒嗗��</td>
+              <td class="center">寰楀垎</td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc w15">鍑嗗宸ヤ綔</td>
+              <td class="ta-l table-tr-bc w55">
+                <p class="td-0">1.灏嗘礂鎵嬫恫鏀惧湪骞煎効鏂逛究鎿嶄綔鐨勪綅缃��</p>
+                <p class="td-0">
+                  2.灏嗘瘺宸惧拰鎶瑰竷鎸傚ソ锛屽苟灏嗘瘺宸炬斁鍦ㄥ辜鍎胯兘鑷富鎷垮彇鐨勯珮搴︺��
+                </p>
+              </td>
+              <td class="ta-l center table-tr-bc w15">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l table-tr-bc">
+                <p class="center">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableTwo.one"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">60</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableTwo.two"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableTwo.three"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableTwo.four"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">1.鎸囧娴佺晠锛屼綋鐜板洖搴旀�х収鎶ゃ��</p>
+                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableTwo.five"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">100</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableTwo.six"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+              <td class="ta-l table-tr-bc" colspan="3">
+                <textarea
+                  v-model="tableData.tableTwo.seven"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  rows="5"
+                  class="table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+        </div>
+      </div>
+    </div>
+    <!-- 4椤� -->
+    <div class="page-box" page="7">
+      <div v-if="showPageList.indexOf(7) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+          <li class="header-left-Number">
+            <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
+            <span>4</span>
+          </li>
+          <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+        </ul>
+        <div class="bodystyle">
+          <h3 id="c001" class="center">瀹炶椤圭洰浜屻��闈㈤儴娓呮磥鐓ф姢</h3>
+          <h4 id="d060">涓�銆佸疄璁洰鐨�</h4>
+          <p>1.鎺屾彙濠村辜鍎块潰閮ㄦ竻娲佺殑瀹夊叏瑕佹眰銆�</p>
+          <p>2.鎺屾彙濠村辜鍎块潰閮ㄦ竻娲佺殑鏍囧噯娴佺▼銆�</p>
+          <p>3.浣撶幇濠村辜鍎块潰閮ㄦ竻娲佸洖搴旀�х悊蹇点��</p>
+          <h4 id="d061">浜屻�佹妧鑳界偣</h4>
+          <p>1.闈㈤儴娓呮磥鐨勫畨鍏ㄨ姹傘��</p>
+          <p>2.闈㈤儴娓呮磥鐨勯『搴忋��</p>
+          <p>3.闈㈤儴娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
+          <h4 id="d062">涓夈�佸缓璁鏃�</h4>
+          <p>1瀛︽椂銆�</p>
+          <h4 id="d063">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+          <p>濠村辜鍎挎ā鍨嬨�佸尰鐢ㄦ绛俱�佸皬姣涘肪绛夈��</p>
+          <h4 id="d064">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+          <p>闈㈤儴娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-2-1銆�</p>
+          <p class="img">琛�1-2-1銆�闈㈤儴娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0009-01.png" />
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 5椤� -->
+    <div class="page-box" page="8">
+      <div v-if="showPageList.indexOf(8) > -1">
+        <ul class="fl al-c jc-fe pad-t-55 mb-25">
+          <li class="headerText-bc">妯″潡涓�</li>
+          <li class="headerText">鐩ユ礂鐓ф姢</li>
+          <li class="headerNumber">
+            <img
+              class="img-0"
+              src="../../assets/images/headerRight.png"
+              alt=""
+            />
+            <span>5</span>
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="continued fz-14">缁〃</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0009-02.png" />
+          </p>
+          <checkVideo
+            :videoPath="videoData[1].videoSrc"
+            :videoName="videoData[1].videoNameSrc"
+            :BookId="bookIdSrc"
+            :isCollectVideo="chapterData.isCollectVideoOne"
+          >
+          </checkVideo>
+          <h4 id="d065">鍏�佹敞鎰忎簨椤�</h4>
+          <p>1.鎿嶄綔鏃舵妸灏忔瘺宸捐樃婀匡紝涓嶈澶箍锛屼互涓嶆淮姘翠负瀹溿��</p>
+          <p>2.闈㈤儴娓呮磥鎵嬫硶瑕佽交鏌旓紝涓嶈兘寮鸿鎿︽嫮銆�</p>
+          <p>3.濠村辜鍎夸笉閰嶅悎鏃讹紝鍏堟殏鍋滐紝瀹夋姎鍚庡啀杩涜銆�</p>
+          <p>
+            4.闈㈤儴娓呮磥杩囩▼涓敞閲嶄笌濠村辜鍎胯瑷�銆佸姩浣滃拰琛ㄦ儏鐨勪氦娴侊紝浣撶幇鍥炲簲鎬х収鎶ゃ��
+          </p>
+          <h4 id="d066">涓冦�佸疄璁嚜璇�</h4>
+          <p>闈㈤儴娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃瑙佽〃1-2-2銆�</p>
+          <p class="img">琛�1-2-2銆�闈㈤儴娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃</p>
+          <table
+            border="1"
+            cellpadding="4"
+            cellspacing="0"
+            style="border-color: #5192c6; border-collapse: collapse"
+            class="fz-15 img-0 mt-10"
+          >
+            <tr class="table-th-bc">
+              <td class="center">璇勫垎椤圭洰</td>
+              <td class="center">璇勫垎鏍囧噯</td>
+              <td class="center">鍒嗗��</td>
+              <td class="center">寰楀垎</td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc w15">鍑嗗宸ヤ綔</td>
+              <td class="ta-l table-tr-bc w55">
+                <p class="td-0">1.鐗╁搧鍑嗗榻愬叏銆�</p>
+                <p class="td-0">2.灏嗘墜閮ㄦ竻娲楀共鍑�銆�</p>
+                <p class="td-0">3.瀹ゅ唴娓╁害閫傚疁銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc w15">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l table-tr-bc">
+                <p class="center">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableThree.one"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">60</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableThree.two"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableThree.three"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableThree.four"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableThree.five"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">100</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableThree.six"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+              <td class="ta-l table-tr-bc" colspan="3">
+                <textarea
+                  v-model="tableData.tableThree.seven"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  rows="5"
+                  class="table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+        </div>
+      </div>
+    </div>
+    <!-- 6椤� -->
+    <div class="page-box" page="9">
+      <div v-if="showPageList.indexOf(9) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+          <li class="header-left-Number">
+            <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
+            <span>6</span>
+          </li>
+          <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+        </ul>
+        <div class="bodystyle">
+          <h3 id="c003" class="center">瀹炶椤圭洰涓夈��鍙h厰娓呮磥鐓ф姢</h3>
+          <h4 id="d067">涓�銆佸疄璁洰鐨�</h4>
+          <p>1.鎺屾彙濠村辜鍎垮彛鑵旀竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
+          <p>2.鎺屾彙濠村辜鍎垮彛鑵旀竻娲佺殑鎿嶄綔娴佺▼銆�</p>
+          <p>3.浣撶幇濠村辜鍎垮彛鑵旀竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
+          <h4 id="d068">浜屻�佹妧鑳界偣</h4>
+          <p>1.鍙h厰娓呮磥鍓嶇殑鍑嗗宸ヤ綔銆�</p>
+          <p>2.鍙h厰娓呮磥鐨勬搷浣滄祦绋嬨��</p>
+          <p>3.鍙h厰娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
+          <h4 id="d069">涓夈�佸缓璁鏃�</h4>
+          <p>1瀛︽椂銆�</p>
+          <h4 id="d070">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+          <p>濠村辜鍎挎ā鍨嬨�佺罕甯冦�佹寚濂楃墮鍒风瓑銆�</p>
+          <h4 id="d071">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+          <h5 id="e187">锛堜竴锛�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</h5>
+          <p>1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-3-1銆�</p>
+          <p class="img">琛�1-3-1銆�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0011-1.jpg" />
+          </p>
+          <checkVideo
+            :videoPath="videoData[2].videoSrc"
+            :videoName="videoData[2].videoNameSrc"
+            :BookId="bookIdSrc"
+            :isCollectVideo="chapterData.isCollectVideoTwo"
+          >
+          </checkVideo>
+        </div>
+      </div>
+    </div>
+    <!-- 7椤� -->
+    <div class="page-box" page="10">
+      <div v-if="showPageList.indexOf(10) > -1">
+        <ul class="fl al-c jc-fe pad-t-55 mb-25">
+          <li class="headerText-bc">妯″潡涓�</li>
+          <li class="headerText">鐩ユ礂鐓ф姢</li>
+          <li class="headerNumber">
+            <img
+              class="img-0"
+              src="../../assets/images/headerRight.png"
+              alt=""
+            />
+            <span>7</span>
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <h5 id="e188">锛堜簩锛�1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</h5>
+          <p>1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-3-2銆�</p>
+          <p class="img">琛�1-3-2銆�1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0012-1.jpg" />
+          </p>
+          <h4 id="d072">鍏�佹敞鎰忎簨椤�</h4>
+          <p>1.鍒风墮鏃堕暱瑕佹帶鍒跺湪2锝�3鍒嗛挓锛屾瘡鏃ユ棭鏅氬悇涓�娆°��</p>
+          <p>2.鍒风墮鐨勬椂闂磋鍥哄畾锛屽缓璁繘椋熷悗鍗婂皬鏃躲��</p>
+          <p>3.鍙h厰娓呮磥杩囩▼涓敞閲嶄笌濠村辜鍎胯瑷�鍜岃〃鎯呯殑浜ゆ祦锛屼綋鐜板洖搴旀�х収鎶ゃ��</p>
+          <h4 id="d073">涓冦�佸疄璁嚜璇�</h4>
+          <p>
+            1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄥ拰1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄨ琛�1-3-3鍜岃〃1-3-4銆�
+          </p>
+          <p class="img">琛�1-3-3銆�1宀佷互涓嬪┐鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
+          <table
+            border="1"
+            cellpadding="4"
+            cellspacing="0"
+            style="border-color: #5192c6; border-collapse: collapse"
+            class="fz-15 img-0 mt-10"
+          >
+            <tr class="table-th-bc">
+              <td class="center">璇勫垎椤圭洰</td>
+              <td class="center">璇勫垎鏍囧噯</td>
+              <td class="center">鍒嗗��</td>
+              <td class="center">寰楀垎</td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc w15">鍑嗗宸ヤ綔</td>
+              <td class="ta-l table-tr-bc w55">
+                <p class="td-0">
+                  灏嗗┐鍎挎姳鍒版姢鐞嗗彴涓婏紝骞跺皢绾卞竷銆佹寚濂楃墮鍒风瓑鏀惧湪宸ヤ綔鍖哄煙銆�
+                </p>
+              </td>
+              <td class="ta-l center table-tr-bc w15">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l table-tr-bc">
+                <p class="center">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFour.one"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">60</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFour.two"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFour.three"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFour.four"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFour.five"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">100</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFour.six"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+              <td class="ta-l table-tr-bc" colspan="3">
+                <textarea
+                  v-model="tableData.tableFour.seven"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  rows="5"
+                  class="table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+        </div>
+      </div>
+    </div>
+    <!-- 8椤� -->
+    <div class="page-box" page="11">
+      <div v-if="showPageList.indexOf(11) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+          <li class="header-left-Number">
+            <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
+            <span>8</span>
+          </li>
+          <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="img">琛�1-3-4 1锝�3宀佸辜鍎垮彛鑵旀竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
+          <table
+            border="1"
+            cellpadding="4"
+            cellspacing="0"
+            style="border-color: #5192c6; border-collapse: collapse"
+            class="fz-15 img-0 mt-10"
+          >
+            <tr class="table-th-bc">
+              <td class="center">璇勫垎椤圭洰</td>
+              <td class="center">璇勫垎鏍囧噯</td>
+              <td class="center">鍒嗗��</td>
+              <td class="center">寰楀垎</td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc w15">鍑嗗宸ヤ綔</td>
+              <td class="ta-l table-tr-bc w55">
+                <p class="td-0">
+                  鎵嬮儴娓呮磥锛屽皢鐗欓娇妯″瀷銆佺墮鍒锋澂銆佺墮鍒峰拰鍚盁鐗欒啅绛夋斁鍦ㄥ伐浣滃尯鍩熴��
+                </p>
+              </td>
+              <td class="ta-l center table-tr-bc w15">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l table-tr-bc">
+                <p class="center">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFive.one"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">60</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFive.two"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">缁撴潫宸ヤ綔</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">缁撴潫鍚庡強鏃跺皢鎵�鏈夌殑鎿嶄綔鐗╁搧褰掍綅銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFive.three"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFive.four"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFive.five"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">100</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableFive.six"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+              <td class="ta-l table-tr-bc" colspan="3">
+                <textarea
+                  v-model="tableData.tableFive.seven"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  rows="5"
+                  class="table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+          <h3 id="c004" class="center">瀹炶椤圭洰鍥涖��鑷�閮ㄦ竻娲佺収鎶�</h3>
+          <h4 id="d074">涓�銆佸疄璁洰鐨�</h4>
+          <p>1.鎺屾彙濠村辜鍎胯噣閮ㄦ竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
+          <p>2.鎺屾彙涓嶅悓鎬у埆濠村辜鍎胯噣閮ㄦ竻娲佺殑鎿嶄綔娴佺▼銆�</p>
+          <p>3.浣撶幇濠村辜鍎胯噣閮ㄦ竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
+          <h4 id="d075">浜屻�佹妧鑳界偣</h4>
+          <p>1.鑷�閮ㄦ竻娲佺殑鍑嗗宸ヤ綔銆�</p>
+          <p>2.鑷�閮ㄦ竻娲佺殑鎿嶄綔娴佺▼銆�</p>
+          <p>3.鑷�閮ㄦ竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
+          <h4 id="d076">涓夈�佸缓璁鏃�</h4>
+          <p>1瀛︽椂銆�</p>
+          <h4 id="d077">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+          <p>濠村辜鍎挎ā鍨嬨�佹礂鎵嬫恫銆佺罕甯冪瓑銆�</p>
+          <h4 id="d078">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+          <p>鑷�閮ㄦ竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹傝琛�1-4-1銆�</p>
+        </div>
+      </div>
+    </div>
+    <!-- 9椤� -->
+    <div class="page-box" page="12">
+      <div v-if="showPageList.indexOf(12) > -1">
+        <ul class="fl al-c jc-fe pad-t-55 mb-25">
+          <li class="headerText-bc">妯″潡涓�</li>
+          <li class="headerText">鐩ユ礂鐓ф姢</li>
+          <li class="headerNumber">
+            <img
+              class="img-0"
+              src="../../assets/images/headerRight.png"
+              alt=""
+            />
+            <span>9</span>
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="img">琛�1-4-1 鑷�閮ㄦ竻娲佺収鎶ょ殑鎿嶄綔娴佺▼鍙婅姹�</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0014-1.jpg" />
+          </p>
+          <checkVideo
+            :videoPath="videoData[3].videoSrc"
+            :videoName="videoData[3].videoNameSrc"
+            :BookId="bookIdSrc"
+            :isCollectVideo="chapterData.isCollectVideoThree"
+          >
+          </checkVideo>
+          <checkVideo
+            :videoPath="videoData[4].videoSrc"
+            :videoName="videoData[4].videoNameSrc"
+            :BookId="bookIdSrc"
+            :isCollectVideo="chapterData.isCollectVideoFour"
+          >
+          </checkVideo>
+          <h4 id="d079">鍏�佹敞鎰忎簨椤�</h4>
+          <p>
+            1.鎵撳紑绾稿翱瑁ゅ悗锛屽厛鐢ㄧ焊灏胯¥鍓嶇鐨勫共鍑�閮ㄥ垎鎿︽嫮鑷�閮ㄧ殑绮究锛岄澶勭悊鍚庡啀鐢ㄦ箍绾稿肪鎿︽嫮銆�
+          </p>
+          <p>2.鐢辩浉瀵瑰共鍑�鐨勫湴鏂规湞鍚戣剰鐨勫湴鏂规摝鎷紝涓嶆潵鍥炴摝銆�</p>
+          <p>
+            3.鐢峰┐骞煎効浠庡嚭鐢熷埌3宀佸墠锛屽寘鐨笌榫熷ご涓�鐩撮兘鏄矘杩炵殑锛屼笉鑳戒笂缈伙紝琛ㄧ幇涓哄寘鐨繃闀挎垨鍖呰寧锛岃繖鏄竴绉嶆甯哥幇璞°��
+          </p>
+          <p>4.娓呮磥濂冲┐骞煎効鐨勫闃撮儴锛屾敞鎰忕敱鍓嶅線鍚庢摝娲椼��</p>
+          <h4 id="d080">涓冦�佸疄璁嚜璇�</h4>
+          <p>鑷�閮ㄦ竻娲佺収鎶ょ殑瀹炶鑷瘎琛ㄨ琛�1-4-2銆�</p>
+        </div>
+      </div>
+    </div>
+    <!-- 10椤� -->
+    <div class="page-box" page="13">
+      <div v-if="showPageList.indexOf(13) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+          <li class="header-left-Number">
+            <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
+            <span>10</span>
+          </li>
+          <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+        </ul>
+        <div class="bodystyle">
+          <p class="img">琛�1-4-2 鑷�閮ㄦ竻娲佺収鎶ょ殑瀹炶鑷瘎琛�</p>
+          <table
+            border="1"
+            cellpadding="4"
+            cellspacing="0"
+            style="border-color: #5192c6; border-collapse: collapse"
+            class="fz-15 img-0 mt-10"
+          >
+            <tr class="table-th-bc">
+              <td class="center">璇勫垎椤圭洰</td>
+              <td class="center">璇勫垎鏍囧噯</td>
+              <td class="center">鍒嗗��</td>
+              <td class="center">寰楀垎</td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc w15">鍑嗗宸ヤ綔</td>
+              <td class="ta-l table-tr-bc w55">
+                <p class="td-0">1.鐜鍑嗗閫傚疁銆�</p>
+                <p class="td-0">2.鐗╁搧鍑嗗榻愬叏銆�</p>
+                <p class="td-0">3.鎵嬮儴娓呮磥娑堟瘨銆�</p>
+                <p class="td-0">4.鎻愬墠娴嬭瘯姘存俯銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc w15">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l table-tr-bc">
+                <p class="center">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSix.one"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">60</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSix.two"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">20</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSix.three"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSix.four"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">100</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSix.five"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+              <td class="ta-l table-tr-bc" colspan="3">
+                <textarea
+                  v-model="tableData.tableSix.six"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  rows="5"
+                  class="table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+          <h3 id="c005" class="center">瀹炶椤圭洰浜斻��韬綋娓呮磥鐓ф姢</h3>
+          <h4 id="d081">涓�銆佸疄璁洰鐨�</h4>
+          <p>1.鎺屾彙濠村辜鍎胯韩浣撴竻娲佸墠鐨勫噯澶囧伐浣溿��</p>
+          <p>2.鎺屾彙濠村辜鍎胯韩浣撴竻娲佺殑鎿嶄綔娴佺▼銆�</p>
+          <p>3.浣撶幇濠村辜鍎胯韩浣撴竻娲佺殑鍥炲簲鎬х収鎶ゃ��</p>
+          <h4 id="d082">浜屻�佹妧鑳界偣</h4>
+          <p>1.韬綋娓呮磥鐨勫噯澶囧伐浣溿��</p>
+          <p>2.韬綋娓呮磥鐨勬搷浣滄祦绋嬨��</p>
+          <p>3.韬綋娓呮磥鐨勫洖搴旀�х収鎶ゃ��</p>
+          <h4 id="d083">涓夈�佸缓璁鏃�</h4>
+          <p>1瀛︽椂銆�</p>
+          <h4 id="d084">鍥涖�佸疄璁澶囧強鏉愭枡</h4>
+          <p>濠村辜鍎挎ā鍨嬨�佹荡宸俱�佹绛剧瓑銆�</p>
+          <h4 id="d085">浜斻�佹搷浣滄祦绋嬪強瑕佹眰</h4>
+          <p>韬綋娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰瑙佽〃1-5-1銆�</p>
+        </div>
+      </div>
+    </div>
+    <!-- 11椤� -->
+    <div class="page-box" page="14">
+      <div v-if="showPageList.indexOf(14) > -1">
+        <ul class="fl al-c jc-fe pad-t-55 mb-25">
+          <li class="headerText-bc">妯″潡涓�</li>
+          <li class="headerText">鐩ユ礂鐓ф姢</li>
+          <li class="headerNumber">
+            <img
+              class="img-0"
+              src="../../assets/images/headerRight.png"
+              alt=""
+            />
+            <span>11</span>
+          </li>
+        </ul>
+        <div class="bodystyle">
+          <p class="img">琛�1-5-1 韬綋娓呮磥鐓ф姢鐨勬搷浣滄祦绋嬪強瑕佹眰</p>
+          <p class="center">
+            <img class="img-0" alt="" src="../../assets/images/i0016-1.jpg" />
+          </p>
+          <checkVideo
+            :videoPath="videoData[5].videoSrc"
+            :videoName="videoData[5].videoNameSrc"
+            :BookId="bookIdSrc"
+            :isCollectVideo="chapterData.isCollectVideoFive"
+          >
+          </checkVideo>
+          <h4 id="d086">鍏�佹敞鎰忎簨椤�</h4>
+          <p>1.濠村辜鍎挎矏娴翠簬鍠傚ザ鍚�1灏忔椂杩涜锛屼互鍏嶅憰鍚愬拰婧钩銆�</p>
+          <p>2.濡傛灉濠村辜鍎跨殑鑷�閮ㄦ湁澶т究锛屽垯娲楀噣鑷�閮ㄥ悗鍐嶆斁鍏ユ荡鐩嗘矏娴淬��</p>
+          <p>
+            3.涓哄┐骞煎効娲楀ご鏃讹紝涓嶈兘鐢ㄦ寚鐢叉姄娲楀ご閮紝涔熶笉鑳藉己琛屽墺鍘诲┐骞煎効澶撮儴鐨勭毊鑴傘��
+          </p>
+        </div>
+      </div>
+    </div>
+    <!-- 12椤� -->
+    <div class="page-box" page="15">
+      <div v-if="showPageList.indexOf(15) > -1">
+        <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
+          <li class="header-left-Number">
+            <img class="img-0" src="../../assets/images/headerBj.png" alt="" />
+            <span>12</span>
+          </li>
+          <li class="header-left-text">濠村辜鍎跨収鎶ゅ疄鍔″疄璁寚瀵兼墜鍐�</li>
+        </ul>
+        <div class="bodystyle">
+          <h4 id="d087">涓冦�佸疄璁嚜璇�</h4>
+          <p>韬綋娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃瑙佽〃1-5-2銆�</p>
+          <p class="img">琛�1-5-2 韬綋娓呮磥鐓ф姢鐨勫疄璁嚜璇勮〃</p>
+          <table
+            border="1"
+            cellpadding="4"
+            cellspacing="0"
+            style="border-color: #5192c6; border-collapse: collapse"
+            class="fz-15 img-0 mt-10"
+          >
+            <tr class="table-th-bc">
+              <td class="center">璇勫垎椤圭洰</td>
+              <td class="center">璇勫垎鏍囧噯</td>
+              <td class="center">鍒嗗��</td>
+              <td class="center">寰楀垎</td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc w15">鍑嗗宸ヤ綔</td>
+              <td class="ta-l table-tr-bc w55">
+                <p class="td-0">鐜鍑嗗銆佽嚜韬噯澶囥�佺墿鍝佸噯澶囥�佹按娓╁悎閫傘��</p>
+              </td>
+              <td class="ta-l center table-tr-bc w15">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l table-tr-bc">
+                <p class="center">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSeven.one"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎿嶄綔娴佺▼</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鎿嶄綔姝g‘锛屾祦绋嬪畬鏁淬��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">60</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSeven.two"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">娉ㄦ剰浜嬮」</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">鑳藉畬鏁村彊杩版湰瀹炶椤圭洰鐨勬敞鎰忎簨椤广��</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">20</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSeven.three"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鎬讳綋璇勪环</td>
+              <td class="ta-l table-tr-bc">
+                <p class="td-0">1.鍔ㄤ綔娴佺晠銆佸畬鏁淬��</p>
+                <p class="td-0">2.鐜板満澶勭悊闂娌夌潃鍐烽潤銆�</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">10</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSeven.four"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc" colspan="2">鎬诲垎</td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">100</p>
+              </td>
+              <td class="ta-l center table-tr-bc">
+                <p class="center td-0">
+                  <input
+                    type="text"
+                    class="table-input-border"
+                    v-model="tableData.tableSeven.five"
+                    @change="setBookQuestion"
+                  />
+                </p>
+              </td>
+            </tr>
+            <tr>
+              <td class="center table-tr-bc">鍙嶆�濅笌鏀惰幏</td>
+              <td class="ta-l table-tr-bc" colspan="3">
+                <textarea
+                  v-model="tableData.tableSeven.six"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  rows="5"
+                  class="table-textarea"
+                  @change="setBookQuestion"
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+          <div class="question-box">
+            <div class="question-title">
+              <p class="question-title-name">
+                棰樺簱: {{ chapter001.question[1].questionTitleMain }}
+              </p>
+              <p class="question-title-img" @click="openQuestion(1)">
+                <img :src="questionIcon" alt="" />
+                <span>缁冧範</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <dialogExaminations
+      :isClear="dialogVisibleOne"
+      :primaryColor="themeColor"
+      :cardList="interfaceQuestion[questionNum]"
+      v-if="interfaceQuestion"
+      :chapter="2"
+      :page="questionNum"
+      :questionTitle="questionTitleMain"
+      ref="dialogRef"
+    >
+    </dialogExaminations>
+  </div>
 </template>
 
 <script>
 import checkVideo from "@/components/checkVideo/index.vue";
 import dialogExaminations from "@/components/dialogExaminations/index.vue";
 export default {
-    name: "chapterOne",
-    props: {
-        showPageList: {
-            type: Array,
-        },
-        interfaceQuestion: {
-            type: Object,
-        },
+  name: "chapterOne",
+  props: {
+    showPageList: {
+      type: Array,
     },
-    components: {
-        checkVideo,
-        dialogExaminations
+    interfaceQuestion: {
+      type: Object,
     },
-    data() {
-        return {
-            questionIcon: require("../../assets/images/icon/lianxi.png"),
-            bookIdSrc: this.config.activeBook.bookId,
-            videoData: [
-                {
-                    videoSrc: "EABEB668DFE955B0DC3ABB3122A3B6EC",
-                    videoNameSrc: "涓冩娲楁墜娉�",
-                },
-                {
-                    videoSrc: "11B38C9694A54E9296D052DBBF7BD99C",
-                    videoNameSrc: "闈㈤儴娓呮磥鐨勬祦绋�",
-                },
-                {
-                    videoSrc: "F60948EAB7B9A40A9A5CBD7042D8C509",
-                    videoNameSrc: "鍒风墮鎸囧",
-                },
-                {
-                    videoSrc: "5EFDFD4AA4CD1C4BBC8F508A1D02CB9E",
-                    videoNameSrc: "鐢风鑷�閮ㄦ竻娲佺殑娴佺▼",
-                },
-                {
-                    videoSrc: "4E5831A929878FB5A62FDB84840095E3",
-                    videoNameSrc: "濂崇鑷�閮ㄦ竻娲佺殑娴佺▼",
-                },
-                {
-                    videoSrc: "B4EDCD6EEAD4195DBA09E10AD721D7DF",
-                    videoNameSrc: "韬綋娓呮磥鐨勬祦绋�",
-                },
-            ],
-            chapterData: {
-                isCollectVideo: false,
-                isCollectVideoOne: false,
-                isCollectVideoTwo: false,
-                isCollectVideoThree: false,
-                isCollectVideoFour: false,
-                isCollectVideoFive: false,
-            },
-            tableData: {
-                tableOne: {
-                    one: "",
-                    two: "",
-                    three: "",
-                    four: "",
-                    five: "",
-                    six: "",
-                    seven: "",
-                },
-                tableTwo: {
-                    one: "",
-                    two: "",
-                    three: "",
-                    four: "",
-                    five: "",
-                    six: "",
-                    seven: "",
-                },
-                tableThree: {
-                    one: "",
-                    two: "",
-                    three: "",
-                    four: "",
-                    five: "",
-                    six: "",
-                    seven: "",
-                },
-                tableFour: {
-                    one: "",
-                    two: "",
-                    three: "",
-                    four: "",
-                    five: "",
-                    six: "",
-                    seven: "",
-                },
-                tableFive: {
-                    one: "",
-                    two: "",
-                    three: "",
-                    four: "",
-                    five: "",
-                    six: "",
-                    seven: "",
-                },
-                tableSix: {
-                    one: "",
-                    two: "",
-                    three: "",
-                    four: "",
-                    five: "",
-                    six: "",
-                },
-                tableSeven: {
-                    one: "",
-                    two: "",
-                    three: "",
-                    four: "",
-                    five: "",
-                    six: "",
-                },
-            },
-            // 棰樼洰鐩稿叧
-            dialogVisibleOne: false,
-            themeColor: "#03AFED",
-            questionNum: 0,
-            questionTitleMain: "",
-            chapter001: {
-                question: {
-                    1: {
-                        questionTitleMain: "鐩ユ礂鐓ф姢",
-                        questionNum: 15,
-                    },
-                },
-            },
-        };
-    },
-    mounted() {
-        const bookQuestion = localStorage.getItem("practicalCareChildrenManual-book-chapter01-tableData");
-        if (bookQuestion) {
-            this.tableData = JSON.parse(bookQuestion);
-        }
-
-    },
-    methods: {
-        setBookQuestion() {
-            localStorage.setItem(
-                "practicalCareChildrenManual-book-chapter01-tableData",
-                JSON.stringify(this.tableData)
-            );
+  },
+  components: {
+    checkVideo,
+    dialogExaminations,
+  },
+  data() {
+    return {
+      questionIcon: require("../../assets/images/icon/lianxi.png"),
+      bookIdSrc: this.config.activeBook.bookId,
+      videoData: [
+        {
+          videoSrc: "EABEB668DFE955B0DC3ABB3122A3B6EC",
+          videoNameSrc: "涓冩娲楁墜娉�",
         },
-        openQuestion(num) {
-            if (num) {
-                this.questionNum = this.chapter001.question[num].questionNum;
-                this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
-                this.$refs.dialogRef.openDialogQuestion();
-            }
+        {
+          videoSrc: "11B38C9694A54E9296D052DBBF7BD99C",
+          videoNameSrc: "闈㈤儴娓呮磥鐨勬祦绋�",
         },
+        {
+          videoSrc: "F60948EAB7B9A40A9A5CBD7042D8C509",
+          videoNameSrc: "鍒风墮鎸囧",
+        },
+        {
+          videoSrc: "5EFDFD4AA4CD1C4BBC8F508A1D02CB9E",
+          videoNameSrc: "鐢风鑷�閮ㄦ竻娲佺殑娴佺▼",
+        },
+        {
+          videoSrc: "4E5831A929878FB5A62FDB84840095E3",
+          videoNameSrc: "濂崇鑷�閮ㄦ竻娲佺殑娴佺▼",
+        },
+        {
+          videoSrc: "B4EDCD6EEAD4195DBA09E10AD721D7DF",
+          videoNameSrc: "韬綋娓呮磥鐨勬祦绋�",
+        },
+      ],
+      chapterData: {
+        isCollectVideo: false,
+        isCollectVideoOne: false,
+        isCollectVideoTwo: false,
+        isCollectVideoThree: false,
+        isCollectVideoFour: false,
+        isCollectVideoFive: false,
+      },
+      tableData: {
+        tableOne: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+        },
+        tableTwo: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+        },
+        tableThree: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+        },
+        tableFour: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+        },
+        tableFive: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+          seven: "",
+        },
+        tableSix: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+        },
+        tableSeven: {
+          one: "",
+          two: "",
+          three: "",
+          four: "",
+          five: "",
+          six: "",
+        },
+      },
+      // 棰樼洰鐩稿叧
+      dialogVisibleOne: false,
+      themeColor: "#03AFED",
+      questionNum: 0,
+      questionTitleMain: "",
+      chapter001: {
+        question: {
+          1: {
+            questionTitleMain: "鐩ユ礂鐓ф姢",
+            questionNum: 15,
+          },
+        },
+      },
+    };
+  },
+  mounted() {
+    const bookQuestion = localStorage.getItem(
+      "practicalCareChildrenManual-book-chapter01-tableData"
+    );
+    if (bookQuestion) {
+      this.tableData = JSON.parse(bookQuestion);
     }
+  },
+  methods: {
+    setBookQuestion() {
+      localStorage.setItem(
+        "practicalCareChildrenManual-book-chapter01-tableData",
+        JSON.stringify(this.tableData)
+      );
+    },
+    openQuestion(num) {
+      if (num) {
+        this.questionNum = this.chapter001.question[num].questionNum;
+        this.questionTitleMain =
+          this.chapter001.question[num].questionTitleMain;
+        this.$refs.dialogRef.openDialogQuestion();
+      }
+    },
+  },
 };
 </script>
 
-<style lang="less" scoped></style>
\ No newline at end of file
+<style lang="less" scoped></style>

--
Gitblit v1.9.1