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/chapter005.vue |  607 ++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 426 insertions(+), 181 deletions(-)

diff --git a/src/books/lifeCare/view/chapter005.vue b/src/books/lifeCare/view/chapter005.vue
index ad35655..02667af 100644
--- a/src/books/lifeCare/view/chapter005.vue
+++ b/src/books/lifeCare/view/chapter005.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="page-content-box">
-    <div class="page-box">
+  <div class="chapter" num="6">
+    <div class="page-box" page="71">
       <div class="bodystyle topImg">
         <h2 id="b005">
           <img class="img-0" alt="" src="../image/dy5.jpg" />
@@ -60,7 +60,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="72">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -82,7 +82,12 @@
             </p>
           </div>
           <p class="center">
-            <img class="img-a" alt="" src="../image/0083-1.jpg" />
+            <el-image
+              class="chapter002-img-0035"
+              :src="picOneUrl"
+              :preview-src-list="picArr"
+            />
+            <!-- <img class="img-a" alt="" src="../image/0083-1.jpg" /> -->
           </p>
         </div>
         <div class="bk">
@@ -100,7 +105,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="73">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -149,7 +154,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text1')"
           ></textarea>
         </div>
@@ -158,7 +162,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="74">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -242,7 +246,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text2')"
           ></textarea>
         </div>
@@ -254,7 +257,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text3')"
           ></textarea>
@@ -264,7 +266,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text4')"
           ></textarea>
@@ -274,14 +275,13 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text5')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="75">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -314,7 +314,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text6')"
           ></textarea>
         </div>
@@ -372,19 +371,42 @@
         <p><br /></p>
         <p>3.灏忕粍璁ㄨ鍒嗘瀽鍚勪綅鎴愬憳鐨勪竴鏃ラ璋憋紝璇勫嚭鏈�浣充竴鏃ラ璋便��</p>
         <p>锛�1锛夎鐢ㄥ浘鐗囧舰寮忓憟鐜帮紝骞惰创鍦ㄤ笅闈€��</p>
-        <div class="bk-tx">
+        <!-- <div class="bk-tx">
           <textarea
             v-model="chapter005.textAreaItem.text7"
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="100"
             @blur="onBlurChange('text7')"
           ></textarea>
+        </div> -->
+        <div class="bk-tx">
+          <div class="upload-list" v-if="chapter005.pictrueListTwo.length > 0">
+            <div
+              class="demo-image__preview"
+              v-for="item in chapter005.pictrueListTwo"
+              :key="item"
+            >
+              <el-image
+                style="height: 100%"
+                :src="item"
+                :preview-src-list="chapter005.pictrueListTwo"
+              >
+              </el-image>
+            </div>
+          </div>
+          <div class="bk-inputUpload">
+            <input
+              type="file"
+              id="fileTwo"
+              @change="handUploadFile($event, '2')"
+            />
+            <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
+          </div>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="76">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -406,14 +428,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text8')"
           ></textarea>
         </div>
         <h4 id="d045">
           鈻垛柖 娲诲姩3锛氬啿璋冮厤鏂瑰ザ<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <p><br /></p>
         <!-- <div class="bk-sys">
           <div class="bj1-sys">
             <p class="left">
@@ -427,11 +447,29 @@
         </div> -->
         <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"
@@ -479,13 +517,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text9')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="77">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -516,11 +553,33 @@
         </div> -->
         <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="chapter005.isGroupOpen" class="tips-file">
             <table class="table111 table122">
@@ -581,6 +640,7 @@
             </table>
           </div>
         </div>
+        <p><br /></p>
         <p><b>鈶f�荤粨涓庡弽鎬�</b></p>
         <p>1.鎿嶄綔涓鏄撳け璇墸鍒嗙殑鏂归潰鏈夊摢浜涳紵</p>
         <div class="bk-tx">
@@ -589,7 +649,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text10')"
           ></textarea>
         </div>
@@ -600,7 +659,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text11')"
           ></textarea>
         </div>
@@ -621,13 +679,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text12')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="78">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -650,7 +707,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text13')"
           ></textarea>
@@ -660,7 +716,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text14')"
           ></textarea>
@@ -725,7 +780,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="79">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -760,7 +815,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text15')"
           ></textarea>
         </div>
