From 4e974b7b54f3ee0561a7291e6fd60e4a4491c6de Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期二, 28 五月 2024 16:39:35 +0800
Subject: [PATCH] 增加流程图

---
 src/books/lifeCare/view/chapter003.vue |  937 ++++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 621 insertions(+), 316 deletions(-)

diff --git a/src/books/lifeCare/view/chapter003.vue b/src/books/lifeCare/view/chapter003.vue
index 178e6f4..5e3ad88 100644
--- a/src/books/lifeCare/view/chapter003.vue
+++ b/src/books/lifeCare/view/chapter003.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="page-content-box">
-    <div class="page-box">
-      <div class="bodystyle">
+  <div class="chapter" num="4">
+    <div class="page-box" page="30">
+      <div class="bodystyle topImg">
         <h2 id="b003">
           <img class="img-0" alt="" src="../image/dy3.jpg" />
         </h2>
@@ -52,7 +52,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="31">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -74,7 +74,12 @@
             </p>
           </div>
           <p class="center">
-            <img class="img-a" alt="" src="../image/0041-1.jpg" />
+            <el-image
+              class="chapter002-img-0035"
+              :src="picOneUrl"
+              :preview-src-list="picArr"
+            />
+            <!-- <img class="img-a" alt="" src="../image/0041-1.jpg" /> -->
           </p>
         </div>
         <div class="bk">
@@ -89,7 +94,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="32">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -119,11 +124,29 @@
         </h4>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氫竷姝ユ礂鎵嬫硶锛堝唴澶栧す寮撳ぇ绔嬭厱锛�<img
-              src="../icons/video.png"
-              @click="activityOne"
-              alt=""
-            />
+            瑙嗛锛氫竷姝ユ礂鎵嬫硶锛堝唴澶栧す寮撳ぇ绔嬭厱锛�
+            <div @click="activityOne">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -163,17 +186,14 @@
         <p>绗竷姝ワ細鏃嬭浆鎻夋悡鑵曢儴鑷宠倶閮紙瑙佸浘1-3-7锛夈��</p>
         <el-carousel
           :interval="3000"
-          :type="chapter003.sevenImgList?.length > 2 ? 'card' : ''"
+          :type="sevenImgList?.length > 2 ? 'card' : ''"
           indicator-position="none"
         >
-          <el-carousel-item
-            v-for="(item, i) in chapter003.sevenImgList"
-            :key="i"
-          >
+          <el-carousel-item v-for="(item, i) in sevenImgList" :key="i">
             <div class="imgCarousel">
               <el-image
                 :src="item.url"
-                :preview-src-list="chapter003.sevenSrcList"
+                :preview-src-list="sevenSrcList"
                 :fit="'fill'"
               />
               <span v-if="item.name" class="medium">{{ item.name }}</span>
@@ -182,7 +202,7 @@
         </el-carousel>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="33">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -207,11 +227,33 @@
         </p>
         <div class="tips-bk">
           <div class="bj-tip">
-            涓冩娲楁墜娉曠殑璇勫垎鏍囧噯<img
-              src="../icons/task.png"
-              @click="activityGroup"
-              alt=""
-            />
+            涓冩娲楁墜娉曠殑璇勫垎鏍囧噯
+            <div @click="activityGroup">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="19.28"
+                height="20.563"
+                viewBox="0 0 19.28 20.563"
+              >
+                <g transform="translate(-109.056 -82.941)">
+                  <path
+                    class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)"
+                  />
+                  <path
+                    class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)"
+                  />
+                  <path
+                    class="a"
+                    d="M763.392,793.79l3.262-3.262h-3.262Z"
+                    transform="translate(-638.661 -690.634)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div v-if="chapter003.isGroupOpen" class="tips-file">
             <table class="table111 table122">
@@ -289,7 +331,7 @@
         <p>鏍规嵁浠ヤ笂鎯呭锛屾�濊�冨苟鍥炵瓟涓嬪垪闂銆�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="34">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -310,7 +352,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text1')"
           ></textarea>
         </div>
@@ -321,7 +362,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text2')"
           ></textarea>
         </div>
@@ -332,7 +372,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text3')"
           ></textarea>
         </div>
@@ -352,11 +391,29 @@
         </div> -->
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氭礂鎵�<img
-              src="../icons/video.png"
-              @click="activityTwo"
-              alt=""
-            />
+            瑙嗛锛氭礂鎵�
+            <div @click="activityTwo">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -378,7 +435,7 @@
         <p><br /></p>
         <img class="img-gn2" alt="" src="../image/xxgcy.png" />
         <p>
