|
@@ -1,24 +1,17 @@
|
1
|
1
|
import moment from 'moment'
|
2
|
|
-import { Card, List, Badge, Space, Carousel } from 'antd'
|
|
2
|
+import { Card, List, Image, Space, Carousel } from 'antd'
|
3
|
3
|
import { useEffect, useMemo, useState } from 'react'
|
4
|
4
|
import { history } from 'umi';
|
|
5
|
+import { getApplicationList } from '@/services/application'
|
5
|
6
|
|
6
|
7
|
const Avatar = (props) => {
|
7
|
|
- const style = useMemo(() => {
|
8
|
|
- const color = props.item.status == 'first' ? '#C5E0A9' :
|
9
|
|
- props.item.status == 'renewal' ? '#87C5ED' : '#E9CB99';
|
|
8
|
+ const style = useMemo(() => {
|
10
|
9
|
return {
|
11
|
|
- background: color,
|
12
|
|
- color: '#fff',
|
13
|
10
|
width: '48px',
|
14
|
11
|
height: '48px',
|
15
|
|
- fontSize: '1.8em',
|
16
|
|
- lineHeight: '48px',
|
17
|
|
- textAlign: 'center',
|
18
|
12
|
}
|
19
|
13
|
}, [])
|
20
|
|
-
|
21
|
|
- return <div style={style}>{props.children}</div>
|
|
14
|
+ return <div style={style}><Image src={props.item.img1} width='100%' height='100%' /></div>
|
22
|
15
|
}
|
23
|
16
|
|
24
|
17
|
|
|
@@ -37,95 +30,33 @@ const showNum = 8;
|
37
|
30
|
export default (props) => {
|
38
|
31
|
const [loading, setLoading] = useState(false)
|
39
|
32
|
const [disabled, setDisabled] = useState(false)
|
40
|
|
- const [list, setList] = useState([
|
41
|
|
- {
|
42
|
|
- orgName: '办证',
|
43
|
|
- status: 'first',
|
44
|
|
- userName: '俏如来',
|
45
|
|
- formId: 0,
|
46
|
|
- createDate: '2021-5-6 11:22:50'
|
47
|
|
- },
|
48
|
|
- {
|
49
|
|
- orgName: '续期',
|
50
|
|
- status: 'renewal',
|
51
|
|
- userName: '雪山银燕',
|
52
|
|
- formId: 1,
|
53
|
|
- createDate: '2021-5-9 11:22:50'
|
54
|
|
- },
|
55
|
|
- {
|
56
|
|
- orgName: '补办',
|
57
|
|
- status: 'reissue',
|
58
|
|
- userName: '史艳文',
|
59
|
|
- formId: 2,
|
60
|
|
- createDate: '2021-5-5 11:22:50'
|
61
|
|
- },
|
62
|
|
- {
|
63
|
|
- orgName: '办证',
|
64
|
|
- status: 'first',
|
65
|
|
- userName: '南宫恨',
|
66
|
|
- formId: 3,
|
67
|
|
- createDate: '2021-5-7 11:22:50'
|
68
|
|
- },
|
69
|
|
- {
|
70
|
|
- orgName: '补办',
|
71
|
|
- status: 'reissue',
|
72
|
|
- userName: '神蛊温皇',
|
73
|
|
- formId: 4,
|
74
|
|
- createDate: '2021-5-15 11:22:50'
|
75
|
|
- },
|
76
|
|
- {
|
77
|
|
- orgName: '办证',
|
78
|
|
- status: 'first',
|
79
|
|
- userName: '燕驼龙',
|
80
|
|
- formId: 5,
|
81
|
|
- createDate: '2021-5-6 11:22:50'
|
82
|
|
- },
|
83
|
|
- {
|
84
|
|
- orgName: '办证',
|
85
|
|
- status: 'first',
|
86
|
|
- userName: '忆无心',
|
87
|
|
- formId: 6,
|
88
|
|
- createDate: '2021-5-6 11:22:50'
|
89
|
|
- },
|
90
|
|
- {
|
91
|
|
- orgName: '补办',
|
92
|
|
- status: 'reissue',
|
93
|
|
- userName: '史艳文',
|
94
|
|
- formId: 7,
|
95
|
|
- createDate: '2021-5-6 11:22:50'
|
96
|
|
- },
|
97
|
|
- {
|
98
|
|
- orgName: '续期',
|
99
|
|
- status: 'renewal',
|
100
|
|
- userName: '宫本武藏',
|
101
|
|
- formId: 8,
|
102
|
|
- createDate: '2021-5-6 11:22:50'
|
103
|
|
- },
|
104
|
|
- {
|
105
|
|
- orgName: '办证',
|
106
|
|
- status: 'first',
|
107
|
|
- userName: '素还真',
|
108
|
|
- formId: 9,
|
109
|
|
- createDate: '2021-5-6 11:22:50'
|
110
|
|
- },
|
111
|
|
- {
|
112
|
|
- orgName: '续期',
|
113
|
|
- status: 'renewal',
|
114
|
|
- userName: '元邪皇',
|
115
|
|
- formId: 10,
|
116
|
|
- createDate: '2021-5-6 11:22:50'
|
117
|
|
- },
|
118
|
|
- ])
|
119
|
|
- const toAudit = () => {
|
120
|
|
- //审核详情
|
121
|
|
- // history.push('../../examine');
|
122
|
|
- }
|
|
33
|
+ const [list, setList] = useState([])
|
123
|
34
|
useEffect(() => {
|
124
|
35
|
setDisabled(!list || list.length <= showNum)
|
125
|
36
|
}, [list])
|
|
37
|
+ useEffect(()=>{
|
|
38
|
+ setLoading(true)
|
|
39
|
+ getApplicationList({pageSize:50}).then((res)=>{
|
|
40
|
+ setList(res.records.map(item=>{
|
|
41
|
+ if (item.applyType=='first') {
|
|
42
|
+ item.applyTypeName='办证'
|
|
43
|
+ }else if(item.applyType=='renewal') {
|
|
44
|
+ item.applyTypeName='续期'
|
|
45
|
+ }else{
|
|
46
|
+ item.applyTypeName='补办'
|
|
47
|
+ }
|
|
48
|
+ return item
|
|
49
|
+ })
|
|
50
|
+ )
|
|
51
|
+ setLoading(false)
|
|
52
|
+ }).catch(err=>{
|
|
53
|
+ console.log(err);
|
|
54
|
+ setLoading(false)
|
|
55
|
+ })
|
|
56
|
+ },[])
|
126
|
57
|
|
127
|
58
|
return (
|
128
|
|
- <Card title="近期提交记录" loading={loading} bodyStyle={{ height: '600px' }}>
|
|
59
|
+ <Card title="近期提交记录" loading={loading} bodyStyle={{ height: '616px' }}>
|
129
|
60
|
<List style={{ height: '100%', overflow: 'hidden' }} itemLayout="horizontal">
|
130
|
61
|
<Carousel
|
131
|
62
|
autoplay={!disabled}
|
|
@@ -140,11 +71,11 @@ export default (props) => {
|
140
|
71
|
{
|
141
|
72
|
list.map(item => (
|
142
|
73
|
<div key={item.formId} style={{ display: 'flex' }}>
|
143
|
|
- <List.Item onClick={()=>toAudit(item)}>
|
|
74
|
+ <List.Item>
|
144
|
75
|
<List.Item.Meta
|
145
|
|
- avatar={<Avatar item={item}>{item.orgName.substring(0, 1)}</Avatar>}
|
146
|
|
- title={item.userName}
|
147
|
|
- description={item.orgName}
|
|
76
|
+ avatar={<Avatar item={item} />}
|
|
77
|
+ title={item.petName}
|
|
78
|
+ description={item.applyTypeName+` 申请人(`+item.personName+')'}
|
148
|
79
|
/>
|
149
|
80
|
<Content item={item} />
|
150
|
81
|
</List.Item>
|