From cba387907a77b2286ee55e7b6a02381e66bb68ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Tue, 23 Apr 2024 16:23:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RehabilitationPlanandRecords.vue          | 78 +++++++++----------
 .../manage/components/healthEducation.vue     | 40 +++++-----
 2 files changed, 58 insertions(+), 60 deletions(-)

diff --git a/src/views/manage/components/RehabilitationPlanandRecords.vue b/src/views/manage/components/RehabilitationPlanandRecords.vue
index 584830e..e04c2f2 100644
--- a/src/views/manage/components/RehabilitationPlanandRecords.vue
+++ b/src/views/manage/components/RehabilitationPlanandRecords.vue
@@ -135,16 +135,12 @@
         </el-dialog>
         <!-- 宣教预览弹框 -->
         <el-dialog title="宣教预览" :visible.sync="propagandaopen" width="30%" :before-close="openfalse">
-            <div class="titletop">文章模板:{{ lookitem.propagandaTitle }}</div>
             <div class="bodytop">
+                <div class="titletop">文章模板:{{ lookitem.propagandaTitle }}</div>
                 <div class="titledata">{{ lookitem.propagandaTitle }}</div>
-                <div>
-                    <img :src="baseUrl + lookitem.propagandaCoverPath" alt="" />
-                    <div class="know">知识卡片</div>
-                    <div class="knowlist">
-                        {{ lookitem.propagandaContent }}
-                    </div>
-                </div>
+                <img :src="baseUrl + lookitem.propagandaCoverPath" alt="" />
+                <div class="know">知识卡片</div>
+                <div v-html="lookitem.propagandaContent"></div>
             </div>
         </el-dialog>
         <!-- 问卷预览弹框 -->
@@ -260,6 +256,41 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.bodytop {
+    width: 96%;
+    margin: 0 auto;
+
+    .titletop {
+        font-size: 20px;
+        font-weight: 700;
+        margin: 10px 0px 0 0;
+    }
+
+    .titledata {
+        margin: 30px 0px 15px 0;
+        font-size: 16px;
+    }
+
+    img {
+        margin: 20px 0;
+        width: 100%;
+    }
+
+    .audiotop {
+        margin: 10px 0px 10px 0;
+    }
+
+    .know {
+        margin: 11px 0px 10px 0;
+        font-size: 16px;
+    }
+
+    .knowlist {
+        margin: 10px 0px 10px 0;
+        font-size: 16px;
+    }
+}
+
 .header {
     background-color: #fff !important;
     padding: 0 !important;
@@ -283,37 +314,6 @@ export default {
             }
         }
 
-        .titletop {
-            font-size: 16px;
-            font-weight: 700;
-            margin: 10px 0px 0 20px;
-        }
-
-        .bodytop {
-            .titledata {
-                margin: 30px 0px 15px 20px;
-                font-size: 20px;
-            }
-
-            .audiotop {
-                margin: 10px 0px 10px 20px;
-            }
-
-            img {
-                margin: 0px 0px 0px 20px;
-            }
-
-            .know {
-                margin: 11px 0px 10px 20px;
-                font-size: 16px;
-            }
-
-            .knowlist {
-                margin: 10px 0px 10px 20px;
-                font-size: 16px;
-            }
-        }
-
         .texts {
             margin: 16px 0 20px;
             flex-wrap: wrap;
diff --git a/src/views/manage/components/healthEducation.vue b/src/views/manage/components/healthEducation.vue
index d553524..9c7e718 100644
--- a/src/views/manage/components/healthEducation.vue
+++ b/src/views/manage/components/healthEducation.vue
@@ -10,18 +10,13 @@
         </div>
         <div class="rightheader" v-if="categorylist.length > 0">
             <div class="richtext">
-                <div class="titletop">文章模板:{{ categoryItem.propagandaTitle }}</div>
                 <div class="bodytop">
+                    <div class="titletop">文章模板:{{ categoryItem.propagandaTitle }}</div>
                     <div class="titledata">{{ categoryItem.propagandaTitle }}</div>
-                    <div>
-                        <img :src="baseUrl + categoryItem.propagandaCoverPath" alt="" />
-                        <div class="know">知识卡片</div>
-                        <div class="knowlist">
-                            {{ categoryItem.propagandaContent }}
-                        </div>
-                    </div>
+                    <img :src="baseUrl + categoryItem.propagandaCoverPath" alt="" />
+                    <div class="know">知识卡片</div>
+                    <div v-html="categoryItem.propagandaContent"></div>
                 </div>
-                <div v-html="categoryItem.propagandaContent"></div>
             </div>
         </div>
         <el-empty description="暂无" style="width: 100%;" v-else></el-empty>
@@ -84,33 +79,36 @@ export default {
         padding-top: 20px;
         border-left: 3px solid #DFE4ED;
 
-        .titletop {
-            font-size: 16px;
-            font-weight: 700;
-            margin: 10px 0px 0 20px;
-        }
-
         .bodytop {
-            .titledata {
-                margin: 30px 0px 15px 20px;
+            width: 96%;
+            margin: 0 auto;
+
+            .titletop {
                 font-size: 20px;
+                font-weight: 700;
+                margin: 10px 0px 0 0;
+            }
+
+            .titledata {
+                margin: 30px 0px 15px 0;
+                font-size: 16px;
             }
 
             .audiotop {
-                margin: 10px 0px 10px 20px;
+                margin: 10px 0px 10px 0;
             }
 
             img {
-                margin: 0px 0px 0px 20px;
+                margin: 0px 0px 0px 0;
             }
 
             .know {
-                margin: 11px 0px 10px 20px;
+                margin: 11px 0px 10px 0;
                 font-size: 16px;
             }
 
             .knowlist {
-                margin: 10px 0px 10px 20px;
+                margin: 10px 0px 10px 0;
                 font-size: 16px;
             }
         }