-          璇锋壂浜岀淮鐮佽鐪嬭棰戯紝鍏堣瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪鎸囧濠村辜鍎块泦浣撴礂鎵嬫椂閮藉仛浜嗗摢浜涘伐浣滐紝鍐嶇粨鍚堥槄璇绘墜鍐屽洖绛旈棶棰樺苟瀹屾垚瀛︿範浠诲姟銆�
+          璇疯鐪嬭棰戯紝鍏堣瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪鎸囧濠村辜鍎块泦浣撴礂鎵嬫椂閮藉仛浜嗗摢浜涘伐浣滐紝鍐嶇粨鍚堥槄璇绘墜鍐屽洖绛旈棶棰樺苟瀹屾垚瀛︿範浠诲姟銆�
         </p>
         <p>1.鎸囧濠村辜鍎挎礂鎵嬬殑鍑嗗宸ヤ綔鏈夊摢浜涳紵</p>
         <div class="bk-tx">
@@ -387,13 +444,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text4')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="35">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -409,16 +465,15 @@
       </div>
       <div class="bodystyle">
         <p>2.濡備綍鎸囧濠村辜鍎挎礂鎵嬶紵璇风敾鍑烘寚瀵煎┐骞煎効娲楁墜鐨勬祦绋嬪浘銆�</p>
-        <div class="bk-tx">
-          <textarea
-            v-model="chapter003.textAreaItem.text5"
-            style="border: 0"
-            placeholder="璇疯緭鍏ュ唴瀹�"
-            rows="5"
-            maxlength="200"
-            @blur="onBlurChange('text5')"
-          ></textarea>
+        <div class="drawContent_wall">
+          <drawflow
+            @getDrawData="drawflowDataTwo"
+            :strId="'drawflowId0032'"
+            :primaryColor="'#f49a4c'"
+            :importData="chapter003.drawDataTwo"
+          />
         </div>
+        <p><br /></p>
         <p>3.鍐欎竴鍐欐寚瀵兼礂鎵嬬殑鍎挎瓕銆�</p>
         <div class="bk-tx">
           <textarea
@@ -426,17 +481,34 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text6')"
           ></textarea>
         </div>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氫竷姝ユ礂鎵嬫硶锛堟寚瀵煎辜鍎跨増锛�<img
-              src="../icons/video.png"
-              @click="activityFour"
-              alt=""
-            />
+            瑙嗛锛氫竷姝ユ礂鎵嬫硶锛堟寚瀵煎辜鍎跨増锛�
+            <div @click="activityFour">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -475,7 +547,7 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text7')"
           ></textarea>
           <p class="left">1锝�2宀�</p>
@@ -484,7 +556,7 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text8')"
           ></textarea>
           <p class="left">2锝�3宀�</p>
@@ -493,13 +565,13 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text9')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="36">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -545,7 +617,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text10')"
           ></textarea>
         </div>
@@ -557,7 +628,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="37">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -579,7 +650,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text11')"
           ></textarea>
         </div>
@@ -590,7 +660,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text12')"
           ></textarea>
         </div>
@@ -607,7 +676,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text13')"
           ></textarea>
         </div>
@@ -618,11 +686,29 @@
         </h4>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氭竻娲佸┐鍎跨殑鐪笺�佽�炽�侀蓟鑵斿拰鎸囷紙瓒撅級鐢�<img
-              src="../icons/video.png"
-              @click="activityFive"
-              alt=""
-            />
+            瑙嗛锛氭竻娲佸┐鍎跨殑鐪笺�佽�炽�侀蓟鑵斿拰鎸囷紙瓒撅級鐢�
+            <div @click="activityFive">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -641,6 +727,7 @@
             ></video>
           </div>
         </div>
+        <p><br/></p>
         <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -661,7 +748,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="38">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -687,7 +774,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text14')"
           ></textarea>
         </div>
@@ -701,7 +787,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text15')"
           ></textarea>
         </div>
@@ -715,7 +800,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text16')"
           ></textarea>
         </div>
@@ -727,7 +811,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="39">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -753,7 +837,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text17')"
           ></textarea>
         </div>
@@ -764,11 +847,33 @@
         </p>
         <div class="tips-bk">
           <div class="bj-tip">
