dq-sms/src/pages/safe_majorHazard/module/OnlineMonitoring.js

import React from 'react';
import { Card, Result } from 'antd';
import styles from './OnlineMonitoring.less';

import alarm0 from '@/assets/safe_majorHazard/online_monitoring/alarm0.png';
import alarm1 from '@/assets/safe_majorHazard/online_monitoring/alarm1.png';
import alarm2 from '@/assets/safe_majorHazard/online_monitoring/alarm2.png';
import alarm3 from '@/assets/safe_majorHazard/online_monitoring/alarm3.png';



const OnlineMonitoring = () => {
    return (
        <div className={styles.Econtainer}>
            <div className={styles.EcontainerTop}>
                <div className={styles.EcontainerTopLeft}>
                    <div className={styles.EcontainerTopLeftTop}>
                        <div className={styles.alarmO}>

                            <div className={styles.alarmOLeft}>
                                <img style={{ width: 58, height: 47 }} src={alarm0} alt='alarm0' />
                            </div>
                            <div className={styles.alarmORight}>
                              <div>总报警</div>
                              <div>1456</div>
                              <div>
                                <div>
                                    未处理 <text style={{ color: '#FF4D4F' }}>6</text>
                                </div>
                                <div>处理中 <text>10</text></div>
                              </div>
                            </div>

                        </div>
                        <div className={styles.alarmTw}></div>
                        <div className={styles.alarmTh}></div>
                        <div className={styles.alarmF}></div>
                    </div>
                    <div className={styles.EcontainerLeftBottom}></div>
                </div>
                <div className={styles.EcontainerRight}></div>
            </div>
            <div className={styles.EcontainerBottom}></div>
        </div>
    );
};

export default OnlineMonitoring;