import React, { Component } from 'react';
import styles from './index.less';
import zaikanImg from '../../assets/zaikan.png';

class AnnouncementItem extends Component {
    toDetail = (rowID,sortId) => {
        this.props.history.push('/announcement/detail?rowID='+rowID + '&sortId=' + sortId);
        window.location.reload();
    }

    render() {
        const { article,rowID } = this.props;
        return (
            <div  className={styles.notice_item_component} onClick={this.toDetail.bind(this,article.id,article.sortId)}>
                <div className={styles.notice_item}>
                    <div className={styles.notice_item_top}>
                        <div className={styles.notice_item_top_title}>
                            <div className={styles.notice_item_top_icon}>
                                { article.sortId == '83' && <div className={styles.linear_huiyuan}>会员</div>}
                                { article.sortId == '84' && <div className={styles.linear_quanji}>犬籍</div>}
                                { article.sortId == '85' && <div className={styles.linear_saishi}>犬展</div>}
                                { article.sortId == '86' && <div className={styles.linear_meirong}>美容</div>}
                                { article.sortId == '87' && <div className={styles.linear_qianquan}>牵犬</div>}
                                { article.sortId == '88' && <div className={styles.linear_xunlian}>训练</div>}
                                { article.sortId == '89' && <div className={styles.linear_shencha}>审查</div>}
                                { article.sortId == '90' && <div className={styles.linear_qita}>其他</div>}
                                { (article.sortId*1>90 || article.sortId*1<83) && <div className={styles.linear_qita}>其他</div>}
                            </div>
                            <span  className={styles.notice_item_top_title_t}>{article.title}</span>
                        </div>
                    </div>
                    <div className={styles.notice_item_bottom}>
                        <div className={styles.notice_item_bottom_time}>
                            <span>{article.addTime}</span>
                        </div>
                        <div className={styles.notice_item_bottom_num}>
                            <img src={zaikanImg}/>
                            <span>{article.hits}</span>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}

export default AnnouncementItem;