-            鐪笺�佽�炽�侀蓟鑵斿拰鎸囷紙瓒撅級鐢叉竻娲佺殑璇勫垎鏍囧噯<img
-              src="../icons/task.png"
-              @click="activityScore1"
-              alt=""
-            />
+            鐪笺�佽�炽�侀蓟鑵斿拰鎸囷紙瓒撅級鐢叉竻娲佺殑璇勫垎鏍囧噯
+            <div @click="activityScore1">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="19.28"
+                height="20.563"
+                viewBox="0 0 19.28 20.563"
+              >
+                <g transform="translate(-109.056 -82.941)">
+                  <path
+                    class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)"
+                  />
+                  <path
+                    class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)"
+                  />
+                  <path
+                    class="a"
+                    d="M763.392,793.79l3.262-3.262h-3.262Z"
+                    transform="translate(-638.661 -690.634)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div v-if="chapter003.isScore1Open" class="tips-file">
             <table class="table111 table122">
@@ -857,7 +962,7 @@
         <p>鏍规嵁浠ヤ笂鎻忚堪锛岃鏌ラ槄闃呰鎵嬪唽锛屽洖绛斾笅鍒楅棶棰樸��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="40">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -878,7 +983,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text18')"
           ></textarea>
         </div>
@@ -889,7 +993,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text19')"
           ></textarea>
         </div>
@@ -915,17 +1018,34 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text20')"
           ></textarea>
         </div>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氬┐鍎胯噣閮ㄦ竻娲侊紙濞冨▋鐗堬級<img
-              src="../icons/video.png"
-              @click="activitySix"
-              alt=""
-            />
+            瑙嗛锛氬┐鍎胯噣閮ㄦ竻娲侊紙濞冨▋鐗堬級
+            <div @click="activitySix">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -944,6 +1064,7 @@
             ></video>
           </div>
         </div>
+        <p><br/></p>
         <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -964,7 +1085,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="41">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1000,7 +1121,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text21')"
           ></textarea>
         </div>
@@ -1011,7 +1131,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text22')"
           ></textarea>
         </div>
@@ -1022,13 +1141,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text23')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="42">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1048,11 +1166,33 @@
         </p>
         <div class="tips-bk">
           <div class="bj-tip">
-            鑷�閮ㄦ竻娲佺殑璇勫垎鏍囧噯<img
-              src="../icons/task.png"
-              @click="activityScore2"
-              alt=""
-            />
+            鑷�閮ㄦ竻娲佺殑璇勫垎鏍囧噯
+            <div @click="activityScore2">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="19.28"
+                height="20.563"
+                viewBox="0 0 19.28 20.563"
+              >
+                <g transform="translate(-109.056 -82.941)">
+                  <path
+                    class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)"
+                  />
+                  <path
+                    class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)"
+                  />
+                  <path
+                    class="a"
+                    d="M763.392,793.79l3.262-3.262h-3.262Z"
+                    transform="translate(-638.661 -690.634)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div v-if="chapter003.isScore2Open" class="tips-file">
             <table class="table111 table122">
@@ -1141,13 +1281,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text24')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="43">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1169,7 +1308,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text25')"
           ></textarea>
         </div>
@@ -1178,11 +1316,29 @@
         </h4>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氬┐鍎挎矏娴�<img
-              src="../icons/video.png"
-              @click="activitySeven"
-              alt=""
-            />
+            瑙嗛锛氬┐鍎挎矏娴�
+            <div @click="activitySeven">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -1201,6 +1357,7 @@
             ></video>
           </div>
         </div>
+        <p><br/></p>
         <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -1230,7 +1387,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text26')"
           ></textarea>
         </div>
@@ -1243,7 +1399,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="44">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1286,7 +1442,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text27')"
           ></textarea>
         </div>
@@ -1297,13 +1452,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text28')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="45">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1336,11 +1490,33 @@
         </div> -->
         <div class="tips-bk">
           <div class="bj-tip">
-            濠村効娌愭荡鐨勮瘎鍒嗘爣鍑�<img
-              src="../icons/task.png"
-              @click="activityScore3"
-              alt=""
-            />
+            濠村効娌愭荡鐨勮瘎鍒嗘爣鍑�
+            <div @click="activityScore3">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="19.28"
+                height="20.563"
+                viewBox="0 0 19.28 20.563"
+              >
+                <g transform="translate(-109.056 -82.941)">
+                  <path
+                    class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)"
+                  />
+                  <path
+                    class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)"
+                  />
+                  <path
+                    class="a"
+                    d="M763.392,793.79l3.262-3.262h-3.262Z"
+                    transform="translate(-638.661 -690.634)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div v-if="chapter003.isScore3Open" class="tips-file">
             <table class="table111 table122">
