From 3355ad641abcacb6f72fd6fe6e8568801447243c Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期五, 31 五月 2024 14:52:47 +0800
Subject: [PATCH] 优化

---
 src/books/lifeCare/view/chapter018.vue |    3 
 src/books/lifeCare/view/chapter013.vue |    9 +-
 src/books/lifeCare/view/chapter016.vue |   13 +-
 src/books/lifeCare/image/xxfs.png      |    0 
 src/books/lifeCare/view/chapter015.vue |   15 ++-
 src/books/lifeCare/css/default.less    |   77 +++++++++++++++++--
 src/books/lifeCare/view/chapter011.vue |    7 +
 src/components/drawflow/index.vue      |    2 
 src/books/lifeCare/view/chapter012.vue |   25 +++---
 src/books/lifeCare/view/chapter014.vue |   35 ++++----
 src/books/lifeCare/view/chapter017.vue |   16 ++--
 src/books/lifeCare/index.vue           |    5 
 src/books/lifeCare/view/chapter010.vue |    7 +
 src/App.vue                            |    3 
 14 files changed, 140 insertions(+), 77 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 5b6a882..5f2160d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -66,11 +66,10 @@
         // sportsAndHealth
         // embedded
         // english
-        this.config.resourceCtx + "childHealth"
+        this.config.resourceCtx + "lifeCare"
       );
       // 娴嬭瘯璇曡30椤�
       // this.activeBook.tryPageCount = 10;
-
       this.config.activeBook = this.activeBook;
       this.config.goodsStore = this.activeBook.storeRefcode;
     }
diff --git a/src/books/lifeCare/css/default.less b/src/books/lifeCare/css/default.less
index 9b068d6..d12a3ef 100644
--- a/src/books/lifeCare/css/default.less
+++ b/src/books/lifeCare/css/default.less
@@ -26,7 +26,7 @@
   textarea {
     width: 100%;
     text-indent: 2em;
-    max-width: 653px;
+    max-width: 630px;
     min-height: 100px;
   }
 
@@ -41,6 +41,46 @@
     position: absolute;
     left: 4%;
     top: 4%;
+  }
+
+
+  .border-xxfs {
+    border-radius: 0 !important;
+    position: relative;
+    padding: 10px;
+    padding-top: 20px !important;
+    border: 2px dotted #00aeef !important;
+
+
+    .bj3 {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      width: 105px;
+      height: 30px;
+      position: absolute;
+      padding: 0 !important;
+      padding-left: 5px !important;
+      box-sizing: border-box;
+      top: 0;
+      background-color: #00aeef !important;
+      color: #fff !important;
+      border-bottom-right-radius: 25px;
+
+      .cirlce {
+        width: 40px;
+        height: 40px;
+        border: 2px solid #00aeef;
+        border-radius: 50%;
+        position: absolute;
+        left: -38px;
+        background: url('../image/xxfs.png');
+        background-position: center;
+        background-size: 70% 70%;
+        background-repeat: no-repeat;
+        background-color: #fff;
+      }
+    }
   }
 
   input {
@@ -112,10 +152,12 @@
         position: absolute;
         top: 10px;
         right: 10px;
-        color: white;
+        color: #333;
         font-weight: bold;
-        border: 1px solid #0e5ba3;
-        background: #4ea9ff;
+        // 0e5ba3
+        border: 1px solid #ccc;
+        // 4ea9ff
+        background: #fff;
         padding: 5px 10px;
         border-radius: 4px;
         cursor: pointer;
@@ -129,19 +171,36 @@
         right: 85px;
         color: white;
         font-weight: bold;
-        border: 1px solid #96015b;
-        background: #e3195a;
+        // 96015b
+        border: 1px solid #f49a4c;
+        // e3195a
+        background: #f49a4c;
         padding: 5px 10px;
         border-radius: 4px;
         cursor: pointer;
         z-index: 5;
+      }
+
+      .btn-export:hover {
+        color: #f49a4c;
+        border: 1px solid #f49a4c;
+      }
+
+      .btn-clear:hover {
+        background-color: #fff;
+        color: #f49a4c;
+        border: 1px solid #f49a4c;
       }
     }
   }
 
   .drawContent_wall {
     width: 100%;
-    height: 890px;
+    height: 765px;
+    .drawflow {
+      display: flex;
+      flex-direction: column;
+    }
   }
 
   .chapter {
@@ -337,7 +396,7 @@
       border: 1px solid #999;
       font-size: 15px;
       color: #000;
-      background-color: #eee;
+      background-color: #f9f9f9;
     }
 
     .imgBox-003 {
@@ -1416,7 +1475,7 @@
         width: 100%;
         border: 0 !important;
         font-size: 16px;
-        border-radius: 20px;
+        border-radius: 5px;
       }
     }
 