@@ -819,7 +873,7 @@
         </p> -->
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="80">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -847,7 +901,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('texts1')"
           ></textarea>
         </div>
@@ -858,17 +911,22 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('texts2')"
           ></textarea>
         </div>
-        <p class="center">
+        <!-- <p class="center">
           <img class="img-b" alt="" src="image/0001-2.jpg" />
-        </p>
+        </p> -->
         <p>2.濡備綍涓哄┐骞煎効鍑嗗涓�涓鏁炪�佸畨鍏ㄧ殑灏遍鐜锛�</p>
-        <p class="center">
-          <img class="img-b" alt="" src="image/0001-2.jpg" />
-        </p>
+        <div class="bk-tx">
+          <textarea
+            v-model="chapter005.textAreaItem.texts3"
+            style="border: 0"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            rows="5"
+            @blur="onBlurChange('texts3')"
+          ></textarea>
+        </div>
         <h4 id="d048">
           鈻垛柖 娲诲姩2锛氬垱璁炬剦蹇殑杩涢姘涘洿<span class="fontsz1"
             >锛烇紴锛烇紴锛烇紴锛烇紴</span
@@ -888,7 +946,7 @@
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="81">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -916,7 +974,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text16')"
           ></textarea>
         </div>
@@ -927,7 +984,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text17')"
           ></textarea>
         </div>
@@ -951,7 +1007,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="82">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -996,11 +1052,33 @@
         </div> -->
         <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="chapter005.isScore1Open" class="tips-file">
             <table class="table111 table122">
@@ -1061,6 +1139,7 @@
             </table>
           </div>
         </div>
+        <p><br /></p>
         <p><b>鈶㈠疄璁粌涔�</b></p>
         <p>
           2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鍒嗗彂椁愬叿涓庨鐗╃殑璇勫垎鏍囧噯缁欐搷浣滆�呮墦鍒嗐��
@@ -1073,7 +1152,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text18')"
           ></textarea>
         </div>
@@ -1084,7 +1162,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text19')"
           ></textarea>
         </div>
@@ -1097,7 +1174,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="83">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1128,7 +1205,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text20')"
           ></textarea>
@@ -1138,7 +1214,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text21')"
           ></textarea>
@@ -1148,7 +1223,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text22')"
           ></textarea>
@@ -1158,7 +1232,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text23')"
           ></textarea>
@@ -1173,7 +1246,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text24')"
           ></textarea>
@@ -1183,14 +1255,13 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text25')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="84">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1215,7 +1286,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text26')"
           ></textarea>
         </div>
@@ -1229,7 +1299,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text27')"
           ></textarea>
@@ -1239,7 +1308,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text28')"
           ></textarea>
@@ -1253,7 +1321,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text28')"
           ></textarea>
         </div>
@@ -1265,7 +1332,7 @@
         <p>楗鏄渶閲嶈鐨勬棩甯哥敓娲伙紝鍠傚吇涓嶄粎鏄负濠村辜鍎挎彁渚涜惀鍏荤殑鎵嬫锛岃��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="85">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1301,7 +1368,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text29')"
           ></textarea>
@@ -1311,7 +1377,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text30')"
           ></textarea>
@@ -1365,7 +1430,7 @@
         <p><br /></p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="86">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1385,11 +1450,29 @@
         </h4>
         <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"
@@ -1442,7 +1525,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text31')"
           ></textarea>
         </div>
@@ -1463,11 +1545,33 @@
         </div> -->
         <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="chapter005.isScore2Open" class="tips-file">
             <table class="table111 table122">
@@ -1528,6 +1632,7 @@
             </table>
           </div>
         </div>
+        <p><br /></p>
         <p><b>鈶㈠疄璁粌涔�</b></p>
         <p>
           2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収濂剁摱鍠傚摵鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐��
@@ -1540,13 +1645,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text32')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="87">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1567,7 +1671,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text33')"
           ></textarea>
         </div>
@@ -1611,11 +1714,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="chapter005.isScore3Open" class="tips-file">
             <table class="table111 table122">
@@ -1676,6 +1801,7 @@
             </table>
           </div>
         </div>