@@ -1396,11 +1572,29 @@
         </h4>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氭礂鑴稿強鎿﹂<img
-              src="../icons/video.png"
-              @click="activityEigth"
-              alt=""
-            />
+            瑙嗛锛氭礂鑴稿強鎿﹂
+            <div @click="activityEigth">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -1419,7 +1613,7 @@
             ></video>
           </div>
         </div>
-        <!-- <p><br /></p> -->
+        <p><br /></p>
         <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -1464,7 +1658,7 @@
         <p>灏嗙敤鍝佹竻娲佸共鍑�骞舵憜鏀炬暣榻愶紝灏嗚劯鐩嗕腑鐨勬按鍊掓帀锛屾秷姣掑緟鐢ㄣ��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="46">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1485,7 +1679,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text29')"
           ></textarea>
         </div>
@@ -1507,11 +1700,33 @@
         </div> -->
         <div class="tips-bk">
           <div class="bj-tip">
-            鎸囧濠村辜鍎挎礂鑴搞�佹摝棣欑殑璇勫垎鏍囧噯<img
-              src="../icons/task.png"
-              @click="activityScore4"
-              alt=""
-            />
+            鎸囧濠村辜鍎挎礂鑴搞�佹摝棣欑殑璇勫垎鏍囧噯
+            <div @click="activityScore4">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="19.28"
+                height="20.563"
+                viewBox="0 0 19.28 20.563"
+              >
+                <g transform="translate(-109.056 -82.941)">
+                  <path
+                    class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)"
+                  />
+                  <path
+                    class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)"
+                  />
+                  <path
+                    class="a"
+                    d="M763.392,793.79l3.262-3.262h-3.262Z"
+                    transform="translate(-638.661 -690.634)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div v-if="chapter003.isScore4Open" class="tips-file">
             <table class="table111 table122">
@@ -1587,7 +1802,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="47">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1613,7 +1828,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text30')"
           ></textarea>
         </div>
@@ -1630,13 +1844,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text31')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="48">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1658,7 +1871,7 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text32')"
           ></textarea>
           <p class="left">褰卞搷鍥犵礌</p>
@@ -1667,7 +1880,7 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
+            class="textareaInput"
             @blur="onBlurChange('text33')"
           ></textarea>
         </div>
@@ -1683,11 +1896,29 @@
         </p>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氬埛鐗�<img
-              src="../icons/video.png"
-              @click="activityNine"
-              alt=""
-            />
+            瑙嗛锛氬埛鐗�
+            <div @click="activityNine">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -1706,8 +1937,8 @@
             ></video>
           </div>
         </div>
-        <!-- <p><br /></p>
-        <div class="bk-sys">
+        <p><br /></p>
+        <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
               <img class="img-gn1" alt="" src="../image/dy-sys.png" />
@@ -1718,61 +1949,6 @@
           </p>
           <p class="img">鍒风墮</p>
         </div> -->
-        <div class="tips-bk">
-          <div class="bj-tip">
-            鎸囧濠村辜鍎挎礂鑴搞�佹摝棣欑殑璇勫垎鏍囧噯<img
-              src="../icons/task.png"
-              @click="activityScore4"
-              alt=""
-            />
-          </div>
-          <div v-if="chapter003.isScore5Open" class="tips-file">
-            <table class="table111 table122">
-              <thead>
-                <tr>
-                  <th
-                    :style="{
-                      width:
-                        index == 1 || index == chapter003.scoreData5.length - 1
-                          ? '100px'
-                          : '',
-                    }"
-                    v-for="(header, index) in chapter003.publicHeader"
-                    :key="index"
-                  >
-                    {{ header }}
-                  </th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr
-                  v-for="(row, rowIndex) in chapter003.scoreData5"
-                  :key="rowIndex"
-                >
-                  <td v-for="(cell, cellIndex) in row" :key="cellIndex">
-                    <template v-if="cell === ''">
-                      <input
-                        type="text"
-                        v-model="chapter003.scoreData5[rowIndex][cellIndex]"
-                        @blur="
-                          updateCellScore5(
-                            rowIndex,
-                            cellIndex,
-                            $event.target.value
-                          )
-                        "
-                      />
-                    </template>
-                    <template v-else>
-                      {{ cell }}
-                    </template>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-        <p><br /></p>
         <p><b>鈶℃椿鍔ㄨ繃绋�</b></p>
         <p>1.鏃犵墮鏈熺殑鍙h厰鎶ょ悊锛堣鍥�1-3-9锛夈��</p>
         <p>
