修改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>

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>

src/views/pqs/voltageSags/Region/severity/index.vue

@@ -102,7 +102,7 @@ const map = (res: any) => {
         },
 
         visualMap: {
-            left: 26,
+            left: 25,
             bottom: 40,
             show: true,
             inRange: {