样式调整

src/views/externalReport/Preview.vue

@@ -102,12 +102,12 @@ function getFileIcon(name) {
     <div class="report-detail-page" v-if="reportInfo">
         <h1 class="report-title">{{reportInfo.Title}}</h1>
         <div class="auth-box">
-            <span>{{reportInfo.SysUserName}}</span>
+            <span><!-- {{reportInfo.SysUserName}} --></span>
             <span>{{reportInfo.CreateTime}}</span>
         </div>
-        <div class="report-abstract" v-if="reportInfo.Abstract">摘要：{{reportInfo.Abstract}}</div>
         
-        <div class="report-html-wrap" v-html="reportInfo.Content"></div>
+        <div class="report-html-wrap" v-html="reportInfo.Abstract" v-if="reportInfo.Abstract"></div>
+        <div class="report-html-wrap" v-html="reportInfo.Content" v-if="reportInfo.Content"></div>
         
         <van-floating-panel :content-draggable="false" v-if="fileLen">
             <div class="attachments-wrapper">
@@ -206,7 +206,22 @@ function getFileIcon(name) {
         }
     }
 }
-
+.report-html-wrap {
+    img {
+        display: "block";
+        margin: "0 auto";
+        max-width: "100%";
+        height:'auto'
+    }
+    table {
+        width:'100%';
+        table-layout: 'fixed';
+        overflow:'auto';
+        p,span {
+            font-size: 10px !important;
+        }
+    }
+}
 .van-floating-bubble {
     width: 48px;
     height: 48px;