@@ -1791,17 +1967,14 @@
         </p>
         <el-carousel
           :interval="3000"
-          :type="chapter003.picImageList?.length > 2 ? 'card' : ''"
+          :type="picImageList?.length > 2 ? 'card' : ''"
           indicator-position="none"
         >
-          <el-carousel-item
-            v-for="(item, i) in chapter003.picImageList"
-            :key="i"
-          >
+          <el-carousel-item v-for="(item, i) in picImageList" :key="i">
             <div class="imgCarousel">
               <el-image
                 :src="item.url"
-                :preview-src-list="chapter003.picArr110"
+                :preview-src-list="picArr110"
                 :fit="'fill'"
               />
               <span v-if="item.name" class="medium">{{ item.name }}</span>
@@ -1830,13 +2003,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text33')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="49">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1872,11 +2044,29 @@
         </h4>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氭寚瀵煎辜鍎挎急鍙�<img
-              src="../icons/video.png"
-              @click="activityTen"
-              alt=""
-            />
+            瑙嗛锛氭寚瀵煎辜鍎挎急鍙�
+            <div @click="activityTen">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -1909,12 +2099,16 @@
         </div> -->
         <img class="img-gn2" alt="" src="../image/xxgcy.png" />
         <p>
-          璇锋壂浜岀淮鐮佽鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鍦ㄦ急鍙f椂锛屼繚鏁欎汉鍛橀兘鍋氫簡鍝簺鎸囧銆傝鐢诲嚭婕卞彛鎸囧鐨勬祦绋嬪浘锛岃褰曟寚瀵煎辜鍎挎急鍙g殑鍎挎瓕骞跺洖绛旂浉鍏抽棶棰樸��
+          璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鍦ㄦ急鍙f椂锛屼繚鏁欎汉鍛橀兘鍋氫簡鍝簺鎸囧銆傝鐢诲嚭婕卞彛鎸囧鐨勬祦绋嬪浘锛岃褰曟寚瀵煎辜鍎挎急鍙g殑鍎挎瓕骞跺洖绛旂浉鍏抽棶棰樸��
         </p>
         <p>1.鐢诲嚭婕卞彛鎸囧鐨勬祦绋嬪浘銆�</p>
-        <div class="bk-tx">
-          <p>銆�</p>
-          <p>銆�</p>
+        <div class="drawContent_wall">
+          <drawflow
+            @getDrawData="drawflowDataOne"
+            :strId="'drawflowId0031'"
+            :primaryColor="'#f49a4c'"
+            :importData="chapter003.drawDataOne"
+          />
         </div>
         <p>2.鏌ユ壘鎸囧骞煎効婕卞彛鐨勫効姝屼竴棣栵紝骞惰褰曘��</p>
         <div class="bk-tx">
@@ -1923,7 +2117,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text34')"
           ></textarea>
         </div>
@@ -1935,13 +2128,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text35')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="50">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1962,7 +2154,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text36')"
           ></textarea>
         </div>
@@ -1973,7 +2164,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text37')"
           ></textarea>
         </div>
@@ -1995,11 +2185,29 @@
         </h4>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氬辜鍎夸笉鑹礂鎵嬩範鎯�<img
-              src="../icons/video.png"
-              @click="activityEle"
-              alt=""
-            />
+            瑙嗛锛氬辜鍎夸笉鑹礂鎵嬩範鎯�
+            <div @click="activityEle">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -2032,7 +2240,7 @@
         </div> -->
         <img class="img-gn2" alt="" src="../image/xxgcy.png" />
         <p>
-          璇锋壂浜岀淮鐮佽鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鏈夊摢浜涗笉鑹崼鐢熶範鎯�傚鏋滄湁璇锋寚鍑洪棶棰橈紝骞舵彁鍑烘敼姝g殑鏂规硶銆�
+          璇疯鐪嬭棰戯紝瑙傚療瑙嗛涓殑骞煎効鏈夊摢浜涗笉鑹崼鐢熶範鎯�傚鏋滄湁璇锋寚鍑洪棶棰橈紝骞舵彁鍑烘敼姝g殑鏂规硶銆�
         </p>
         <p>1.涓嶈壇鍗敓涔犳儻鏈夊摢浜涳紵</p>
         <div class="bk-tx">
@@ -2041,13 +2249,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text38')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="51">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -2069,7 +2276,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text39')"
           ></textarea>
         </div>
