5.22 高质量运营样式修复

src/pages/HighQualityOperation/Management/EventMaintenance/components/EventMaintenanceModal.tsx

@@ -163,6 +163,7 @@ const EventMaintenanceModal: React.FC<EventMaintenanceModalProps> = (props) => {
             onOk={() => onSubmit()}
             okButtonProps={{ loading: loading, hidden: readOnly }}
             okText="保存"
+            className='h-event-maintenance'
             maskClosable={false}
             style={{ maxHeight: modalHeight }}
             bodyStyle={{ maxHeight: modalHeight - 108, overflowY: 'auto', }}
@@ -236,7 +237,7 @@ const EventMaintenanceModal: React.FC<EventMaintenanceModalProps> = (props) => {
                     </Form.Item>
                     <Form.Item name="content" label="正文内容">
                         {readOnly ? (
-                            <div style={{ border: '1px solid #c9d8db', padding: '16px', overflowX: 'auto' }}>
+                            <div style={{ border: '1px solid #c9d8db', padding: '16px', overflowX: 'auto' }} className='content-div'>
                                 <div dangerouslySetInnerHTML={{ __html: record?.content }}></div>
                             </div>
                         ) : (

src/pages/HighQualityOperation/style.less

@@ -679,3 +679,61 @@
     }
   }
 }
+
+.h-event-maintenance .content-div {
+
+  /* table 样式 */
+  table {
+    border-top: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+  }
+
+  table td,
+  table th {
+    border-bottom: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    padding: 3px 5px;
+  }
+
+  table td p {
+    text-indent: 0 !important;
+    margin-bottom: 0 !important;
+  }
+
+  table th {
+    border-bottom: 2px solid #ccc;
+    text-align: center;
+  }
+
+  /* blockquote 样式 */
+  blockquote {
+    display: block;
+    border-left: 8px solid #d0e5f2;
+    padding: 5px 10px;
+    margin: 10px 0;
+    line-height: 1.4;
+    font-size: 100%;
+    background-color: #f1f1f1;
+  }
+
+  /* code 样式 */
+  code {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
+    background-color: #f1f1f1;
+    border-radius: 3px;
+    padding: 3px 5px;
+    margin: 0 3px;
+  }
+
+  pre code {
+    display: block;
+  }
+
+  /* ul ol 样式 */
+  ul,
+  ol {
+    margin: 10px 0 10px 20px;
+  }
+}