import React from 'react';
import styles from './EnvironmentalTaskList.less';

const EnvironmentalTaskList = () => {
    return (
        <div className={styles.environmentalTaskListContainer}>
            <div className={styles.environmentalTaskListContent}>
                <div className={styles.environmentalTaskListText}>
                    <h2>2) 环保管理任务清单</h2>
                    <p>依据排污许可证副本中的环保要求,提供生成环保管理要求任务清单;</p>
                    <p>环保任务清单包括:大气排放口信息,大气污染物有组织排放许可年限值,大气污染物无组织排放年限制、企业大气排放总许可量;废水排放口、废水污染物排放许可限制;固体废物排放信息、自行贮存和自行利用/处置设施信息;工业噪声排放信息;</p>
                    <p>环境管理要求包括:自行检测及记录表、环境管理台账记录。</p>
                </div>
            </div>
            <div className={styles.environmentalTaskListPagination}>
                <div className={styles.paginationInfo}>
                    <span>共85条</span>
                </div>
                <div className={styles.paginationControls}>
                    <select className={styles.pageSizeSelect}>
                        <option value="5">5/page</option>
                    </select>
                    <div className={styles.pageNumbers}>
                        <button className={styles.pageButton}>&lt;</button>
                        <button className={styles.pageNumber}>1</button>
                        <span className={styles.pageEllipsis}>...</span>
                        <button className={styles.pageNumber}>4</button>
                        <button className={styles.pageNumber}>5</button>
                        <button className={`${styles.pageNumber} ${styles.active}`}>6</button>
                        <button className={styles.pageNumber}>7</button>
                        <button className={styles.pageNumber}>8</button>
                        <span className={styles.pageEllipsis}>...</span>
                        <button className={styles.pageNumber}>50</button>
                        <button className={styles.pageButton}>&gt;</button>
                    </div>
                </div>
            </div>
        </div>
    );
};

export default EnvironmentalTaskList;