@@ -2080,11 +2286,29 @@
         </h4>
         <div class="tips-bk">
           <div class="bj-tip">
-            瑙嗛锛氬辜鍎跨殑涓嶈壇鍒风墮涔犳儻<img
-              src="../icons/video.png"
-              @click="activityTev"
-              alt=""
-            />
+            瑙嗛锛氬辜鍎跨殑涓嶈壇鍒风墮涔犳儻
+            <div @click="activityTev">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.863"
+                height="20.817"
+                viewBox="0 0 19.863 13.817"
+              >
+                <g transform="translate(-40.961 -184.321)">
+                  <path
+                    class="a"
+                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+                    transform="translate(51.824 196.82) rotate(-90)"
+                  />
+                  <path
+                    class="b"
+                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+                    transform="translate(-3269 15293.001)"
+                  />
+                </g>
+              </svg>
+            </div>
           </div>
           <div
             class="tips-file"
@@ -2135,7 +2359,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text40')"
           ></textarea>
         </div>
@@ -2150,13 +2373,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text41')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="52">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -2180,7 +2402,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text42')"
           ></textarea>
         </div>
@@ -2191,7 +2412,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text43')"
           ></textarea>
         </div>
@@ -2205,7 +2425,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text44')"
           ></textarea>
         </div>
@@ -2217,13 +2436,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text45')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="53">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -2252,7 +2470,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text46')"
           ></textarea>
         </div>
@@ -2263,14 +2480,13 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text47')"
           ></textarea>
         </div>
         <h4 id="d031">
           鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <div class="tips-bk">
+        <!-- <div class="tips-bk">
           <div class="bj-tip">
             浜戞祴璇曪細鍗曞厓涓夊簲鐢ㄤ笌瀹炶返<img
               src="../icons/sub.png"
@@ -2279,15 +2495,12 @@
             />
           </div>
           <div
-            v-if="chapter003.idOpenThree && chapter003.qustionData[48]"
+            v-if="chapter003.idOpenThree && chapter003.qustionData[3]"
             class="tips-file"
           >
-            <examinations
-              :primaryColor="'#f49a4c'"
-              :cardList="chapter003.qustionData[48]"
-            />
+            <examinations :cardList="chapter003.qustionData[3]" />
           </div>
-        </div>
+        </div> -->
         <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -2342,7 +2555,7 @@
         <p class="block">D.娓告垙鍚�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="54">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -2406,9 +2619,36 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('desc')"
           ></textarea>
+        </div>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            浜戞祴璇曪細鍗曞厓涓夊簲鐢ㄤ笌瀹炶返 <div @click="activityThree">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink"
+                width="20.115"
+                height="19.988"
+                viewBox="0 0 20.115 19.988"
+              >
+                <path
+                  class="a"
+                  d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z"
+                  transform="translate(-3351.001 15212)"
+                />
+              </svg>
+            </div>
+          </div>
+          <div
+            v-if="chapter003.idOpenThree && chapter003.qustionData[48]"
+            class="tips-file"
+          >
+            <examinations
+              :primaryColor="'#f49a4c'"
+              :cardList="chapter003.qustionData[48]"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -2419,11 +2659,69 @@
 import getQuestionData from "@/assets/methods/examination.js";
 import testData from "../js/examinationList.js";
 import examinations from "@/components/examinations/index.vue";