diff --git a/src/books/lifeCare/image/xxfs.png b/src/books/lifeCare/image/xxfs.png
new file mode 100644
index 0000000..fa80134
--- /dev/null
+++ b/src/books/lifeCare/image/xxfs.png
Binary files differ
diff --git a/src/books/lifeCare/index.vue b/src/books/lifeCare/index.vue
index 531847a..a236819 100644
--- a/src/books/lifeCare/index.vue
+++ b/src/books/lifeCare/index.vue
@@ -176,8 +176,7 @@
       },
     },
     loadPageList: {
-      handler(newVal, oldVal) {
-        console.log(newVal, "this.loadPageList");
+      handler() {
         setTimeout(() => {
           this.initSwiper();
           this.initViewer();
@@ -187,7 +186,7 @@
   },
   mounted() {
     // 榛樿鍔犺浇绔犺妭
-    this.showCatalogList = [1];
+    this.showCatalogList = [6];
     // 婊氬姩鐩戝惉鑺傛祦
     this.throttledScrollHandler = _.throttle(
       this.scrollFun,
diff --git a/src/books/lifeCare/view/chapter010.vue b/src/books/lifeCare/view/chapter010.vue
index 8b7738c..aca968e 100644
--- a/src/books/lifeCare/view/chapter010.vue
+++ b/src/books/lifeCare/view/chapter010.vue
@@ -599,9 +599,10 @@
           <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0174-1.jpg" />
           </p>
-          <div class="bk-tx">
-            <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-            <textarea v-model="chapter010.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+          <p><br/></p>
+          <div class="bk-tx border-xxfs">
+            <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
+            <textarea v-model="chapter010.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
               class="textareaInput" @blur="onBlurChange('text39')"></textarea>
           </div>
         </div>
diff --git a/src/books/lifeCare/view/chapter011.vue b/src/books/lifeCare/view/chapter011.vue
index 98e144b..e46248f 100644
--- a/src/books/lifeCare/view/chapter011.vue
+++ b/src/books/lifeCare/view/chapter011.vue
@@ -404,9 +404,10 @@
           <p>
             鏀剁撼绠$悊濠村辜鍎胯嵂鐗╂椂锛屽繀椤绘牴鎹�滃杺鑽鎵樺強鏈嶈嵂璁板綍琛ㄢ�濅笂鐨勫唴瀹硅繘琛屾牳瀵癸紝骞跺湪鑽墿鏍囩涓婃爣娉ㄧ敤鑽┐骞煎効鐨勫鍚嶃�傜粰鑽椂瑕佷粩缁嗘牳瀵癸紝纭繚濠村辜鍎跨敤鑽殑鍑嗙‘鎬у拰瀹夊叏鎬с��
           </p>
-          <div class="bk-tx">
-            <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-            <textarea v-model="chapter011.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+          <p><br/></p>
+          <div class="bk-tx border-xxfs">
+            <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
+            <textarea v-model="chapter011.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
               class="textareaInput" @blur="onBlurChange('text39')"></textarea>
           </div>
         </div>
diff --git a/src/books/lifeCare/view/chapter012.vue b/src/books/lifeCare/view/chapter012.vue
index a8f48b2..da2055e 100644
--- a/src/books/lifeCare/view/chapter012.vue
+++ b/src/books/lifeCare/view/chapter012.vue
@@ -189,7 +189,7 @@
           </p>
           <h4 class="h4-zt" id="d121">锛堜簩锛夋寚瀵煎┐骞煎効娲楁墜鐨勬祦绋�</h4>
           <p>淇濇暀浜哄憳鍙寜鐓у浘2-3-1鎵�绀虹殑娴佺▼鎸囧濠村辜鍎挎礂鎵嬨��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0185-2.jpg" />
           </p>
           <p class="img">鍥�2-3-1銆�鎸囧濠村辜鍎挎礂鎵嬬殑娴佺▼</p>
@@ -239,7 +239,7 @@
           </h3>
           <h4 class="h4-zt" id="d123">锛堜竴锛夊┐骞煎効鐪肩潧鐨勭壒鐐瑰強娓呮磥瑕佺偣</h4>
           <p>鐪肩潧鐨勭粨鏋勫鍥�2-3-2鎵�绀恒��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0186-1.jpg" />
           </p>
           <p class="img">鍥�2-3-2銆�鐪肩潧鐨勭粨鏋�</p>
@@ -291,7 +291,7 @@
           </p>
           <h4 class="h4-zt" id="d124">锛堜簩锛夊┐骞煎効鑰虫湹鐨勭壒鐐瑰強娓呮磥瑕佺偣</h4>
           <p>鑰虫湹鐨勭粨鏋勫鍥�2-3-3鎵�绀恒��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0187-1.jpg" />
           </p>
           <p class="img">鍥�2-3-3銆�鑰虫湹鐨勭粨鏋�</p>
@@ -335,7 +335,7 @@
         <div class="bodystyle">
           <h4 class="h4-zt" id="d125">锛堜笁锛夊┐骞煎効榧昏厰鐨勭壒鐐逛笌娓呮磥瑕佺偣</h4>
           <p>榧昏厰鐨勭粨鏋勫鍥�2-3-4鎵�绀恒��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0188-1.jpg" />
           </p>
           <p class="img">鍥�2-3-4銆�榧昏厰鐨勭粨鏋�</p>
@@ -388,12 +388,12 @@
           <p>
             闅欙紙灏栫墮鐨勪綅缃級锛�2宀佸乏鍙�4涓皷鐗欓暱鍑猴紱鏈�杩熻嚦2宀佸崐锛�4涓浜屼钩纾ㄧ墮钀屽嚭锛�20涓钩鐗欏叏閮ㄥ嚭榻愶紙瑙佸浘2-3-5銆佽〃2-3-1锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0189-1.jpg" />
           </p>
           <p class="img">鍥�2-3-5銆�涔崇墮钀屽嚭鐨勯『搴�</p>
           <p class="img">琛�2-3-1銆�涔崇墮钀屽嚭鏃堕棿</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0189-2.jpg" />
           </p>
           <p>
@@ -410,7 +410,7 @@
           <h5 class="h5-zt" id="e110">2.褰卞搷濠村辜鍎垮彛鑵斿仴搴风殑鍥犵礌</h5>
           <p>濠村辜鍎垮彛鑵斿仴搴峰彈鍒板緢澶氬洜绱犵殑褰卞搷锛岃琛�2-3-2銆�</p>
           <p class="img">琛�2-3-2銆�褰卞搷濠村辜鍎垮彛鑵斿仴搴风殑鍥犵礌鍙婄淮鎶ゅ彛鑵斿仴搴风殑鍋氭硶</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0189-3.jpg" />
           </p>
         </div>
@@ -455,7 +455,7 @@
           </p>
           <h4 class="h4-zt" id="d127">锛堜簲锛夊┐骞煎効鐨偆鐨勭壒鐐瑰強鐩ユ礂瑕佺偣</h4>
           <p>鐨偆鐨勭粨鏋勫鍥�2-3-6鎵�绀恒��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0190-1.jpg" />
           </p>
           <p class="img">鍥�2-3-6銆�鐨偆鐨勭粨鏋�</p>
@@ -573,7 +573,7 @@
         </div>
 
         <div class="bodystyle">
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0193-1.jpg" />
           </p>
           <p class="img">鍥�2-3-7銆�鎵樿偛鍥殑鐩ユ礂鐜</p>
@@ -621,9 +621,10 @@
           <p>
             鑹ソ鐨勭洢娲椾範鎯槸浜轰笉鍙己灏戠殑绱犺川涔嬩竴锛屽浜庡瀛愪粖鍚庣殑鍋ュ悍鍙戝睍涔熷叿鏈夌浉褰撻噸瑕佺殑浣滅敤銆傛垜浠簲浠庡皬涓哄瀛愭挱涓嬭壇濂戒範鎯殑绉嶅瓙锛屽洜涓烘湁鑹ソ鐩ユ礂涔犳儻鐨勫瀛愬皢缁堣韩鍙楃泭銆�
           </p>
-          <div class="bk-tx">
-            <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-            <textarea v-model="chapter012.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+          <p><br/></p>
+          <div class="bk-tx border-xxfs">
+            <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
+            <textarea v-model="chapter012.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
               class="textareaInput" @blur="onBlurChange('text39')"></textarea>
           </div>
         </div>
diff --git a/src/books/lifeCare/view/chapter013.vue b/src/books/lifeCare/view/chapter013.vue
index 56a80a2..f472627 100644
--- a/src/books/lifeCare/view/chapter013.vue
+++ b/src/books/lifeCare/view/chapter013.vue
@@ -396,7 +396,7 @@
           </h3>
           <p>鎵樿偛鏈烘瀯濡傚帟鐨勬寚瀵兼祦绋嬭琛�2-4-1</p>
           <p class="img">琛�2-4-1銆�濡傚帟鐜妭鍙婂叿浣撶殑瑕佹眰</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0202-1.jpg" />
           </p>
         </div>
@@ -588,9 +588,10 @@
           <p>
             閰嶅埗娴撳害涓�10000mg/L鐨勬湁鏁堟隘娑堟瘨娑诧紝鍊掑叆渚挎Ы鍐咃紝鎸夌収渚挎睜鍐呮Ы渚у鈥斾究姹犲唴妲藉簳閮ㄧ殑椤哄簭鍒锋礂锛屾渶鍚庢寜涓嬩究姹犲啿娲楁寜閽紝鍐叉礂娌熸Ы銆傚皬渚挎睜娑堟瘨鏃讹紝浣跨敤娴撳害涓�500mg/L鐨勬湁鏁堟隘娑堟瘨娑叉秷姣掞紝鐢ㄤ笓鐢ㄦ姽甯冭繘琛屾摝鎷紝娑堟瘨娑茬暀缃�30鍒嗛挓鍚庯紝鐢ㄥ共鍑�鎶瑰竷鎿︽嫮锛屽幓闄ゆ畫鐣欐秷姣掓恫銆�
           </p>
-          <div class="bk-tx">
-            <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-            <textarea v-model="chapter013.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+          <p><br/></p>
+          <div class="bk-tx border-xxfs">
+            <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
+            <textarea v-model="chapter013.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
               class="textareaInput" @blur="onBlurChange('text39')"></textarea>
           </div>
         </div>
diff --git a/src/books/lifeCare/view/chapter014.vue b/src/books/lifeCare/view/chapter014.vue
index 81d7388..f6f42af 100644
--- a/src/books/lifeCare/view/chapter014.vue
+++ b/src/books/lifeCare/view/chapter014.vue
@@ -110,7 +110,7 @@
             鑳介噺鏄汉绫讳竴鍒囩敓鍛芥椿鍔ㄧ殑鈥滃姩鍔涙簮鈥濓紝濠村辜鍎垮鑳介噺鐨勯渶姹備富瑕佷綋鐜板湪浠ヤ笅浜斾釜鏂归潰锛堣琛�2-5-1锛夈��
           </p>
           <p class="img">琛�2-5-1銆�濠村辜鍎胯兘閲忕殑闇�姹�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0208-1.jpg" />
           </p>
           <p>
@@ -145,7 +145,7 @@
             铔嬬櫧璐ㄣ�佽剛绫诲拰纰虫按鍖栧悎鐗╄繖涓夌被钀ュ吇绱狅紝浜轰綋闇�姹傞噺澶э紝鍦ㄨ喅椋熶腑鎵�鍗犳瘮閲嶅ぇ锛岃绉颁负瀹忛噺钀ュ吇绱狅紙瑙佽〃2-5-2锛夈��
           </p>
           <p class="img">琛�2-5-2銆�濠村辜鍎垮瀹忛噺钀ュ吇绱犵殑闇�姹�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0209-1.jpg" />
           </p>
           <h5 class="h5-zt" id="e122">2.寰噺钀ュ吇绱�</h5>
@@ -157,7 +157,7 @@
             缁寸敓绱犳槸濠村辜鍎挎甯稿彂鑲插拰鐢熷懡娲诲姩鎵�蹇呴渶鐨勭墿璐紝澶氭暟涓嶈兘鍦ㄤ汉浣撳唴鍚堟垚锛岃闈犻鐗╀緵缁欍�傛牴鎹憾瑙f�э紝缁寸敓绱犲彲鍒嗕负鑴傛憾鎬х淮鐢熺礌锛堢淮鐢熺礌A銆佺淮鐢熺礌D銆佺淮鐢熺礌E銆佺淮鐢熺礌K锛夊拰姘存憾鎬х淮鐢熺礌锛圔鏃忕淮鐢熺礌銆佺淮鐢熺礌C锛夈�傝剛婧舵�х淮鐢熺礌鎺掓硠杈冩參锛岀己涔忕棁鐘跺嚭鐜拌緝杩燂紝鏄撹搫绉彂鐢熶腑姣掞紱姘存憾鎬х淮鐢熺礌鎺掓硠杩呴�燂紝闇�姣忔棩渚涚粰锛岀己涔忓悗浼氬緢蹇嚭鐜扮棁鐘躲�傚┐骞煎効瀹规槗缂轰箯鐨勭淮鐢熺礌鏈変互涓�5绉嶏紙瑙佽〃2-5-3锛夈��
           </p>
           <p class="img">琛�2-5-3銆�濠村辜鍎垮鏄撶己涔忕殑缁寸敓绱�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0209-2.jpg" />
           </p>
         </div>
@@ -187,7 +187,7 @@
             鏃犳満鐩愬湪浜轰綋鍐呭惈閲忔瀬灏戯紝浣嗕笉鍙己灏戯紝鑳藉璋冭妭鐢熺悊鏈鸿兘銆傚┐骞煎効瀹规槗缂轰箯鐨勪富瑕佹湁瀹忛噺鍏冪礌閽欏拰寰噺鍏冪礌閾併�侀攲銆佺锛堣琛�2-5-4锛夈��
           </p>
           <p class="img">琛�2-5-4銆�濠村辜鍎垮鏄撶己涔忕殑鐭跨墿璐�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0210-2.jpg" />
           </p>
           <h5 class="h5-zt" id="e123">3.姘�</h5>
@@ -642,7 +642,7 @@
           </p>
           <p>涓嶅悓鏈堥緞濠村辜鍎夸竴鏃ラギ椋熷畨鎺掑叿浣撳涓嬶紙瑙佽〃2-5-5锛夈��</p>
           <p class="img">琛�2-5-5銆�涓嶅悓鏈堥緞濠村辜鍎夸竴鏃ラギ椋熷畨鎺掕〃</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0215-2.jpg" />
           </p>
         </div>
@@ -682,7 +682,7 @@
           <p>鈶$敤閲忓寵鐩涘彇鍑嗙‘鍒嗛噺鐨勫ザ绮夊姞鍏ュザ鐡躲��</p>
           <p>鈶㈢洊涓婇攣绱х幆鍜屽ザ鍢达紝鍏呭垎鎽囨檭濂剁摱锛屼娇濂剁矇涓庢按瀹屽叏铻嶅悎銆�</p>
           <p>涓栫晫鍗敓缁勭粐鎸囧畾鐨勯厤鏂瑰ザ绮夐厤鍒舵祦绋嬭鍥�2-5-1銆�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0216-1.jpg" />
           </p>
           <p class="img">鍥�2-5-1銆�閰嶆柟濂剁矇鐨勯厤鍒舵祦绋�</p>
@@ -697,7 +697,7 @@
           <p>
             鈶犵背绮夌殑鍐茶皟锛氬弬鑰冭皟閰嶈鏄庡皢閫傞噺鐨勬按锛堟瘝涔虫垨閰嶆柟濂讹級鍒嗘鍔犲叆绫崇矇鍐咃紝鍐嶇敤姹ゅ寵鎷屽寑褰㈡垚绫崇硦锛堣鍥�2-5-2锛夛紝鍙湪绫崇硦涓姞鍏ユ按鏋滄偿銆佽彍娉ユ垨鍏朵粬娉ョ硦鐘堕鐗┿��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0216-2.jpg" />
           </p>
           <p class="img">鍥�2-5-2銆�绫崇矇鐨勫啿璋冩楠�</p>
@@ -868,7 +868,7 @@
           <p>
             鍦ㄤ繚璇侀鐗╃儳鐔熺叜閫忋�佷繚璐ㄤ繚閲忕殑鍓嶆彁涓嬶紝灏介噺缂╃煭椋熺墿鐑у埗濂借嚦椋熺敤鐨勬椂闂达紝浠ュ強楗�佽彍銆佹堡鐨勫垎瑁呫�佽繍閫佹椂闂淬�傚簲缁欑洓楗�佽彍銆佹堡鐨勫鍣ㄥ姞鐩栵紝姹ょ敤鍙屽眰淇濇俯妗剁洓瑁咃紙瑙佸浘2-5-3锛夈��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0217-2.jpg" />
           </p>
           <p class="img">鍥�2-5-3銆�椋熺墿鍔犵洊淇濇俯</p>
@@ -899,7 +899,7 @@
           <h4 class="h4-zt" id="d179">锛堜竴锛夊悇绫婚鍏风殑鐗圭偣</h4>
           <p>鍚勭被濠村辜鍎块鍏风殑鐗圭偣瑙佽〃2-5-6銆�</p>
           <p class="img">琛�2-5-6銆�鍚勭被椁愬叿鐨勭壒鐐�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0218-1.jpg" />
           </p>
           <h4 class="h4-zt" id="d180">锛堜簩锛夊嫼瀛愮殑閫夋嫨</h4>
@@ -907,7 +907,7 @@
             閫夋嫨鍕哄瓙鏃惰鑰冭檻褰㈢姸銆佸ぇ灏忋�佹潗璐ㄧ瓑銆傞�傚悎濠村辜鍎跨殑鍕哄瓙搴斿ぇ灏忛�備腑锛屽嫼澶村ぇ灏忎负濠村辜鍎垮槾澶у皬鐨�1/3锝�2/3锛屽嫼鏌勮鐭�岀矖锛屾槗鎶撴彙銆傚彲閫夋嫨鏃犳瘨濉戞枡銆佺鑳躲�佸師鏈ㄣ�佷笉閿堥挗鍕哄瓙锛屼笉寤鸿浣跨敤闄剁摲鍕哄瓙銆傞�傚悎涓嶅悓鏈堥緞濠村辜鍎跨殑鍕哄瓙濡傝〃2-5-7鎵�绀恒��
           </p>
           <p class="img">琛�2-5-7銆�涓嶅悓鏈堥緞濠村辜鍎夸娇鐢ㄧ殑鍕哄瓙</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0218-2.jpg" />
           </p>
           <h4 class="h4-zt" id="d181">锛堜笁锛夌銆佺洏鐨勯�夋嫨</h4>
@@ -938,7 +938,7 @@
             閫夋嫨濉戞枡銆侀櫠鐡枫�佷笉閿堥挗鐨勶紝鎵樿偛鏈烘瀯浠ラ�夋嫨涓嶉攬閽㈢鏇翠负閫傚疁锛堣琛�2-5-8锛夈�傛澶栵紝濠村辜鍎夸娇鐢ㄧ鐨勫帤搴﹂渶鐩稿鍘氫竴浜涳紝鏃㈠彲閬垮厤鐑激锛屼篃鐩稿淇濇俯銆�
           </p>
           <p class="img">琛�2-5-8銆�涓嶅悓鏈堥緞濠村辜鍎夸娇鐢ㄧ殑纰椼�佺洏</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0219-1.jpg" />
           </p>
           <h4 class="h4-zt" id="d182">锛堝洓锛変笉閫傚悎濠村辜鍎跨殑椁愬叿</h4>
@@ -1114,7 +1114,7 @@
 
         <div class="bodystyle">
           <p class="img">琛�2-5-9銆�甯哥敤浠嬬粛楗彍鎸囧鐢ㄨ</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0221-1.jpg" />
           </p>
           <h4 class="h4-zt" id="d188">锛堜笁锛夋彁绀鸿繘椁愬父瑙�</h4>
@@ -1318,7 +1318,7 @@
             <p class="left"><b>鐩稿叧閾炬帴</b></p>
             <p>濠村辜鍎块ゥ楗辫涓鸿〃鐜帮紙瑙佽〃2-5-10锛夈��</p>
             <p class="img">琛�2-5-10銆�濠村辜鍎块ゥ楗辫涓鸿〃鐜�</p>
-            <p class="center">
+            <p class="center openImgBox">
               <img class="img-a" alt="" src="../image/0224-1.jpg" />
             </p>
           </div>
@@ -1645,7 +1645,7 @@
           </div>
           <h5 class="h5-zt" id="e198">3.娴佺▼</h5>
           <p>淇濊偛鍛樺簲寮曞骞煎効绠$悊涓汉鍗敓锛堣鍥�2-5-5锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0230-1.jpg" />
           </p>
           <p class="img">鍥�2-5-5銆�寮曞骞煎効绠$悊涓汉鍗敓鐨勬祦绋�</p>
@@ -1694,9 +1694,10 @@
           <p>
             淇濊偛鍛樺彲浠ュ湪鏀舵斁椁愬叿澶勶紝鎸夌収椁愬叿鎽嗘斁椤哄簭璐翠笂鐩稿簲鐨勬爣蹇椼�傚彟澶栵紝骞煎効鏀剧鏃剁粡甯稿嚭鐜伴鍏风爜寰楀お楂樿�屽�掑鐨勭幇璞★紝鍙互寮曞骞煎効鈥滅洊妤兼埧鈥濓紝鍝骇鈥滄ゼ鎴库�濈煯灏辫鐩栧摢搴э紱鍙互鍒╃敤鎯呭寮曞濠村辜鍎垮垽鏂璇紝榧撳姳骞煎効鍒ゆ柇鍝簺鍋氬緱瀵广�佸摢浜涘仛寰楅敊锛屽苟璁叉槑鍋氬嚭鍒ゆ柇鐨勭悊鐢憋紱杩樺彲浠ラ噰鐢ㄥ垎妗屾垨鎸夋暟閲忔憜鏀剧殑鏂规硶銆�
           </p>
-          <div class="bk-tx">
-            <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-            <textarea v-model="chapter014.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+          <p><br/></p>
+          <div class="bk-tx border-xxfs">
+            <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
+            <textarea v-model="chapter014.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
               class="textareaInput" @blur="onBlurChange('text39')"></textarea>
           </div>
         </div>
diff --git a/src/books/lifeCare/view/chapter015.vue b/src/books/lifeCare/view/chapter015.vue
index ba4b503..3852ad5 100644
--- a/src/books/lifeCare/view/chapter015.vue
+++ b/src/books/lifeCare/view/chapter015.vue
@@ -141,7 +141,7 @@
             鎹湁鍏冲弬鑰冭祫鏂欙紝1宀佷互鍐呯殑濠村効姣忔棩姣忓崈鍏嬩綋閲嶅簲鎽勫彇120锝�135mL鐨勬按锛�2锝�3宀佺殑骞煎効姣忔棩姣忓崈鍏嬩綋閲嶅簲鎽勫彇100锝�140mL鐨勬按锛�4锝�6宀佺殑骞煎効姣忔棩姣忓崈鍏嬩綋閲嶅簲鎽勫叆90锝�110mL鐨勬按锛堣琛�2-6-1锛夈��
           </p>
           <p class="img">琛�2-6-1銆�姝e父濠村辜鍎块渶姘撮噺鐨勫弬鑰冨�硷紙姣�24灏忔椂锛�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0234-1.jpg" />
           </p>
           <p>
@@ -318,7 +318,7 @@
           </h3>
           <p>甯歌鐨勪笌楗敤姘存湁鍏崇殑闂鍙婄瓟妗堝琛�2-6-2鎵�绀恒��</p>
           <p class="img">琛�2-6-2銆�甯歌鐨勪笌楗敤姘存湁鍏崇殑闂鍙婄瓟妗�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0237-1.jpg" />
           </p>
           <h3 id="c092">
@@ -348,7 +348,7 @@
         </div>
         <div class="bodystyle">
           <p class="img">琛�2-6-3銆�涓嶅悓鏈堥緞濠村辜鍎跨殑楗按鍣ㄥ叿</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0238-1.jpg" />
           </p>
           <p>
@@ -397,7 +397,7 @@
           </p>
           <h4 class="h4-zt" id="d224">锛堜簩锛夋寚瀵煎辜鍎垮浼氭纭殑鎺ユ按鏂规硶</h4>
           <p>淇濊偛鍛樺簲鎸囧骞煎効瀛︿細姝g‘鐨勬帴姘存柟娉曪紙瑙佸浘2-6-1锛夈��</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0239-1.jpg" />
           </p>
           <p class="img">鍥�2-6-1銆�姝g‘鐨勬帴姘存柟娉�</p>
@@ -582,9 +582,10 @@
           <p>
             鈶e畾鏈熷悜瀹堕暱浜嗚В骞煎効鍦ㄥ涓诲姩楗按鐨勬儏鍐碉紝缁欎簣瀹堕暱鐪熻瘹鐨勮偗瀹氫笌婵�鍔憋紝淇冭繘瀹跺洯鍚堜綔椤哄埄寮�灞曘��
           </p>
-          <div class="bk-tx">
-            <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-            <textarea v-model="chapter015.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+          <p><br/></p>
+          <div class="bk-tx border-xxfs">
+            <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
+            <textarea v-model="chapter015.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
               class="textareaInput" @blur="onBlurChange('text39')"></textarea>
           </div>
         </div>
diff --git a/src/books/lifeCare/view/chapter016.vue b/src/books/lifeCare/view/chapter016.vue
index db29927..16943bc 100644
--- a/src/books/lifeCare/view/chapter016.vue
+++ b/src/books/lifeCare/view/chapter016.vue
@@ -122,7 +122,7 @@
 
         <div class="bodystyle">
           <p class="img">琛�2-7-1銆�涓嶅悓鏈堥緞濠村辜鍎跨殑姣忔棩鐫$湢</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0245-1.jpg" />
           </p>
           <h3 id="c098">
@@ -242,7 +242,7 @@
           <p>
             淇濊偛鍛樺彲浠ュ埄鐢ㄥ効姝屻�佸浘鐗囷紙瑙佸浘2-7-1锛夌瓑鏉ュ府鍔╁┐骞煎効鎻愰珮绌胯劚琛g墿鐨勫叴瓒e苟鍔犲己瀵规搷浣滄妧鑳界殑鎺屾彙銆備緥濡傦紝鍎挎瓕銆婅劚瑁ゅ瓙銆嬶細鈥滃弻鎵嬫姄绱у皬瑁よ叞锛屼竴涓嬭劚鍒拌啙鐩栦笅銆傚啀鐢ㄥ皬鎵嬫媺瑁よ剼锛屾渶鍚庤繕瑕佹憜鎽嗗ソ銆傗�濆張濡傚効姝屻�婂彔琛f瓕銆嬶細鈥滀几浼告墜锛屼几浼告墜锛屾姳鎶辫噦锛屾姳鎶辫噦锛屽集寮叞锛屽集寮叞锛屾垜鐨勮。鏈嶅彔濂戒簡銆傗��
           </p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-b" alt="" src="../image/0247-1.jpg" />
           </p>
           <p class="img">鍥�2-7-1銆�绀轰緥</p>
@@ -289,7 +289,7 @@
             濠村辜鍎跨殑韬綋鍜岄楠煎皻鏈彂鑲插畬鍠勶紝鍥犳锛屼笉搴旇鍥哄畾涓�绉嶇潯濮匡紝搴斿紩瀵煎┐骞煎効浜ゆ浛浣跨敤鍚勭鐫″Э銆備絾1宀佷箣鍓嶅疁鐢ㄤ话鍗т綅锛屼笉瀹滅敤淇崸浣嶃�傚�煎緱娉ㄦ剰鐨勬槸锛氫竴鑸垰鍠傚畬濂剁殑鏂扮敓鍎挎渶濂戒笉瑕佺珛鍗抽噰鐢ㄤ话鍗уЭ鍔匡紝鍥犱负杩欐牱瀹规槗寮曡捣瀹濆疂鍚愬ザ锛屼娇涔虫眮娌跨潃鑴搁娴佸叆鑰冲唴鑰岃鍙戜腑鑰崇値锛屽簲璁╁叾鍏堜互鍙充晶鍗т綅鐫″崐灏忔椂锛岀劧鍚庢敼鎹话鍗уЭ鍔匡紱缁忓父鍚愬ザ銆佸懠鍚搁亾鍒嗘硨鐗╄緝澶氱殑濠村効锛屽彲浠ヤ负鍏堕�夋嫨淇崸浣嶏紝浣嗚濮垮娍瀹规槗鍫靛鍏堕蓟鍢达紝閫犳垚绐掓伅鐨勫嵄闄╋紝瀵艰嚧濠村効鐚濇缁煎悎寰侊紝闇�瑕佸瘑鍒囪瀵熷叾闈㈤儴鎯呭喌锛涘┐骞煎効閲囧彇宸﹀彸渚у崸浣嶇潯瑙夋椂锛岃閬垮厤鎶婂┐骞煎効鐨勮�抽儹鍘嬪悜鍓嶆柟锛屽惁鍒欒�抽儹浼氬彉褰€�傚┐骞煎効涓嶅悓鐫″Э鐨勪紭缂虹偣瑙佽〃2-7-2銆�
           </p>
           <p class="img">琛�2-7-2銆�濠村辜鍎夸笉鍚岀潯濮跨殑浼樼己鐐�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0248-1.jpg" />
           </p>
         </div>
@@ -411,9 +411,10 @@
           <p>
             鏍规嵁濠村辜鍎跨殑骞撮緞鐗圭偣锛屼繚鑲插憳搴旈噰鐢ㄥ叿浣撳舰璞$殑鏂规硶锛岄�愭笎鍩瑰吇濠村辜鍎跨┛鑴卞苟鑷富鍙犳斁琛f湇銆佹憜鏀鹃瀷瀛愮殑鑳藉姏銆傛棦涓嶈兘鍖呭姙浠f浛锛屼笉缁欏┐骞煎効瀛︿範鍜岀粌涔犵殑鏈轰細锛屼篃涓嶈兘浠荤敱濠村辜鍎胯嚜宸辨帰绱€�備繚鑲插憳搴旀帉鎻℃纭殑鎸囧鏂瑰紡锛屽湪鐫$湢鐓ф枡鐨勭幆鑺備腑甯姪濠村辜鍎垮舰鎴愯壇濂界殑鑷悊鑳藉姏銆�
           </p>
-          <div class="bk-tx">
-            <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-            <textarea v-model="chapter016.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+          <p><br/></p>
+          <div class="bk-tx border-xxfs">
+            <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
+            <textarea v-model="chapter016.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
               class="textareaInput" @blur="onBlurChange('text39')"></textarea>
           </div>
         </div>
diff --git a/src/books/lifeCare/view/chapter017.vue b/src/books/lifeCare/view/chapter017.vue
index d91437f..b0eb704 100644
--- a/src/books/lifeCare/view/chapter017.vue
+++ b/src/books/lifeCare/view/chapter017.vue
@@ -178,7 +178,7 @@
           </h3>
           <p>涓嶅悓鏈堥緞鐨勫辜鍎跨殑绂诲洯涔犳儻鍩瑰吇瑕佺偣濡備笅锛堣琛�2-8-1锛�</p>
           <p class="img">琛�2-8-1銆�绂诲洯鐨勫ソ涔犳儻</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0255-1.jpg" />
           </p>
           <h3 id="c107">
@@ -210,14 +210,14 @@
           <P>濠村辜鍎跨殑琛屼负鍜屽仴搴枫�傜鍥椂锛屼繚鏁欎汉鍛樺彲浠ュ拰瀹堕暱杩涜绠�鍗曠殑浜ゆ祦锛岀獊鍑哄┐骞煎効鍦ㄥ洯鎵�涓�鏃ヤ腑姣旇緝閲嶈鐨勪簨浠跺拰鐜妭锛堣琛�2-8-2锛夈��
           </P>
           <p class="img">琛�2-8-2銆�绂诲洯鐜妭鐨勬矡閫氬舰寮忎笌涓婚</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0256-1.jpg" />
           </p>
           <p>
             鑻ラ渶瑕佽繘琛岃缁嗙殑绾夸笅浜ゆ祦锛屾暀甯堝彲浠ヨ瀹堕暱鎻愬墠棰勭害鏃堕棿鍜屽唴瀹癸紙瑙佽〃2-8-3锛夛紝浜ゆ祦鐨勭洰鐨勬槸璁╁┐骞煎効鐨勫闀夸笌鎵樿偛鍥郊姝ゅ濠村辜鍎跨殑韬績鍙戝睍銆佸仴搴锋垚闀块兘鏈夋洿娣卞叆鐨勪簡瑙o紝涓庡闀跨浉浜掑悎浣滐紝鍒嗕韩淇℃伅锛屽缓绔嬬浉浜掑�惧惉鐨勫鍥叡鑲蹭簰鍔ㄦā寮忋��
           </p>
           <p class="img">琛�2-8-3銆�瀹堕暱棰勭害浜ゆ祦璁板綍琛�</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0256-2.jpg" />
           </p>
         </div>
@@ -284,12 +284,13 @@
         </div>
         <div class="bodystyle">
           <p class="img">琛�2-8-4銆�鎵樿偛鍥父鐢ㄧ墿鍝佹秷姣掑伐浣滆〃</p>
-          <p class="center">
+          <p class="center openImgBox">
             <img class="img-a" alt="" src="../image/0257-1.jpg" />
           </p>
-          <div class="bk-tx">
-            <p class="left"><span class="bj3">瀛︿範鍙嶆��</span></p>
-            <textarea v-model="chapter017.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="5"
+          <p><br/></p>
+          <div class="bk-tx border-xxfs">
+            <div class="bj3"><span class="cirlce"></span><span>瀛︿範鍙嶆��</span></div>
+            <textarea v-model="chapter017.textAreaItem.text39" style="border: 0" placeholder="璇疯緭鍏ュ唴瀹�" rows="8"
               class="textareaInput" @blur="onBlurChange('text39')"></textarea>
           </div>
         </div>
@@ -300,7 +301,6 @@
 <script>
 export default {
   name: "chapter-017",
-
   props: {
     showPageList: {
       type: Array,
diff --git a/src/books/lifeCare/view/chapter018.vue b/src/books/lifeCare/view/chapter018.vue
index a11d3a6..89b9579 100644
--- a/src/books/lifeCare/view/chapter018.vue
+++ b/src/books/lifeCare/view/chapter018.vue
@@ -80,11 +80,10 @@
 </template>
 <script>
 export default {
-  name: 'chapter-009',
+  name: 'chapter-019',
   props: {
     showPageList: {
       type: Array,
-      default: [],
     },
     questionData: {
       type: Object,
diff --git a/src/components/drawflow/index.vue b/src/components/drawflow/index.vue
index d9fc97f..5777aac 100644
--- a/src/components/drawflow/index.vue
+++ b/src/components/drawflow/index.vue
@@ -21,7 +21,7 @@
         </div>
       </div>
     </div>
-    <div class="content" :id="strId" @drop="drop" @dragover="allowDrop">
+    <div class="content" :style="{ borderColor: primaryColor ? primaryColor : '#ccc' }" :id="strId" @drop="drop" @dragover="allowDrop">
       <div class="btn-export" @click="exportData">瀵煎嚭</div>
       <div class="btn-clear" @click="editor.clearModuleSelected()">娓呯┖</div>
     </div>

--
Gitblit v1.9.1