+        <p><br /></p>
         <p><b>鈶㈠疄璁粌涔�</b></p>
         <p>
           2锝�4浜轰负涓�缁勫紑灞曞疄璁搷浣滐紝鍏朵腑涓�浜烘搷浣滐紝鍏朵粬鍚屽瑙傛懇銆傛搷浣滆�呬竴杈瑰疄鎿嶄竴杈硅瑙f搷浣滆棰嗭紝鍏朵粬鍚屽鎸夌収鍕哄瓙鍠傚摵鐨勮瘎鍒嗘爣鍑嗙粰鎿嶄綔鑰呮墦鍒嗐��
@@ -1687,13 +1813,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text34')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="88">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1718,11 +1843,29 @@
         </p>
         <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"
@@ -1773,7 +1916,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text35')"
           ></textarea>
         </div>
@@ -1784,13 +1926,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text36')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="89">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -1811,7 +1952,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text37')"
           ></textarea>
         </div>
@@ -1853,7 +1993,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="90">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -1878,7 +2018,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text38')"
           ></textarea>
@@ -1901,11 +2040,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="chapter005.isScore4Open" class="tips-file">
             <table class="table111 table122">
@@ -2003,7 +2164,7 @@
         <p>锛�1锛夋暀鑲插紩瀵笺�傛槑纭濠村辜鍎胯繘琛屾枃鏄庤繘椁愮殑鍋ュ悍鏁欒偛锛屽杩涢鐨勫湴鐐�</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="91">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -2026,7 +2187,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text40')"
           ></textarea>
@@ -2041,7 +2201,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text41')"
           ></textarea>
@@ -2051,7 +2210,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text42')"
           ></textarea>
@@ -2066,7 +2224,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text43')"
           ></textarea>
@@ -2076,7 +2233,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text44')"
           ></textarea>
@@ -2086,14 +2242,13 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text45')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="92">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -2116,7 +2271,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text46')"
           ></textarea>
         </div>
@@ -2128,7 +2282,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text45')"
           ></textarea>
         </div>
@@ -2142,7 +2295,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text48')"
           ></textarea>
         </div>
@@ -2153,13 +2305,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text49')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="93">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -2204,7 +2355,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text50')"
           ></textarea>
         </div>
@@ -2216,13 +2366,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text51')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="94">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -2245,7 +2394,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text52')"
           ></textarea>
@@ -2255,7 +2403,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text53')"
           ></textarea>
@@ -2265,7 +2412,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text54')"
           ></textarea>
@@ -2275,7 +2421,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="3"
-            maxlength="100"
             class="textareaInput"
             @blur="onBlurChange('text55')"
           ></textarea>
@@ -2298,13 +2443,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text56')"
           ></textarea>
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="95">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -2326,7 +2470,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text57')"
           ></textarea>
         </div>
@@ -2337,7 +2480,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text58')"
           ></textarea>
         </div>
@@ -2413,7 +2555,7 @@
         </p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="96">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -2444,17 +2586,34 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text59')"
           ></textarea>
         </div>
         <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"
@@ -2488,7 +2647,7 @@
         </div> -->
         <img class="img-gn2" alt="" src="../image/xxgcy.png" />
         <p>
-          璇锋壂浜岀淮鐮佽鐪嬭棰戯紝缁撳悎闃呰鎵嬪唽锛岃瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪椁愬悗闇�瑕佸仛鍝簺鏁寸悊宸ヤ綔锛屽苟瀹屾垚浠ヤ笅缁冧範銆�
+          璇疯鐪嬭棰戯紝缁撳悎闃呰鎵嬪唽锛岃瀵熶竴涓嬭棰戜腑鐨勪繚鏁欎汉鍛樺湪椁愬悗闇�瑕佸仛鍝簺鏁寸悊宸ヤ綔锛屽苟瀹屾垚浠ヤ笅缁冧範銆�
         </p>
         <p>1.椁愬悗淇濇暀浜哄憳鐨勬暣鐞嗗伐浣滃唴瀹规槸浠�涔堬紵</p>
         <div class="bk-tx">
@@ -2497,21 +2656,23 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text60')"
           ></textarea>
         </div>
         <p>
           2.濡備綍缁勭粐鍜屾寚瀵煎┐骞煎効杩涜椁愬悗鏁寸悊锛熻鐢诲嚭鎸囧濠村辜鍎块鍚庢暣鐞嗙殑娴佺▼鍥俱��
         </p>
