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
| import React from 'react';
|
| const VisitWorkBench = () => {
|
| const tabsList = [
| {
| key: '1',
| label: '待分派',
| bgColor: '#E8F8FF',
| num: 10,
| },
| {
| key: '2',
| label: '待签收',
| bgColor: '#E8FFEA',
| num: 30,
|
| },
| {
| key: '3',
| label: '待受理',
| bgColor: '#F5E8FF',
| num: 50,
|
| },
| {
| key: '4',
| label: '办理中',
| bgColor: '#E6FFFB',
| num: 60,
|
| },
| {
| key: '5',
| label: '待审核',
| bgColor: '#E8F7FF',
| num: 70,
|
| },
| {
| key: '6',
| label: '督办',
| bgColor: '#FFF7E6',
| num: 80,
| },
| ]
| return (
| <div className='VisitWorkBench'>
| <div className='VisitWorkBench-top'>
| 工作总览
| <div className='VisitWorkBench-top-list'>
| {
| tabsList.map((item, index) => (
| <div key={index} className='VisitWorkBench-top-list-tabsItem' style={{ backgroundColor: item.bgColor }}>
| <div>
| <div>{item.label}</div>
| <div>{item.num}件</div>
| </div>
| <div>
| <img src={item.img} alt=''/>
| </div>
| </div>
| ))
| }
| </div>
| </div>
| <div className='VisitWorkBench-middle'>
| 222
| </div>
| <div className='VisitWorkBench-bottom'>
| 333333
| </div>
| </div>
| )
| }
|
| export default VisitWorkBench;
|
|
