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
.list_ul{
width: 240px;
max-height: 300px;
overflow: hidden auto;
}
.description_li{
min-height: 50px;
padding: 5px;
margin: 5px 0;
background: #f6f6f6;
border: 1px solid #d5d5d5;
border-radius: 5px;
}
.step_box{
width: 320px;
max-height: 300px;
overflow: hidden auto;
position: relative;
}
.staff_action{
:global{
.ant-popover-inner-content{
padding: 10px !important;
}
}
}
.step_list{
position: relative;
}
.step_before::after{
position: absolute;
top: 20px; bottom: 0; left: 7px;
display: block;
width: 1px;
background-color: rgba(34, 192, 100, 1);
content: '';
}
.step_title{
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 20px;
}
.step_title::before{
position: absolute;
top: 50%; left: 0;
display: block;
width: 16px;
height: 16px;
transform: translateY(-50%);
content: '';
}
.step_ing > .step_title::before{
background: url("/img/step-current.png") center no-repeat;
background-size: 16px 16px;
}
.step_success > .step_title::before{
background: url("/img/step-success.png") center no-repeat;
background-size: 16px 16px;
}
.step_fail > .step_title::before{
background: url("/img/step-close.png") center no-repeat;
background-size: 16px 16px;
}
.step_content{
margin-top: 10px;
padding: 8px;
color: #7a7a7a;
background: #f6f6f6;
border-radius: 3px;
}
.bottom_btn{
position: absolute;
right: 0; bottom: 10px; left: 0;
display: flex;
align-items: center;
justify-content: center;
}