事件预警管理页面

src/pages/business_emergencyAccident/components/EventWarningManagement.js

@@ -386,21 +386,21 @@ const EventWarningManagement = () => {
             title: '预警类型',
             dataIndex: 'alertType',
             key: 'alertType',
-            width: 120,
+            width: 110,
             align: 'center'
         },
         {
             title: '来源渠道',
             dataIndex: 'sourceChannel',
             key: 'sourceChannel',
-            width: 150,
+            width: 130,
             align: 'center'
         },
         {
             title: '影响区域',
             dataIndex: 'affectedArea',
             key: 'affectedArea',
-            width: 180,
+            width: 160,
             align: 'center'
         },
         {
@@ -422,7 +422,7 @@ const EventWarningManagement = () => {
                 }
 
                 return (
-                    <Tag style={{ color, backgroundColor, border: 'none'}}>
+                    <Tag style={{ color, backgroundColor, border: 'none' }}>
                         {text}
                     </Tag>
                 );
@@ -442,17 +442,30 @@ const EventWarningManagement = () => {
             width: 100,
             align: 'center',
             render: (text) => {
-            let color =""
+                let color = "#00AAFA"
+                let backgroundColor = "#DAF3FF"
+                if (text === '处理中') {
+                    color = '#FF8800';
+                    backgroundColor = '#FFF3E9';
+                } else if (text === '已处理') {
+                    color = '#44BB5F';
+                    backgroundColor = '#D8F7DE';
+                }
+
+                return (
+                    <Tag style={{ color, backgroundColor, border: 'none' }}>{text}</Tag>
+                )
+            }
         },
         {
             title: '操作',
             key: 'action',
-            width: 120,
+            width: 140,
             align: 'center',
             render: (_, record) => (
-                <div className={styles.actionButtons}>
-                    <Button type="link" size="small" icon={<EditOutlined />}>编辑</Button>
-                    <Button type="link" size="small" icon={<EyeOutlined />}>查看</Button>
+                <div className={styles.actionButtons} style={{display:"flex", gap:"20px"}}>
+                    <Button type="link" size="small" style={{color:"#2E4CD4"}}>编辑</Button>
+                    <Button type="link" size="small" style={{color:"#2E4CD4"}}>查看</Button>
                 </div>
             )
         }