修改editor样式

src/views/pqs/database/case/components/annex.vue

@@ -23,7 +23,7 @@
             </el-descriptions-item>]
             <div>
                 <el-descriptions-item label="事件简介">
-                    <div v-html="tableData.summary"></div>
+                    <div class='editor' v-html="tableData.summary"></div>
                 </el-descriptions-item>
             </div>
         </el-descriptions>
@@ -109,4 +109,26 @@ defineExpose({ open })
     margin-left: 10px;
     color: #0000EE;
 }
+.editor {
+    table {
+        width: 100%;
+        border-collapse: collapse;
+    }
+
+    th,
+    td {
+        border: 1px solid black;
+        padding: 8px;
+        text-align: center;
+    }
+
+    th {
+        background-color: #f2f2f2;
+        font-weight: bold;
+    }
+
+    td {
+        background-color: #ffffff;
+    }
+}
 </style>

src/views/pqs/database/case/index.vue

@@ -20,7 +20,7 @@
         <PopupEdit ref="popupEditRef" @onSubmit="tableStore.index()" />
         <!-- 简介详情 -->
         <el-dialog v-model="dialogVisible" title="事件简介" width="60%">
-            <div v-html="summary"></div>
+            <div class="editor" v-html="summary"></div>
         </el-dialog>
         <!-- 抽屉 -->
         <drawer ref="drawerRef" />
@@ -222,4 +222,27 @@ const downloadTheReport = () => {
     })
 }
 </script>
-<style lang="scss"></style>
+<style lang="scss">
+.editor {
+    table {
+        width: 100%;
+        border-collapse: collapse;
+    }
+
+    th,
+    td {
+        border: 1px solid black;
+        padding: 8px;
+        text-align: center;
+    }
+
+    th {
+        background-color: #f2f2f2;
+        font-weight: bold;
+    }
+
+    td {
+        background-color: #ffffff;
+    }
+}
+</style>