-        <div class="bk-tx">
-          <p><br />銆�</p>
-          <p><br />銆�</p>
-          <p><br />銆�</p>
+        <div class="drawContent_wall">
+          <drawflow
+            @getDrawData="drawflowDataClick"
+            :strId="'drawflowId005'"
+            :primaryColor="'#f49a4c'"
+            :importData="chapter005.drawData"
+          />
         </div>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="97">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -2533,7 +2694,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text61')"
           ></textarea>
         </div>
@@ -2544,7 +2704,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text62')"
           ></textarea>
         </div>
@@ -2555,7 +2714,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text63')"
           ></textarea>
         </div>
@@ -2571,7 +2729,7 @@
         <p>缁撳悎涓婅堪鎯呭锛屾煡闃呴槄璇绘墜鍐岋紝灏忕粍鍚堜綔锛岃В鍐充互涓嬮棶棰樸��</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="98">
       <div class="header">
         <div class="pageHeader-second">
           <div class="second-con">
@@ -2593,7 +2751,6 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text64')"
           ></textarea>
         </div>
@@ -2604,28 +2761,12 @@
             style="border: 0"
             placeholder="璇疯緭鍏ュ唴瀹�"
             rows="5"
-            maxlength="200"
             @blur="onBlurChange('text65')"
           ></textarea>
         </div>
         <h4 id="d061">
           鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <div class="tips-bk">
-          <div class="bj-tip">
-            浜戞祴璇曪細鍗曞厓浜斿簲鐢ㄤ笌瀹炶返<img
-              src="../icons/sub.png"
-              @click="activityThree"
-              alt=""
-            />
-          </div>
-          <div
-            v-if="chapter005.idOpenThree && chapter005.qustionData[3]"
-            class="tips-file"
-          >
-            <examinations :cardList="chapter005.qustionData[3]" />
-          </div>
-        </div>
         <p><br /></p>
         <!-- <p><br /></p>
         <div class="bk-sys">
@@ -2681,7 +2822,7 @@
         <p class="block">D.鍠濈櫧寮�姘存病鏈夎惀鍏伙紝鍙互璁╁┐骞煎効澶氬枬楗枡</p>
       </div>
     </div>
-    <div class="page-box">
+    <div class="page-box" page="99">
       <div class="header">
         <div class="pageHeader-first">
           <div class="header-bj"></div>
@@ -2735,24 +2876,57 @@
             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="chapter005.idOpenThree && chapter005.qustionData[94]"
+            class="tips-file"
+          >
+            <examinations
+              :primaryColor="'#f49a4c'"
+              :cardList="chapter005.qustionData[94]"
+            />
+          </div>
         </div>
       </div>
     </div>
   </div>
 </template>
 <script>
-// import getResourcePath from "@/assets/methods/resources.js";
-// import getQuestionData from "@/assets/methods/examination.js";
+import getResourcePath from "@/assets/methods/resources.js";
+import getQuestionData from "@/assets/methods/examination.js";
 import testData from "../js/examinationList.js";
