import React, { PureComponent } from 'react';
import { history } from '@umijs/max';
import { Row, Col, Tooltip, Card, List, DatePicker, Button, Statistic, Spin, Empty, message } from 'antd';
import { connect } from 'dva';
import './index.less';
import talkPng from '@/images/talk/talk.png';
import { RightOutlined } from '@ant-design/icons';
import moment from 'moment';
import { getRA } from '@/utils/session';
import { getURLInformation } from '@/utils/CommonUtils';
import NoticeDetail from '@/pages/notice/noticeList/components/NoticeDetail'
@connect(({ dashboard, loading }) => ({
    ...dashboard,
}))
class manager extends PureComponent {
    state = {
        detailId: '1', // 公告id
        noticeDetail: false, // 公告弹窗
    }
    componentDidMount() {
        this.props.dispatch({
            type: "dashboard/fetchtlist",
            payload: { limit: 7 }
        })
        // NTKF_PARAM = {
        //     siteid: "bl_1000",                    //企业ID，,为固定值
        //     settingid: "bl_1000_1492484340268",           //接待组ID，为固定值，必填
        //     uid: getSessionUserData()?.userId,
        //     uname: getSessionUserData()?.deptName + "-" + getSessionUserData()?.fullName,            //用户名，未登录可以为空，但是不能给null，uname赋予的值显示到小能客户端
        //     isvip: "0",                              //是否为vip用户，0代表非会员，1代表会员，取值显示到小能客户端
        //     userlevel: "1",                       //网站自定义会员级别，1-N，可根据选择判断，取值显示到小能客户端
        //     erpparam: "abc"                          //erpparam为erp功能的扩展字段，可选，购买erp功能后用于erp功能集成
        // }
    }
    lookInfo = (id) => { // 公告查看
        this.setState({
            detailId: id,
            noticeDetail: true
        })
    }
    noticeModel = () => { // 公告关闭消息弹窗
        this.setState({
            noticeDetail: false
        })
    }

    render() {
        const { tlist, trelist } = this.props;
        const { detailId, noticeDetail, } = this.state;
        return (
            <>
                {/* <a className={isFlash && !isModalVisible ? "talk text-effect":"talk"} onClick={() => this.initChatUI()}>咨询服务︵<span>8:30</span><span>|</span><span>12:30</span><span>13:00</span><span>|</span><span>17:00</span>︶<img src={talkPng} /></a> */}
                <div className="dashboard" style={{ height: '100%', overflow: "hidden" }}>
                    <Row className="topt">
                        <Col span={24}><Card title="系统公告" bordered={false} className="cardtre" extra={<div className="moret" onClick={() => history.push('/notice/noticeList')}>更多<RightOutlined /></div>}>
                            {tlist != [] && tlist.map((item, index) => {
                                return (
                                    <div className="messagetre" onClick={() => { this.lookInfo(item.id) }} key={item.id}>
                                        <div className="round">{index + 1}</div>
                                        <div className="txt" title={item.noticeTitle}>{item.noticeTitle}</div>
                                        <div className="time">{item.updateDate}</div>
                                    </div>
                                )
                            })}</Card>
                        </Col>
                    </Row>
                </div>
                {noticeDetail && <NoticeDetail detailId={detailId} onCancel={() => { this.noticeModel() }} modalVisible={noticeDetail} />}
            </>
        )
    }
}
export default manager;