index.js
2.29 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
89
90
91
92
93
94
95
96
97
98
99
100
101
import React,{Component} from 'react';
import styles from "./BottomNav.css"
export default class BottomNav extends Component{
constructor(){
super();
this.state={
select:0,
moduleList:[
{
img:require('../../assets/image/home.png'),
text:'首页'
},
{
img:require('../../assets/image/onLine.png'),
text:'在线专家'
},
{
img:require('../../assets/image/performance.png'),
text:'业绩'
},
],
moduleList1:[
{
img:require('../../assets/image/home.png'),
text:'首页'
},
{
img:require('../../assets/image/personnel.png'),
text:'人员管理'
},
{
img:require('../../assets/image/performance.png'),
text:'业绩'
},
],
}
}
renderBottom() {
let list = [];
if (this.props.roleId == 3) {
list = this.state.moduleList1;
}
if (this.props.roleId == 2) {
if (this.props.hasRoom) list = this.state.moduleList;
else list = [{
img: require('../../assets/image/home.png'),
text: '首页'
},
{
img: require('../../assets/image/offLine.png'),
text: '在线专家'
},
{
img: require('../../assets/image/performance.png'),
text: '业绩'
},
];
}
return list.map((item,index)=>{
return (
<div className={styles.module} key={index} onClick={()=>{
this.setState({
select:index,
})
if (this.props.roleId == 2 && index === 1) {
if (this.props.hasRoom) this.props.handleShowExpert()
}else if(this.props.roleId == 3 && index === 1){
this.props.goGtclientlist()
}else if(index === 2){
localStorage.setItem('keyIndex',2)
this.props.goPerformance()
}
}}>
<img src={item.img} alt=""/>
<p>{item.text}</p>
{/*<div className={this.state.select=== index?styles.line:''}></div>*/}
</div>
)
})
}
render() {
return (
<div className={styles.bottomButton}>
{
this.renderBottom()
}
</div>
)
}
}