+import drawflow from "@/components/drawflow";
 
 export default {
+  // eslint-disable-next-line vue/multi-word-component-names
   name: "chapter003",
   data() {
     return {
+      picOneUrl: require("../image/0041-1.jpg"),
+      picArr: [require("../image/0041-1.jpg")],
+      // 1-3-10
+      picArr110: [
+        require("../image/0059-1.jpg"),
+        require("../image/0059-2.jpg"),
+      ],
+      picImageList: [
+        {
+          name: "鍥�1-3-9",
+          url: require("../image/0059-1.jpg"),
+        },
+        {
+          name: "鍥�1-3-10",
+          url: require("../image/0059-2.jpg"),
+        },
+      ],
+      sevenSrcList: [
+        "../image/0042-2.jpg",
+        "../image/0042-3.jpg",
+        "../image/0042-4.jpg",
+        "../image/0043-1.jpg",
+        "../image/0043-2.jpg",
+        "../image/0043-3.jpg",
+        "../image/0043-4.jpg",
+      ],
+      sevenImgList: [
+        {
+          name: "鍥�1-3-1",
+          url: require("../image/0042-2.jpg"),
+        },
+        {
+          name: "鍥�1-3-2",
+          url: require("../image/0042-3.jpg"),
+        },
+        {
+          name: "鍥�1-3-3",
+          url: require("../image/0042-4.jpg"),
+        },
+        {
+          name: "鍥�1-3-4",
+          url: require("../image/0043-1.jpg"),
+        },
+        {
+          name: "鍥�1-3-5",
+          url: require("../image/0043-2.jpg"),
+        },
+        {
+          name: "鍥�1-3-6",
+          url: require("../image/0043-3.jpg"),
+        },
+        {
+          name: "鍥�1-3-7",
+          url: require("../image/0043-4.jpg"),
+        },
+      ],
       chapter003: {
         videOneUrl: "",
         videoTwoUrl: "",
@@ -2437,23 +2735,6 @@
         videoEleUrl: "",
         videoTevUrl: "",
         isGroupOpen: true,
-        picOneUrl: require("../image/0018-1.jpg"),
-        picArr: [require("../image/0018-1.jpg")],
-        // 1-3-10
-        picArr110: [
-          require("../image/0059-1.jpg"),
-          require("../image/0059-2.jpg"),
-        ],
-        picImageList: [
-          {
-            name: "鍥�1-3-9",
-            url: require("../image/0059-1.jpg"),
-          },
-          {
-            name: "鍥�1-3-10",
-            url: require("../image/0059-2.jpg"),
-          },
-        ],
         isOpenOne: true,
         isOpenTwo: true,
         idOpenThree: true,
@@ -2469,6 +2750,8 @@
         isScore1Open: true,
         isScore2Open: true,
         isScore3Open: true,
+        isScore4Open: true,
+        isScore5Open: true,
         qustionData: {},
         // 涓冩娲楁墜娉曡瘎鍒嗐�傘��
         publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"],
@@ -2508,45 +2791,6 @@
             "",
             "",
           ],
-        ],
-        sevenSrcList: [
-          "../image/0042-2.jpg",
-          "../image/0042-3.jpg",
-          "../image/0042-4.jpg",
-          "../image/0043-1.jpg",
-          "../image/0043-2.jpg",
-          "../image/0043-3.jpg",
-          "../image/0043-4.jpg",
-        ],
-        sevenImgList: [
-          {
-            name: "鍥�1-3-1",
-            url: require("../image/0042-2.jpg"),
-          },
-          {
-            name: "鍥�1-3-2",
-            url: require("../image/0042-3.jpg"),
-          },
-          {
-            name: "鍥�1-3-3",
-            url: require("../image/0042-4.jpg"),
-          },
-          {
-            name: "鍥�1-3-4",
-            url: require("../image/0043-1.jpg"),
-          },
-          {
-            name: "鍥�1-3-5",
-            url: require("../image/0043-2.jpg"),
-          },
-          {
-            name: "鍥�1-3-6",
-            url: require("../image/0043-3.jpg"),
-          },
-          {
-            name: "鍥�1-3-7",
-            url: require("../image/0043-4.jpg"),
-          },
         ],
         // 鐪笺�侀蓟銆佽��
         scoreData1: [
@@ -2801,28 +3045,65 @@
         ],
         textAreaItem: {},
         radio: {},
+        drawDataOne: {
+          drawflow: {
+            Home: {
+              data: {},
+            },
+          },
+        },
+        drawDataTwo: {
+          drawflow: {
+            Home: {
+              data: {},
+            },
+          },
+        },
       },
     };
   },
   components: {
     examinations,
+    drawflow
   },
   async created() {
     const localData = JSON.parse(localStorage.getItem("chapter003"));
     if (localData) {
       this.chapter003 = { ...Object.assign(this.chapter003, localData) };
     }
-    // this.chapter003.videOneUrl = getResourcePath("459ab85d46207bfcca4801dc9b319b9b");
-    // this.chapter003.videoTwoUrl = getResourcePath("3817bea302b25b865ff938140939a8de");
-    // this.chapter003.videoFourUrl = getResourcePath("7af72da649f6656c3b2164e708f5c132");
-    // this.chapter003.videoFiveUrl = getResourcePath("e24de9b0cdd889cb73e9b472ad6f4731");
-    // this.chapter003.videoSixUrl = getResourcePath("d95740ab777d9c7ca074c33317a835c4");
-    // this.chapter003.videoSevenUrl = getResourcePath("0b330926f3e6ed510b48144a83199fb3");
-    // this.chapter003.videoEigthUrl = getResourcePath("9f63cc4dcba6a87cbfe82a9ec4d7c77e");
-    // this.chapter003.videoNineUrl = getResourcePath("c2ecf6f102a6e9b210f3db49b17b58a4");
-    // this.chapter003.videoTenUrl = getResourcePath("b6943018923c0cbad4e414dc2097cb9a");
-    // this.chapter003.videoEleUrl = getResourcePath("eb604885f7c01cdf2d95df839c9c233a");
-    // this.chapter003.videoTevUrl = getResourcePath("f12a50c2ac57da78ff02f3d5f430163b");
+    this.chapter003.videOneUrl = getResourcePath(
+      "459ab85d46207bfcca4801dc9b319b9b"
+    );
+    this.chapter003.videoTwoUrl = getResourcePath(
+      "3817bea302b25b865ff938140939a8de"
+    );
+    this.chapter003.videoFourUrl = getResourcePath(
+      "7af72da649f6656c3b2164e708f5c132"
+    );
+    this.chapter003.videoFiveUrl = getResourcePath(
+      "e24de9b0cdd889cb73e9b472ad6f4731"
+    );
+    this.chapter003.videoSixUrl = getResourcePath(
+      "d95740ab777d9c7ca074c33317a835c4"
+    );
+    this.chapter003.videoSevenUrl = getResourcePath(
+      "0b330926f3e6ed510b48144a83199fb3"
+    );
+    this.chapter003.videoEigthUrl = getResourcePath(
+      "9f63cc4dcba6a87cbfe82a9ec4d7c77e"
+    );
+    this.chapter003.videoNineUrl = getResourcePath(
+      "c2ecf6f102a6e9b210f3db49b17b58a4"
+    );
+    this.chapter003.videoTenUrl = getResourcePath(
+      "b6943018923c0cbad4e414dc2097cb9a"
+    );
+    this.chapter003.videoEleUrl = getResourcePath(
+      "eb604885f7c01cdf2d95df839c9c233a"
+    );
+    this.chapter003.videoTevUrl = getResourcePath(
+      "f12a50c2ac57da78ff02f3d5f430163b"
+    );
     this.chapter003.videOneUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=459ab85d46207bfcca4801dc9b319b9b";
     this.chapter003.videoTwoUrl =
@@ -2845,44 +3126,60 @@
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=eb604885f7c01cdf2d95df839c9c233a";
     this.chapter003.videoTevUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=f12a50c2ac57da78ff02f3d5f430163b";
-    this.chapter003.qustionData = await getQuestionData("3",testData[3]);
+    this.chapter003.qustionData = await getQuestionData(
+      "3",
+      testData[3],
+      this.config.activeBook
+    );
   },
   methods: {
     activityOne() {
       this.chapter003.isOpenOne = !this.chapter003.isOpenOne;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityTwo() {
       this.chapter003.isOpenTwo = !this.chapter003.isOpenTwo;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityThree() {
       this.chapter003.idOpenThree = !this.chapter003.idOpenThree;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityFour() {
       this.chapter003.isOpenFour = !this.chapter003.isOpenFour;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityFive() {
       this.chapter003.isOpenFive = !this.chapter003.isOpenFive;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activitySix() {
       this.chapter003.isOpenSix = !this.chapter003.isOpenSix;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activitySeven() {
       this.chapter003.isOpenSeven = !this.chapter003.isOpenSeven;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityEigth() {
       this.chapter003.isOpenEigth = !this.chapter003.isOpenEigth;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityNine() {
       this.chapter003.isOpenNine = !this.chapter003.isOpenNine;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityTen() {
       this.chapter003.isOpenTen = !this.chapter003.isOpenTen;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityEle() {
       this.chapter003.isOpenEle = !this.chapter003.isOpenEle;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityTev() {
       this.chapter003.isOpenTev = !this.chapter003.isOpenTev;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
     activityGroup() {
       this.chapter003.isGroupOpen = !this.chapter003.isGroupOpen;
@@ -2975,6 +3272,14 @@
     onRadioText() {
       localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
     },
+    drawflowDataOne(val) {
+      this.chapter003.drawDataOne = val;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
+    },
+    drawflowDataTwo(val) {
+      this.chapter003.drawDataTwo = val;
+      localStorage.setItem("chapter003", JSON.stringify(this.chapter003));
+    },
   },
 };
 </script>

--
Gitblit v1.9.1