index.js
2.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
import React, { Component, Fragment } from 'react';
import { connect } from 'dva';
import { Toast } from 'antd-mobile';
import moment from 'moment';
import shareHide from "../../utils/shareHide";
import css from './css.less';
class Index extends Component{
constructor(props) {
super(props);
this.state = {
userId: '',
list: []
}
}
componentDidMount() {
document.title = '信息中心';
const _this = this;
shareHide();
const userId = localStorage.id;
this.setState({
userId
})
Toast.loading('loading...',1000)
this.props.dispatch({
type: 'infoCenter/GetInfoList',
payload: {
roleId: 3,
userId
},
callback(res) {
_this.setState({
list:res
})
Toast.hide();
},
error(err) {
Toast.error(err.message)
}
})
}
render() {
const { list } = this.state;
return <div className={css.wrap}>
{
list.length===2 && <Fragment>
<dl className={css.system} onClick={() => {
this.props.history.push({ pathname:'/infoCenter/list', search:'sign=1'})
}}>
<dt></dt>
<dd>
<div className={css.title}>
<span className={css.tit + ' ' + (list[0].read !== '1' && css.unread)}>系统消息</span>
{
list[0].messageHeader !== '暂无消息' && <span className={css.time}>{moment(list[0].updateTime).format('YYYY-MM-DD HH:mm')}</span>
}
</div>
<div className={css.infoTit + ' ' + (list[0].messageHeader === '暂无消息' && css.noneInfo)}>{list[0].messageHeader}</div>
</dd>
</dl>
<dl className={css.system + ' ' + css.custom} onClick={() => {
this.props.history.push({ pathname: '/infoCenter/list', search: 'sign=2'})
}}>
<dt></dt>
<dd>
<div className={css.title}>
<span className={css.tit + ' ' + (list[1].read !== '1' && css.unread)}>客户提醒</span>
{
list[1].messageHeader !== '暂无消息' && <span className={css.time}>{moment(list[1].updateTime).format('YYYY-MM-DD HH:mm')}</span>
}
</div>
<div className={css.infoTit + ' ' + (list[1].messageHeader === '暂无消息' && css.noneInfo)}>{list[1].messageHeader}</div>
</dd>
</dl>
</Fragment>
}
</div>
}
}
export default connect()(Index);