修改editor样式

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

@@ -28,7 +28,7 @@
                     <vxe-table height="auto" v-bind="defaultAttribute" :data="dotList?.childrens[radio]?.children">
                         <vxe-column field="name" title="算法名称"></vxe-column>
                         <vxe-column field="createTime" title="创建时间"></vxe-column>
-               
+
                         <vxe-column field="period" title="计算周期">
                             <template #default="{ row }">
                                 {{
@@ -82,7 +82,7 @@
             @getTree="treeRef.loadData(dotList.id), (popupEditFlag = false)" />
         <!-- 定义 -->
         <el-dialog v-model="viewFlag" title="定义" width="60%">
-            <div v-html="summary" style="min-height: 300px;" />
+            <div class="editor" v-html="summary" style="min-height: 300px;" />
         </el-dialog>
         <!-- 删除 -->
         <el-dialog v-model="dialogVisible" title="请选择需要删除的数据" width="400">
@@ -287,4 +287,27 @@ const change = (row: any) => {
     display: flex;
     justify-content: space-between;
 }
+
+.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>