easy3wui 1.4.250 → 1.4.254
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/flow.css +17 -19
- package/assets/index.css +17 -19
- package/lib/Easy3wFlow/index.js +4 -4
- package/package.json +1 -1
package/assets/flow.css
CHANGED
|
@@ -44,10 +44,10 @@
|
|
|
44
44
|
float: left;
|
|
45
45
|
margin-top: 15px;
|
|
46
46
|
height: 4px;
|
|
47
|
-
width: calc(100%
|
|
47
|
+
width: calc(100% - 22px);
|
|
48
48
|
}
|
|
49
49
|
.flowtop .floatcenter .renderTopTemp2:last-child {
|
|
50
|
-
width: calc((100% / 2 - 22px) / 2
|
|
50
|
+
width: calc((100% / 2 - 22px) / 2 + 22px);
|
|
51
51
|
padding-right: calc((100% / 2 - 22px) / 2);
|
|
52
52
|
}
|
|
53
53
|
.flowtop .floatcenter .renderTopTemp3:first-child {
|
|
@@ -62,10 +62,10 @@
|
|
|
62
62
|
float: left;
|
|
63
63
|
margin-top: 15px;
|
|
64
64
|
height: 4px;
|
|
65
|
-
width: calc(100%
|
|
65
|
+
width: calc(100% - 22px);
|
|
66
66
|
}
|
|
67
67
|
.flowtop .floatcenter .renderTopTemp3:last-child {
|
|
68
|
-
width: calc((100% / 3 - 22px) / 2
|
|
68
|
+
width: calc((100% / 3 - 22px) / 2 + 22px);
|
|
69
69
|
padding-right: calc((100% / 3 - 22px) / 2);
|
|
70
70
|
}
|
|
71
71
|
.flowtop .floatcenter .renderTopTemp4:first-child {
|
|
@@ -80,10 +80,10 @@
|
|
|
80
80
|
float: left;
|
|
81
81
|
margin-top: 15px;
|
|
82
82
|
height: 4px;
|
|
83
|
-
width: calc(100%
|
|
83
|
+
width: calc(100% - 22px);
|
|
84
84
|
}
|
|
85
85
|
.flowtop .floatcenter .renderTopTemp4:last-child {
|
|
86
|
-
width: calc((100% / 4 - 22px) / 2
|
|
86
|
+
width: calc((100% / 4 - 22px) / 2 + 22px);
|
|
87
87
|
padding-right: calc((100% / 4 - 22px) / 2);
|
|
88
88
|
}
|
|
89
89
|
.flowtop .floatcenter .renderTopTemp5:first-child {
|
|
@@ -98,10 +98,10 @@
|
|
|
98
98
|
float: left;
|
|
99
99
|
margin-top: 15px;
|
|
100
100
|
height: 4px;
|
|
101
|
-
width: calc(100%
|
|
101
|
+
width: calc(100% - 22px);
|
|
102
102
|
}
|
|
103
103
|
.flowtop .floatcenter .renderTopTemp5:last-child {
|
|
104
|
-
width: calc((100% / 5 - 22px) / 2
|
|
104
|
+
width: calc((100% / 5 - 22px) / 2 + 22px);
|
|
105
105
|
padding-right: calc((100% / 5 - 22px) / 2);
|
|
106
106
|
}
|
|
107
107
|
.flowtop .floatcenter .renderTopTemp6:first-child {
|
|
@@ -116,10 +116,10 @@
|
|
|
116
116
|
float: left;
|
|
117
117
|
margin-top: 15px;
|
|
118
118
|
height: 4px;
|
|
119
|
-
width: calc(100%
|
|
119
|
+
width: calc(100% - 22px);
|
|
120
120
|
}
|
|
121
121
|
.flowtop .floatcenter .renderTopTemp6:last-child {
|
|
122
|
-
width: calc((100% / 6 - 22px) / 2
|
|
122
|
+
width: calc((100% / 6 - 22px) / 2 + 22px);
|
|
123
123
|
padding-right: calc((100% / 6 - 22px) / 2);
|
|
124
124
|
}
|
|
125
125
|
.flowtop .floatcenter .renderTopTemp7:first-child {
|
|
@@ -134,10 +134,10 @@
|
|
|
134
134
|
float: left;
|
|
135
135
|
margin-top: 15px;
|
|
136
136
|
height: 4px;
|
|
137
|
-
width: calc(100%
|
|
137
|
+
width: calc(100% - 22px);
|
|
138
138
|
}
|
|
139
139
|
.flowtop .floatcenter .renderTopTemp7:last-child {
|
|
140
|
-
width: calc((100% / 7 - 22px) / 2
|
|
140
|
+
width: calc((100% / 7 - 22px) / 2 + 22px);
|
|
141
141
|
padding-right: calc((100% / 7 - 22px) / 2);
|
|
142
142
|
}
|
|
143
143
|
.flowtop .floatcenter .renderTopTemp8:first-child {
|
|
@@ -152,10 +152,10 @@
|
|
|
152
152
|
float: left;
|
|
153
153
|
margin-top: 15px;
|
|
154
154
|
height: 4px;
|
|
155
|
-
width: calc(100%
|
|
155
|
+
width: calc(100% - 22px);
|
|
156
156
|
}
|
|
157
157
|
.flowtop .floatcenter .renderTopTemp8:last-child {
|
|
158
|
-
width: calc((100% / 8 - 22px) / 2
|
|
158
|
+
width: calc((100% / 8 - 22px) / 2 + 22px);
|
|
159
159
|
padding-right: calc((100% / 8 - 22px) / 2);
|
|
160
160
|
}
|
|
161
161
|
.flowtop .floatcenter .renderTopTemp9:first-child {
|
|
@@ -170,14 +170,15 @@
|
|
|
170
170
|
float: left;
|
|
171
171
|
margin-top: 15px;
|
|
172
172
|
height: 4px;
|
|
173
|
-
width: calc(100%
|
|
173
|
+
width: calc(100% - 22px);
|
|
174
174
|
}
|
|
175
175
|
.flowtop .floatcenter .renderTopTemp9:last-child {
|
|
176
|
-
width: calc((100% / 9 - 22px) / 2
|
|
176
|
+
width: calc((100% / 9 - 22px) / 2 + 22px);
|
|
177
177
|
padding-right: calc((100% / 9 - 22px) / 2);
|
|
178
178
|
}
|
|
179
179
|
.flowmid {
|
|
180
180
|
width: 100%;
|
|
181
|
+
height: 34px;
|
|
181
182
|
}
|
|
182
183
|
.flowmid .floatcenter {
|
|
183
184
|
width: 90%;
|
|
@@ -505,7 +506,6 @@
|
|
|
505
506
|
color: #fff;
|
|
506
507
|
/*浮动区块居中,必须配合.float-center使用*/
|
|
507
508
|
position: relative;
|
|
508
|
-
left: -50%;
|
|
509
509
|
}
|
|
510
510
|
/* 主节点活动节点样式*/
|
|
511
511
|
.flowmain .flowcircle-active-haierblue {
|
|
@@ -519,7 +519,6 @@
|
|
|
519
519
|
color: #fff;
|
|
520
520
|
/*浮动区块居中,必须配合.float-center使用*/
|
|
521
521
|
position: relative;
|
|
522
|
-
left: -50%;
|
|
523
522
|
}
|
|
524
523
|
.flowmain .flowcircle-active-haierblue::before {
|
|
525
524
|
border-bottom: 2px solid #5867ad;
|
|
@@ -541,7 +540,6 @@
|
|
|
541
540
|
color: #fff;
|
|
542
541
|
/*浮动区块居中,必须配合.float-center使用*/
|
|
543
542
|
position: relative;
|
|
544
|
-
left: -50%;
|
|
545
543
|
}
|
|
546
544
|
.flowmain .flowcircle-active-haierorange::before {
|
|
547
545
|
border-bottom: 2px solid #ad7c59;
|
package/assets/index.css
CHANGED
|
@@ -489,10 +489,10 @@ s {
|
|
|
489
489
|
float: left;
|
|
490
490
|
margin-top: 15px;
|
|
491
491
|
height: 4px;
|
|
492
|
-
width: calc(100%
|
|
492
|
+
width: calc(100% - 22px);
|
|
493
493
|
}
|
|
494
494
|
.flowtop .floatcenter .renderTopTemp2:last-child {
|
|
495
|
-
width: calc((100% / 2 - 22px) / 2
|
|
495
|
+
width: calc((100% / 2 - 22px) / 2 + 22px);
|
|
496
496
|
padding-right: calc((100% / 2 - 22px) / 2);
|
|
497
497
|
}
|
|
498
498
|
.flowtop .floatcenter .renderTopTemp3:first-child {
|
|
@@ -507,10 +507,10 @@ s {
|
|
|
507
507
|
float: left;
|
|
508
508
|
margin-top: 15px;
|
|
509
509
|
height: 4px;
|
|
510
|
-
width: calc(100%
|
|
510
|
+
width: calc(100% - 22px);
|
|
511
511
|
}
|
|
512
512
|
.flowtop .floatcenter .renderTopTemp3:last-child {
|
|
513
|
-
width: calc((100% / 3 - 22px) / 2
|
|
513
|
+
width: calc((100% / 3 - 22px) / 2 + 22px);
|
|
514
514
|
padding-right: calc((100% / 3 - 22px) / 2);
|
|
515
515
|
}
|
|
516
516
|
.flowtop .floatcenter .renderTopTemp4:first-child {
|
|
@@ -525,10 +525,10 @@ s {
|
|
|
525
525
|
float: left;
|
|
526
526
|
margin-top: 15px;
|
|
527
527
|
height: 4px;
|
|
528
|
-
width: calc(100%
|
|
528
|
+
width: calc(100% - 22px);
|
|
529
529
|
}
|
|
530
530
|
.flowtop .floatcenter .renderTopTemp4:last-child {
|
|
531
|
-
width: calc((100% / 4 - 22px) / 2
|
|
531
|
+
width: calc((100% / 4 - 22px) / 2 + 22px);
|
|
532
532
|
padding-right: calc((100% / 4 - 22px) / 2);
|
|
533
533
|
}
|
|
534
534
|
.flowtop .floatcenter .renderTopTemp5:first-child {
|
|
@@ -543,10 +543,10 @@ s {
|
|
|
543
543
|
float: left;
|
|
544
544
|
margin-top: 15px;
|
|
545
545
|
height: 4px;
|
|
546
|
-
width: calc(100%
|
|
546
|
+
width: calc(100% - 22px);
|
|
547
547
|
}
|
|
548
548
|
.flowtop .floatcenter .renderTopTemp5:last-child {
|
|
549
|
-
width: calc((100% / 5 - 22px) / 2
|
|
549
|
+
width: calc((100% / 5 - 22px) / 2 + 22px);
|
|
550
550
|
padding-right: calc((100% / 5 - 22px) / 2);
|
|
551
551
|
}
|
|
552
552
|
.flowtop .floatcenter .renderTopTemp6:first-child {
|
|
@@ -561,10 +561,10 @@ s {
|
|
|
561
561
|
float: left;
|
|
562
562
|
margin-top: 15px;
|
|
563
563
|
height: 4px;
|
|
564
|
-
width: calc(100%
|
|
564
|
+
width: calc(100% - 22px);
|
|
565
565
|
}
|
|
566
566
|
.flowtop .floatcenter .renderTopTemp6:last-child {
|
|
567
|
-
width: calc((100% / 6 - 22px) / 2
|
|
567
|
+
width: calc((100% / 6 - 22px) / 2 + 22px);
|
|
568
568
|
padding-right: calc((100% / 6 - 22px) / 2);
|
|
569
569
|
}
|
|
570
570
|
.flowtop .floatcenter .renderTopTemp7:first-child {
|
|
@@ -579,10 +579,10 @@ s {
|
|
|
579
579
|
float: left;
|
|
580
580
|
margin-top: 15px;
|
|
581
581
|
height: 4px;
|
|
582
|
-
width: calc(100%
|
|
582
|
+
width: calc(100% - 22px);
|
|
583
583
|
}
|
|
584
584
|
.flowtop .floatcenter .renderTopTemp7:last-child {
|
|
585
|
-
width: calc((100% / 7 - 22px) / 2
|
|
585
|
+
width: calc((100% / 7 - 22px) / 2 + 22px);
|
|
586
586
|
padding-right: calc((100% / 7 - 22px) / 2);
|
|
587
587
|
}
|
|
588
588
|
.flowtop .floatcenter .renderTopTemp8:first-child {
|
|
@@ -597,10 +597,10 @@ s {
|
|
|
597
597
|
float: left;
|
|
598
598
|
margin-top: 15px;
|
|
599
599
|
height: 4px;
|
|
600
|
-
width: calc(100%
|
|
600
|
+
width: calc(100% - 22px);
|
|
601
601
|
}
|
|
602
602
|
.flowtop .floatcenter .renderTopTemp8:last-child {
|
|
603
|
-
width: calc((100% / 8 - 22px) / 2
|
|
603
|
+
width: calc((100% / 8 - 22px) / 2 + 22px);
|
|
604
604
|
padding-right: calc((100% / 8 - 22px) / 2);
|
|
605
605
|
}
|
|
606
606
|
.flowtop .floatcenter .renderTopTemp9:first-child {
|
|
@@ -615,14 +615,15 @@ s {
|
|
|
615
615
|
float: left;
|
|
616
616
|
margin-top: 15px;
|
|
617
617
|
height: 4px;
|
|
618
|
-
width: calc(100%
|
|
618
|
+
width: calc(100% - 22px);
|
|
619
619
|
}
|
|
620
620
|
.flowtop .floatcenter .renderTopTemp9:last-child {
|
|
621
|
-
width: calc((100% / 9 - 22px) / 2
|
|
621
|
+
width: calc((100% / 9 - 22px) / 2 + 22px);
|
|
622
622
|
padding-right: calc((100% / 9 - 22px) / 2);
|
|
623
623
|
}
|
|
624
624
|
.flowmid {
|
|
625
625
|
width: 100%;
|
|
626
|
+
height: 34px;
|
|
626
627
|
}
|
|
627
628
|
.flowmid .floatcenter {
|
|
628
629
|
width: 90%;
|
|
@@ -950,7 +951,6 @@ s {
|
|
|
950
951
|
color: #fff;
|
|
951
952
|
/*浮动区块居中,必须配合.float-center使用*/
|
|
952
953
|
position: relative;
|
|
953
|
-
left: -50%;
|
|
954
954
|
}
|
|
955
955
|
/* 主节点活动节点样式*/
|
|
956
956
|
.flowmain .flowcircle-active-haierblue {
|
|
@@ -964,7 +964,6 @@ s {
|
|
|
964
964
|
color: #fff;
|
|
965
965
|
/*浮动区块居中,必须配合.float-center使用*/
|
|
966
966
|
position: relative;
|
|
967
|
-
left: -50%;
|
|
968
967
|
}
|
|
969
968
|
.flowmain .flowcircle-active-haierblue::before {
|
|
970
969
|
border-bottom: 2px solid #5867ad;
|
|
@@ -986,7 +985,6 @@ s {
|
|
|
986
985
|
color: #fff;
|
|
987
986
|
/*浮动区块居中,必须配合.float-center使用*/
|
|
988
987
|
position: relative;
|
|
989
|
-
left: -50%;
|
|
990
988
|
}
|
|
991
989
|
.flowmain .flowcircle-active-haierorange::before {
|
|
992
990
|
border-bottom: 2px solid #ad7c59;
|
package/lib/Easy3wFlow/index.js
CHANGED
|
@@ -87,7 +87,7 @@ var Easy3wFlow = function (_Component) {
|
|
|
87
87
|
switch (flowLength) {
|
|
88
88
|
case 2:
|
|
89
89
|
styleflowline = (0, _classnames2['default'])('flowline2');
|
|
90
|
-
styleflowtext = (0, _classnames2['default'])('
|
|
90
|
+
styleflowtext = (0, _classnames2['default'])('flowtext2');
|
|
91
91
|
break;
|
|
92
92
|
case 3:
|
|
93
93
|
styleflowline = (0, _classnames2['default'])('flowline3');
|
|
@@ -142,9 +142,9 @@ var Easy3wFlow = function (_Component) {
|
|
|
142
142
|
var renderTopTemp = flowData.map(function (flow, index) {
|
|
143
143
|
var styleflowcircle = (0, _classnames2['default'])(['flowcircle', 'haiergrey']);
|
|
144
144
|
if (flow.status === '10') {
|
|
145
|
-
styleflowcircle =
|
|
145
|
+
styleflowcircle = flowCurCode.indexOf(flow.code) > -1 ? (0, _classnames2['default'])(['flowcircle-active-haierorange', 'haierorange']) : (0, _classnames2['default'])(['flowcircle', 'haierorange']);
|
|
146
146
|
} else if (flow.status === '20' || flow.status === '30') {
|
|
147
|
-
styleflowcircle =
|
|
147
|
+
styleflowcircle = flowCurCode.indexOf(flow.code) > -1 ? (0, _classnames2['default'])(['flowcircle-active-haierblue', 'haierblue']) : (0, _classnames2['default'])(['flowcircle', 'haierblue']);
|
|
148
148
|
}
|
|
149
149
|
return _react2['default'].createElement(
|
|
150
150
|
'div',
|
|
@@ -364,7 +364,7 @@ var Easy3wFlow = function (_Component) {
|
|
|
364
364
|
return _react2['default'].createElement(
|
|
365
365
|
'div',
|
|
366
366
|
{ className: styleflowtext },
|
|
367
|
-
flow.
|
|
367
|
+
flow.showDateFlag ? detailMidTitle : defaultMidTitle
|
|
368
368
|
);
|
|
369
369
|
});
|
|
370
370
|
|