| | |
|---|
| | | |
|---|
| | | import React, { useState, useEffect, useCallback } from 'react'; |
|---|
| | | import { Modal, List } from 'antd'; |
|---|
| | | import { WarningOutlined, RightOutlined } from '@ant-design/icons'; |
|---|
| | | import { RightOutlined } from '@ant-design/icons'; |
|---|
| | | import { useCaseData } from '../../contexts/CaseDataContext'; |
|---|
| | | import MediationTimelineAPIService from '../../services/MediationTimelineAPIService'; |
|---|
| | | import './WarningAlert.css'; |
|---|
| | | |
|---|
| | | // 警告图标图片 |
|---|
| | | const WARNING_ICON = '/warning.png'; |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 预警消息列表弹窗 |
|---|
| | | */ |
|---|
| | | const WarningModal = ({ visible, warnings, onClose }) => ( |
|---|
| | | <Modal |
|---|
| | | title={<span><WarningOutlined style={{ color: '#faad14', marginRight: 8 }} />预警消息列表</span>} |
|---|
| | | title={<span><img src={WARNING_ICON} alt="warning" className="warning-modal-icon" />预警消息列表</span>} |
|---|
| | | open={visible} |
|---|
| | | onCancel={onClose} |
|---|
| | | footer={null} |
|---|
| | |
|---|
| | | return ( |
|---|
| | | <div className="warning-alert"> |
|---|
| | | <div className="warning-alert-content"> |
|---|
| | | <WarningOutlined className="warning-icon" /> |
|---|
| | | <img src={WARNING_ICON} alt="warning" className="warning-icon-img" /> |
|---|
| | | <span className="warning-label">预警：</span> |
|---|
| | | <span className="warning-text">{firstWarning.content}</span> |
|---|
| | | </div> |
|---|