-// import examinations from "@/components/examinations/index.vue";
+import examinations from "@/components/examinations/index.vue";
+import { getFileMd5, getPublicImage } from "../js/tool.js";
+import drawflow from "@/components/drawflow";
 
 export default {
+  // eslint-disable-next-line vue/multi-word-component-names
   name: "chapter005",
   data() {
     return {
+      picOneUrl: require("../image/0083-1.jpg"),
+      picArr: [require("../image/0083-1.jpg")],
       chapter005: {
         videOneUrl: "",
         videoTwoUrl: "",
@@ -2767,7 +2941,16 @@
         isScore1Open: true,
         isScore2Open: true,
         isScore3Open: true,
+        isScore4Open: true,
+        pictrueListTwo: [],
         qustionData: {},
+        drawData:{
+          drawflow: {
+            Home: {
+              data: {},
+            },
+          },
+        },
         // 鍐茶皟閰嶆柟濂�
         publicHeader: ["搴忓彿", "鑰冩牳鍐呭", "閰嶅垎", "璇勫垎鏍囧噯", "鎵e垎", "寰楀垎"],
         groupData: [
@@ -3172,17 +3355,26 @@
     };
   },
   components: {
-    // examinations,
+    examinations,
+    drawflow
   },
-  created() {
+  async created() {
     const localData = JSON.parse(localStorage.getItem("chapter005"));
     if (localData) {
       this.chapter005 = { ...Object.assign(this.chapter005, localData) };
     }
-    // this.chapter005.videOneUrl = getResourcePath("439b0bde62a5098875c77e2492676577");
-    // this.chapter005.videoTwoUrl = getResourcePath("1a878261410b01ee8e4e0602a1fe935f");
-    // this.chapter005.videoFourUrl = getResourcePath("6cf2619beb704b3d79de04f0775c8ba3");
-    // this.chapter005.videoFiveUrl = getResourcePath("8400384441ad9236d5eab24f500ec2c7");
+    this.chapter005.videOneUrl = getResourcePath(
+      "439b0bde62a5098875c77e2492676577"
+    );
+    this.chapter005.videoTwoUrl = getResourcePath(
+      "1a878261410b01ee8e4e0602a1fe935f"
+    );
+    this.chapter005.videoFourUrl = getResourcePath(
+      "6cf2619beb704b3d79de04f0775c8ba3"
+    );
+    this.chapter005.videoFiveUrl = getResourcePath(
+      "8400384441ad9236d5eab24f500ec2c7"
+    );
     this.chapter005.videOneUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=439b0bde62a5098875c77e2492676577";
     this.chapter005.videoTwoUrl =
@@ -3191,23 +3383,32 @@
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=6cf2619beb704b3d79de04f0775c8ba3";
     this.chapter005.videoFiveUrl =
       "https://jsek.bnuic.com/file/api/ApiDownload?md5=8400384441ad9236d5eab24f500ec2c7";
-    // this.chapter005.qustionData = await getQuestionData("5",testData[5]);
+    this.chapter005.qustionData = await getQuestionData(
+      "5",
+      testData[5],
+      this.config.activeBook
+    );
   },
   methods: {
     activityOne() {
       this.chapter005.isOpenOne = !this.chapter005.isOpenOne;
+      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
     activityTwo() {
       this.chapter005.isOpenTwo = !this.chapter005.isOpenTwo;
+      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
     activityThree() {
       this.chapter005.idOpenThree = !this.chapter005.idOpenThree;
+      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
     activityFour() {
       this.chapter005.isOpenFour = !this.chapter005.isOpenFour;
+      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
     activityFive() {
       this.chapter005.isOpenFive = !this.chapter005.isOpenFive;
+      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
     activityGroup() {
       this.chapter005.isGroupOpen = !this.chapter005.isGroupOpen;
@@ -3325,6 +3526,50 @@
     onRadioText() {
       localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
     },
+    handUploadFile(e, type) {
+      var that = this;
+      const file = e.target.files[0];
+      const FileName = file.name.split(".")[0];
+      const Extension = file.name.split(".")[1];
+      const FileType = file.type;
+      let size = 1024;
+      getFileMd5(file, size * 1024)
+        .then((e) => {
+          const imgData = new FormData();
+          imgData.append("Md5", e);
+          imgData.append("FileName", FileName);
+          imgData.append("Extension", Extension);
+          imgData.append("FileType", FileType);
+          imgData.append("MetaData", null);
+          imgData.append("file", file);
+          that.MG.file.upload(imgData).then(() => {});
+          setTimeout(() => {
+            if (type == "1") {
+              that.chapter005.pictrueList.push(getPublicImage(e));
+            }
+            if (type == "2") {
+              that.chapter005.pictrueListTwo.push(getPublicImage(e));
+            }
+            if (type == "3") {
+              that.chapter005.pictrueListThree.push(getPublicImage(e));
+            }
+            that.isLoding = false;
+            localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
+          }, 1000);
+        })
+        .catch((e) => {
+          that.isLoding = false;
+          console.error(e);
+        });
+    },
+    handFile(str) {
+      let dom = document.getElementById(str);
+      dom.click();
+    },
+    drawflowDataClick(val) {
+      this.chapter005.drawData = val;
+      localStorage.setItem("chapter005", JSON.stringify(this.chapter005));
+    },
   },
 };
 </script>

--
Gitblit v1.9.1