ocpview-plus 1.3.14 → 1.3.16

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.
Files changed (213) hide show
  1. package/README.md +55 -43
  2. package/dist/ocpviewplus.min.esm.js +574 -482
  3. package/dist/ocpviewplus.min.js +9 -9
  4. package/dist/style.css +1 -1
  5. package/dist/styles/efviewplus.css +1 -1
  6. package/package.json +146 -146
  7. package/src/components/base/ContractPrintMixins.js +30 -30
  8. package/src/components/base/controlbase.vue +190 -190
  9. package/src/components/base/controlbox.vue +102 -102
  10. package/src/components/base/index.js +2 -2
  11. package/src/components/base/load.js +19 -19
  12. package/src/components/base/probase.js +220 -220
  13. package/src/components/base/size.js +78 -78
  14. package/src/components/billbox/billbox.vue +67 -67
  15. package/src/components/billbox/index.js +1 -1
  16. package/src/components/cascaderbox/cascaderbox.vue +184 -184
  17. package/src/components/cascaderbox/index.js +2 -2
  18. package/src/components/checkbox/checkbox.vue +75 -75
  19. package/src/components/checkbox/checkgroupbox.vue +103 -103
  20. package/src/components/checkbox/index.js +2 -2
  21. package/src/components/colorbox/colorbox.vue +43 -43
  22. package/src/components/colorbox/index.js +1 -1
  23. package/src/components/combobox/combobox.vue +219 -219
  24. package/src/components/combobox/index.js +1 -1
  25. package/src/components/conditionbox/conditionbase.vue +194 -194
  26. package/src/components/conditionbox/conditionbox.vue +62 -62
  27. package/src/components/conditionbox/conditionfilterbox.vue +479 -479
  28. package/src/components/conditionbox/conditionselectorbox.vue +237 -237
  29. package/src/components/conditionbox/index.js +4 -4
  30. package/src/components/conditionbox/queryconditionbox.vue +25 -25
  31. package/src/components/conditionbox/queryconditionboxbase.vue +123 -123
  32. package/src/components/conditionbox/searchconditionbox.vue +113 -113
  33. package/src/components/conditionbox/searchgrid.vue +391 -391
  34. package/src/components/datebox/DateBoxV1.vue +22 -22
  35. package/src/components/datebox/datebox.vue +129 -129
  36. package/src/components/datebox/daterangebox.vue +154 -154
  37. package/src/components/datebox/index.js +5 -5
  38. package/src/components/form/baseform.vue +676 -676
  39. package/src/components/form/detailsbox.vue +487 -487
  40. package/src/components/form/formbox.vue +28 -28
  41. package/src/components/form/formcardbox.vue +267 -267
  42. package/src/components/form/formcardbox2.vue +228 -228
  43. package/src/components/form/formcardgroupbox.vue +251 -251
  44. package/src/components/form/formcompro.js +18 -18
  45. package/src/components/form/formdetail.vue +128 -128
  46. package/src/components/form/formdetailtwo.vue +302 -302
  47. package/src/components/form/index.js +9 -9
  48. package/src/components/form/toolanchor.js +45 -45
  49. package/src/components/form/workform.vue +167 -167
  50. package/src/components/grid/basegrid.vue +1062 -1062
  51. package/src/components/grid/editgrid.vue +51 -51
  52. package/src/components/grid/editgridbase.vue +1062 -1062
  53. package/src/components/grid/editgridcard.vue +193 -193
  54. package/src/components/grid/expandrow.vue +137 -137
  55. package/src/components/grid/index.js +5 -5
  56. package/src/components/grid/viewgrid.vue +121 -121
  57. package/src/components/grid/viewgridbase.vue +1286 -1286
  58. package/src/components/icon/common-icon.vue +53 -53
  59. package/src/components/icon/eicon.vue +28 -28
  60. package/src/components/icon/icons.vue +42 -42
  61. package/src/components/icon/index.js +1 -1
  62. package/src/components/label/index.js +2 -2
  63. package/src/components/label/showtext.vue +94 -94
  64. package/src/components/load/loadcartoon.vue +227 -227
  65. package/src/components/map/index.js +1 -1
  66. package/src/components/map/mapbox.vue +348 -348
  67. package/src/components/masterplate/RewriteBillListDetails/BillInfoPanel.vue +184 -184
  68. package/src/components/masterplate/RewriteBillListDetails/BillInfoPanelEditTable.vue +838 -838
  69. package/src/components/masterplate/RewriteBillListDetails/BillInfoPanelEditTableControlbox.vue +126 -126
  70. package/src/components/masterplate/RewriteBillListDetails/BillInfoPanelEditTableControlboxNumberbox.vue +27 -27
  71. package/src/components/masterplate/RewriteBillListDetails/BillListPanel.vue +126 -126
  72. package/src/components/masterplate/RewriteBillListDetails/BillListPanelQueryBar.vue +280 -280
  73. package/src/components/masterplate/RewriteBillListDetails/BillListPanelTable.vue +346 -346
  74. package/src/components/masterplate/RewriteBillListDetails/index.vue +325 -325
  75. package/src/components/masterplate/RewriteBillListDetails/mixins/useVxeGridEditTypeKeydownEventHook.js +251 -251
  76. package/src/components/masterplate/RewriteListdetails/BillListPanelV2.vue +115 -115
  77. package/src/components/masterplate/RewriteListdetails/BillListPanelV2QueryBar.vue +24 -24
  78. package/src/components/masterplate/RewriteListdetails/BillListPanelV3.vue +121 -121
  79. package/src/components/masterplate/RewriteListdetails/BillListPanelV3QueryBar.vue +275 -275
  80. package/src/components/masterplate/RewriteListdetails/indexV2.vue +320 -320
  81. package/src/components/masterplate/RewriteListdetails/indexV3.vue +331 -331
  82. package/src/components/masterplate/appendix.vue +586 -586
  83. package/src/components/masterplate/approval.vue +863 -863
  84. package/src/components/masterplate/base.vue +1028 -1028
  85. package/src/components/masterplate/billasyncimport.vue +614 -614
  86. package/src/components/masterplate/billconditionbox.vue +223 -223
  87. package/src/components/masterplate/billconditionsbox.vue +427 -427
  88. package/src/components/masterplate/billdetailform.vue +1028 -1028
  89. package/src/components/masterplate/billimport.vue +301 -301
  90. package/src/components/masterplate/billquerygrid.vue +391 -391
  91. package/src/components/masterplate/billsinglegrid.vue +234 -234
  92. package/src/components/masterplate/birtreport.vue +185 -185
  93. package/src/components/masterplate/contractappendix.vue +688 -688
  94. package/src/components/masterplate/detailbtntoolbar.vue +311 -311
  95. package/src/components/masterplate/detailsbox.vue +386 -386
  96. package/src/components/masterplate/editgridcard.vue +292 -292
  97. package/src/components/masterplate/editgridcard2.vue +127 -127
  98. package/src/components/masterplate/formcard.vue +105 -105
  99. package/src/components/masterplate/formcardgroupbox.vue +167 -167
  100. package/src/components/masterplate/formdetailtwo.vue +366 -366
  101. package/src/components/masterplate/gridcolset.vue +226 -226
  102. package/src/components/masterplate/index.js +54 -54
  103. package/src/components/masterplate/layouttemplate.vue +51 -51
  104. package/src/components/masterplate/leftlistrightdetails.vue +581 -581
  105. package/src/components/masterplate/leftlistrightlist.vue +464 -464
  106. package/src/components/masterplate/lefttreerightdetails.vue +636 -636
  107. package/src/components/masterplate/levelreport.vue +510 -510
  108. package/src/components/masterplate/listbtntoolbar.vue +276 -276
  109. package/src/components/masterplate/listdetails.vue +768 -768
  110. package/src/components/masterplate/operlog.vue +272 -272
  111. package/src/components/masterplate/options.vue +110 -110
  112. package/src/components/masterplate/page.vue +102 -102
  113. package/src/components/masterplate/promptmessage.vue +73 -73
  114. package/src/components/masterplate/querybar.vue +490 -490
  115. package/src/components/masterplate/report.vue +357 -357
  116. package/src/components/masterplate/rowbtntoolbar.vue +126 -126
  117. package/src/components/masterplate/simpletree.vue +137 -137
  118. package/src/components/masterplate/simpleviewgrid.vue +144 -144
  119. package/src/components/mychart/bar/bar.vue +201 -201
  120. package/src/components/mychart/basechart.vue +190 -190
  121. package/src/components/mychart/complexmychart/barline.vue +153 -153
  122. package/src/components/mychart/gauge/gauge.vue +82 -82
  123. package/src/components/mychart/index.js +8 -8
  124. package/src/components/mychart/line/line.vue +201 -201
  125. package/src/components/mychart/liquidfill/liquidfill.vue +108 -108
  126. package/src/components/mychart/pie/pie.vue +95 -95
  127. package/src/components/mychart/radar/radar.vue +121 -121
  128. package/src/components/mychart/scatter/scatter.vue +75 -75
  129. package/src/components/numberbox/NumberBoxV1.vue +39 -39
  130. package/src/components/numberbox/append.js +11 -11
  131. package/src/components/numberbox/index.js +4 -4
  132. package/src/components/numberbox/numberbox.vue +302 -302
  133. package/src/components/numberbox/numberrangebox.vue +422 -422
  134. package/src/components/picturebox/filebox.vue +369 -369
  135. package/src/components/picturebox/index.js +2 -2
  136. package/src/components/picturebox/picturebox.vue +541 -541
  137. package/src/components/picturebox/uploadbox.vue +164 -164
  138. package/src/components/poptagbox/index.js +1 -1
  139. package/src/components/poptagbox/poptagbox.vue +388 -388
  140. package/src/components/poptextbox/index.js +1 -1
  141. package/src/components/poptextbox/poptextbox.vue +624 -624
  142. package/src/components/radiobox/index.js +1 -1
  143. package/src/components/radiobox/radiogroupbox.vue +75 -75
  144. package/src/components/richtextbox/editor.vue +150 -150
  145. package/src/components/richtextbox/index.js +1 -1
  146. package/src/components/richtextbox/richtextbox.vue +448 -448
  147. package/src/components/textbox/index.js +1 -1
  148. package/src/components/textbox/textbox.vue +97 -97
  149. package/src/components/timebox/index.js +1 -1
  150. package/src/components/timebox/timebox.vue +75 -75
  151. package/src/components/toolbar/ebutton.vue +169 -169
  152. package/src/components/toolbar/index.js +3 -3
  153. package/src/components/toolbar/toolbar.vue +445 -445
  154. package/src/components/tree/CompatTree.vue +297 -297
  155. package/src/components/tree/basetree.vue +1098 -1098
  156. package/src/components/tree/index.js +2 -2
  157. package/src/components/tree/treedata.vue +53 -53
  158. package/src/components/tree/treedatabase.vue +189 -189
  159. package/src/components/upload/billimport.vue +233 -233
  160. package/src/components/upload/index.js +1 -1
  161. package/src/components/videobox/index.js +1 -1
  162. package/src/components/videobox/uploadbox.vue +148 -148
  163. package/src/components/videobox/videobox.vue +503 -503
  164. package/src/components/wrichtextbox/editor.vue +219 -219
  165. package/src/components/wrichtextbox/index.js +1 -1
  166. package/src/components/wrichtextbox/wrichtextbox.vue +62 -62
  167. package/src/index.js +231 -231
  168. package/src/locale/format.js +51 -51
  169. package/src/locale/index.js +63 -63
  170. package/src/locale/lang/zh-CN.js +123 -123
  171. package/src/locale/lang/zh-TW.js +114 -114
  172. package/src/locale/lang/zh-UG.js +115 -115
  173. package/src/locale/lang.js +15 -15
  174. package/src/method/case/case.js +1274 -1274
  175. package/src/method/config/queryconfig.js +24 -24
  176. package/src/method/const/const.js +815 -815
  177. package/src/method/index.js +7 -7
  178. package/src/plugins/theme/theme-variable.css +114 -114
  179. package/src/plugins/vxeTable/index.js +241 -241
  180. package/src/plugins/vxeTable/renderer/components/TableFilterInput.vue +51 -51
  181. package/src/plugins/vxeTable/renderer/filter.js +32 -32
  182. package/src/static/excel/exportexcel.js +626 -626
  183. package/src/static/iview/coustom.js +462 -462
  184. package/src/store/index.js +18 -18
  185. package/src/store/modules/app.js +53 -53
  186. package/src/styles/README.md +3 -3
  187. package/src/styles/common.less +80 -80
  188. package/src/styles/components/anchor.less +74 -74
  189. package/src/styles/components/approval.less +135 -135
  190. package/src/styles/components/button.less +208 -208
  191. package/src/styles/components/card.less +51 -51
  192. package/src/styles/components/content.less +38 -38
  193. package/src/styles/components/font.less +313 -313
  194. package/src/styles/components/form.less +71 -71
  195. package/src/styles/components/iconfont/fonts/iconfont.less +1384 -1384
  196. package/src/styles/components/iconfont/fonts/iconfont.svg +703 -703
  197. package/src/styles/components/index.less +16 -16
  198. package/src/styles/components/input.less +290 -290
  199. package/src/styles/components/modal.less +203 -203
  200. package/src/styles/components/page.less +340 -340
  201. package/src/styles/components/select.less +361 -361
  202. package/src/styles/components/steps.less +367 -367
  203. package/src/styles/components/table.less +544 -544
  204. package/src/styles/components/tabs.less +249 -249
  205. package/src/styles/components/upload.less +82 -82
  206. package/src/styles/custom.less +67 -67
  207. package/src/styles/index.less +6 -6
  208. package/src/styles/pack.less +6 -6
  209. package/src/utils/EfuMessenger.js +155 -155
  210. package/src/utils/assist.js +353 -353
  211. package/src/utils/index.js +1 -1
  212. package/src/utils/random_str.js +10 -10
  213. package/src/components/masterplate/detailgridbox.vue +0 -386
package/src/styles/components/steps.less CHANGED
@@ -1,367 +1,367 @@
1
- @steps-prefix-cls: ~"@{css-prefix}steps";
2
- @steps-wait-icon-color: #ccc;
3
- @steps-wait-title-color: #999;
4
- @steps-wait-description-color: @steps-wait-title-color;
5
- @steps-wait-tail-color: @border-color-split;
6
- @steps-title-color: #666;
7
-
8
- .@{steps-prefix-cls} {
9
- display: -webkit-box;
10
- display: -ms-flexbox;
11
- display: flex;
12
- width: 100%;
13
- font-size: 0;
14
- line-height: 1.5;
15
-
16
- &-item{
17
- display: inline-block;
18
- position: relative;
19
- vertical-align: top;
20
- -webkit-box-flex: 1;
21
- -ms-flex: 1;
22
- flex: 1;
23
- overflow: hidden;
24
- &:last-child{
25
- -webkit-box-flex: 0;
26
- -ms-flex: 0;
27
- flex: none;
28
- }
29
-
30
- &.@{steps-prefix-cls}-status-wait{
31
- .@{steps-prefix-cls}-head-inner {
32
- background-color:@steps-background-color;
33
- > .@{steps-prefix-cls}-icon, span {
34
- color: @steps-wait-icon-color;
35
- }
36
- }
37
- .@{steps-prefix-cls}-title {
38
- color: @steps-wait-title-color;
39
- }
40
- .@{steps-prefix-cls}-content {
41
- color: @steps-wait-description-color;
42
- }
43
- .@{steps-prefix-cls}-tail > i {
44
- background-color: @steps-wait-tail-color;
45
- }
46
- }
47
- &.@{steps-prefix-cls}-status-process {
48
- .@{steps-prefix-cls}-head-inner {
49
- border-color: @primary-color;
50
- background-color: @primary-color;
51
- > .@{steps-prefix-cls}-icon, span {
52
- color: #fff;
53
- }
54
- }
55
- .@{steps-prefix-cls}-title {
56
- color: @steps-title-color;
57
- }
58
- .@{steps-prefix-cls}-content {
59
- color: @steps-title-color;
60
- }
61
- .@{steps-prefix-cls}-tail > i {
62
- background-color: @border-color-split;
63
- }
64
- }
65
- &.@{steps-prefix-cls}-status-finish {
66
- .@{steps-prefix-cls}-head-inner {
67
- background-color: @steps-background-color;
68
- border-color: @primary-color;
69
- > .@{steps-prefix-cls}-icon, span {
70
- color: @primary-color;
71
- }
72
- }
73
- .@{steps-prefix-cls}-tail > i:after {
74
- width: 100%;
75
- background: @primary-color;
76
- transition: all @transition-time @ease-in-out;
77
- opacity: 1;
78
- }
79
- .@{steps-prefix-cls}-title {
80
- color: @steps-wait-title-color;
81
- }
82
- .@{steps-prefix-cls}-content {
83
- color: @steps-wait-description-color;
84
- }
85
- }
86
-
87
- &.@{steps-prefix-cls}-status-error {
88
- .@{steps-prefix-cls}-head-inner {
89
- background-color: @steps-background-color;
90
- border-color: @error-color;
91
- > .@{steps-prefix-cls}-icon {
92
- color: @error-color;
93
- }
94
- }
95
- .@{steps-prefix-cls}-title {
96
- color: @error-color;
97
- }
98
- .@{steps-prefix-cls}-content {
99
- color: @error-color;
100
- }
101
- .@{steps-prefix-cls}-tail > i {
102
- background-color: @border-color-split;
103
- }
104
- }
105
-
106
- &.@{steps-prefix-cls}-next-error {
107
- .@{steps-prefix-cls}-tail > i,
108
- .@{steps-prefix-cls}-tail > i:after {
109
- background-color: @error-color;
110
- }
111
- }
112
-
113
- &.@{steps-prefix-cls}-custom {
114
- .@{steps-prefix-cls}-head-inner {
115
- background: none;
116
- border: 0;
117
- width: auto;
118
- height: auto;
119
- > .@{steps-prefix-cls}-icon {
120
- font-size: 20px;
121
- top: 2px;
122
- width: 20px;
123
- height: 20px;
124
- }
125
- }
126
- &.@{steps-prefix-cls}-status-process {
127
- .@{steps-prefix-cls}-head-inner > .@{steps-prefix-cls}-icon {
128
- color: @primary-color;
129
- }
130
- }
131
- }
132
- }
133
- &-item:last-child &-tail{
134
- display: none;
135
- }
136
-
137
- .@{steps-prefix-cls}-head,
138
- .@{steps-prefix-cls}-main {
139
- position: relative;
140
- display: inline-block;
141
- vertical-align: top;
142
- }
143
- .@{steps-prefix-cls}-head {
144
- background: @steps-background-color;
145
- }
146
-
147
- .@{steps-prefix-cls}-head-inner {
148
- display: block;
149
- width: 26px;
150
- height: 26px;
151
- line-height: 24px;
152
- margin-right: 8px;
153
- text-align: center;
154
- border: 1px solid @steps-wait-icon-color;
155
- border-radius: 50%;
156
- font-size: 14px;
157
- transition: background-color @transition-time @ease-in-out;
158
-
159
- > .@{steps-prefix-cls}-icon {
160
- line-height: 1;
161
- position: relative;
162
-
163
- &.ivu-icon {
164
- font-size: 24px;
165
- &-ios-checkmark-empty,
166
- &-ios-close-empty {
167
- font-weight: bold;
168
- }
169
- }
170
- }
171
- }
172
- .@{steps-prefix-cls}-main {
173
- margin-top: 2.5px;
174
- display: inline;
175
- }
176
- .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-title{
177
- margin-top: 2.5px;
178
- }
179
-
180
- .@{steps-prefix-cls}-title {
181
- display: inline-block;
182
- margin-bottom: 4px;
183
- padding-right: 10px;
184
- font-size: 14px;
185
- font-weight: bold;
186
- color: #666;
187
- background: @steps-background-color;
188
-
189
- > a:first-child:last-child {
190
- color: #666;
191
- }
192
- }
193
- .@{steps-prefix-cls}-item-last {
194
- .@{steps-prefix-cls}-title {
195
- padding-right: 0;
196
- width: 100%;
197
- }
198
- }
199
- .@{steps-prefix-cls}-content {
200
- font-size: 12px;
201
- color: #999;
202
- }
203
- .@{steps-prefix-cls}-tail {
204
- width: 100%;
205
- padding: 0 10px;
206
- position: absolute;
207
- left: 0;
208
- top: 13px;
209
- > i {
210
- display: inline-block;
211
- width: 100%;
212
- height: 1px;
213
- vertical-align: top;
214
- background: @border-color-split;
215
- border-radius: 1px;
216
- position: relative;
217
- &:after {
218
- content: '';
219
- width: 0;
220
- height: 100%;
221
- background: @border-color-split;
222
- opacity: 0;
223
- position: absolute;
224
- top: 0;
225
- }
226
- }
227
- }
228
-
229
- &.@{steps-prefix-cls}-small {
230
- .@{steps-prefix-cls}-head-inner {
231
- width: 18px;
232
- height: 18px;
233
- line-height: 16px;
234
- margin-right: 10px;
235
- text-align: center;
236
- border-radius: 50%;
237
- font-size: 12px;
238
-
239
- > .@{steps-prefix-cls}-icon.ivu-icon {
240
- font-size: 16px;
241
- top: 0;
242
- }
243
- }
244
- .@{steps-prefix-cls}-main {
245
- margin-top: 0;
246
- }
247
- .@{steps-prefix-cls}-title {
248
- margin-bottom: 4px;
249
- margin-top: 0;
250
- color: #666;
251
- font-size: 12px;
252
- font-weight: bold;
253
- }
254
- .@{steps-prefix-cls}-content {
255
- font-size: 12px;
256
- color: #999;
257
- padding-left: 30px;
258
- }
259
- .@{steps-prefix-cls}-tail {
260
- top: 8px;
261
- padding: 0 8px;
262
- > i {
263
- height: 1px;
264
- width: 100%;
265
- border-radius: 1px;
266
- }
267
- }
268
- }
269
-
270
- &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner,
271
- .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner {
272
- width: inherit;
273
- height: inherit;
274
- line-height: inherit;
275
- border-radius: 0;
276
- border: 0;
277
- background: none;
278
- }
279
- }
280
-
281
- .@{steps-prefix-cls}-vertical {
282
- display: block;
283
- .@{steps-prefix-cls}-item {
284
- display: block;
285
- overflow: visible;
286
- }
287
-
288
- .@{steps-prefix-cls}-tail {
289
- position: absolute;
290
- left: 13px;
291
- top: 0;
292
- height: 100%;
293
- width: 1px;
294
- padding: 30px 0 4px 0;
295
- > i {
296
- height: 100%;
297
- width: 1px;
298
- &:after {
299
- height: 0;
300
- width: 100%;
301
- }
302
- }
303
- }
304
-
305
- .@{steps-prefix-cls}-status-finish {
306
- .@{steps-prefix-cls}-tail > i:after {
307
- height: 100%;
308
- }
309
- }
310
-
311
- .@{steps-prefix-cls}-head {
312
- float: left;
313
- &-inner {
314
- margin-right: 16px;
315
- }
316
- }
317
-
318
- .@{steps-prefix-cls}-main {
319
- min-height: 47px;
320
- overflow: hidden;
321
- display: block;
322
- .@{steps-prefix-cls}-title {
323
- line-height: 26px;
324
- }
325
- .@{steps-prefix-cls}-content {
326
- padding-bottom: 12px;
327
- padding-left: 0;
328
- }
329
- }
330
-
331
- .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {
332
- left: 4px;
333
- }
334
- &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {
335
- left: 0;
336
- }
337
- }
338
-
339
- .@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-small {
340
- .@{steps-prefix-cls}-tail {
341
- position: absolute;
342
- left: 9px;
343
- top: 0;
344
- padding: 22px 0 4px 0;
345
- > i {
346
- height: 100%;
347
- }
348
- }
349
-
350
- .@{steps-prefix-cls}-title {
351
- line-height: 18px;
352
- }
353
- }
354
-
355
- .@{steps-prefix-cls}-horizontal {
356
- &.@{steps-prefix-cls}-hidden {
357
- visibility: hidden;
358
- }
359
- .@{steps-prefix-cls}-content {
360
- //max-width: 100px;
361
- padding-left: 35px;
362
- }
363
- .@{steps-prefix-cls}-item:not(:first-child) .@{steps-prefix-cls}-head {
364
- padding-left: 10px;
365
- margin-left: -10px;
366
- }
367
- }
1
+ @steps-prefix-cls: ~"@{css-prefix}steps";
2
+ @steps-wait-icon-color: #ccc;
3
+ @steps-wait-title-color: #999;
4
+ @steps-wait-description-color: @steps-wait-title-color;
5
+ @steps-wait-tail-color: @border-color-split;
6
+ @steps-title-color: #666;
7
+
8
+ .@{steps-prefix-cls} {
9
+ display: -webkit-box;
10
+ display: -ms-flexbox;
11
+ display: flex;
12
+ width: 100%;
13
+ font-size: 0;
14
+ line-height: 1.5;
15
+
16
+ &-item{
17
+ display: inline-block;
18
+ position: relative;
19
+ vertical-align: top;
20
+ -webkit-box-flex: 1;
21
+ -ms-flex: 1;
22
+ flex: 1;
23
+ overflow: hidden;
24
+ &:last-child{
25
+ -webkit-box-flex: 0;
26
+ -ms-flex: 0;
27
+ flex: none;
28
+ }
29
+
30
+ &.@{steps-prefix-cls}-status-wait{
31
+ .@{steps-prefix-cls}-head-inner {
32
+ background-color:@steps-background-color;
33
+ > .@{steps-prefix-cls}-icon, span {
34
+ color: @steps-wait-icon-color;
35
+ }
36
+ }
37
+ .@{steps-prefix-cls}-title {
38
+ color: @steps-wait-title-color;
39
+ }
40
+ .@{steps-prefix-cls}-content {
41
+ color: @steps-wait-description-color;
42
+ }
43
+ .@{steps-prefix-cls}-tail > i {
44
+ background-color: @steps-wait-tail-color;
45
+ }
46
+ }
47
+ &.@{steps-prefix-cls}-status-process {
48
+ .@{steps-prefix-cls}-head-inner {
49
+ border-color: @primary-color;
50
+ background-color: @primary-color;
51
+ > .@{steps-prefix-cls}-icon, span {
52
+ color: #fff;
53
+ }
54
+ }
55
+ .@{steps-prefix-cls}-title {
56
+ color: @steps-title-color;
57
+ }
58
+ .@{steps-prefix-cls}-content {
59
+ color: @steps-title-color;
60
+ }
61
+ .@{steps-prefix-cls}-tail > i {
62
+ background-color: @border-color-split;
63
+ }
64
+ }
65
+ &.@{steps-prefix-cls}-status-finish {
66
+ .@{steps-prefix-cls}-head-inner {
67
+ background-color: @steps-background-color;
68
+ border-color: @primary-color;
69
+ > .@{steps-prefix-cls}-icon, span {
70
+ color: @primary-color;
71
+ }
72
+ }
73
+ .@{steps-prefix-cls}-tail > i:after {
74
+ width: 100%;
75
+ background: @primary-color;
76
+ transition: all @transition-time @ease-in-out;
77
+ opacity: 1;
78
+ }
79
+ .@{steps-prefix-cls}-title {
80
+ color: @steps-wait-title-color;
81
+ }
82
+ .@{steps-prefix-cls}-content {
83
+ color: @steps-wait-description-color;
84
+ }
85
+ }
86
+
87
+ &.@{steps-prefix-cls}-status-error {
88
+ .@{steps-prefix-cls}-head-inner {
89
+ background-color: @steps-background-color;
90
+ border-color: @error-color;
91
+ > .@{steps-prefix-cls}-icon {
92
+ color: @error-color;
93
+ }
94
+ }
95
+ .@{steps-prefix-cls}-title {
96
+ color: @error-color;
97
+ }
98
+ .@{steps-prefix-cls}-content {
99
+ color: @error-color;
100
+ }
101
+ .@{steps-prefix-cls}-tail > i {
102
+ background-color: @border-color-split;
103
+ }
104
+ }
105
+
106
+ &.@{steps-prefix-cls}-next-error {
107
+ .@{steps-prefix-cls}-tail > i,
108
+ .@{steps-prefix-cls}-tail > i:after {
109
+ background-color: @error-color;
110
+ }
111
+ }
112
+
113
+ &.@{steps-prefix-cls}-custom {
114
+ .@{steps-prefix-cls}-head-inner {
115
+ background: none;
116
+ border: 0;
117
+ width: auto;
118
+ height: auto;
119
+ > .@{steps-prefix-cls}-icon {
120
+ font-size: 20px;
121
+ top: 2px;
122
+ width: 20px;
123
+ height: 20px;
124
+ }
125
+ }
126
+ &.@{steps-prefix-cls}-status-process {
127
+ .@{steps-prefix-cls}-head-inner > .@{steps-prefix-cls}-icon {
128
+ color: @primary-color;
129
+ }
130
+ }
131
+ }
132
+ }
133
+ &-item:last-child &-tail{
134
+ display: none;
135
+ }
136
+
137
+ .@{steps-prefix-cls}-head,
138
+ .@{steps-prefix-cls}-main {
139
+ position: relative;
140
+ display: inline-block;
141
+ vertical-align: top;
142
+ }
143
+ .@{steps-prefix-cls}-head {
144
+ background: @steps-background-color;
145
+ }
146
+
147
+ .@{steps-prefix-cls}-head-inner {
148
+ display: block;
149
+ width: 26px;
150
+ height: 26px;
151
+ line-height: 24px;
152
+ margin-right: 8px;
153
+ text-align: center;
154
+ border: 1px solid @steps-wait-icon-color;
155
+ border-radius: 50%;
156
+ font-size: 14px;
157
+ transition: background-color @transition-time @ease-in-out;
158
+
159
+ > .@{steps-prefix-cls}-icon {
160
+ line-height: 1;
161
+ position: relative;
162
+
163
+ &.ivu-icon {
164
+ font-size: 24px;
165
+ &-ios-checkmark-empty,
166
+ &-ios-close-empty {
167
+ font-weight: bold;
168
+ }
169
+ }
170
+ }
171
+ }
172
+ .@{steps-prefix-cls}-main {
173
+ margin-top: 2.5px;
174
+ display: inline;
175
+ }
176
+ .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-title{
177
+ margin-top: 2.5px;
178
+ }
179
+
180
+ .@{steps-prefix-cls}-title {
181
+ display: inline-block;
182
+ margin-bottom: 4px;
183
+ padding-right: 10px;
184
+ font-size: 14px;
185
+ font-weight: bold;
186
+ color: #666;
187
+ background: @steps-background-color;
188
+
189
+ > a:first-child:last-child {
190
+ color: #666;
191
+ }
192
+ }
193
+ .@{steps-prefix-cls}-item-last {
194
+ .@{steps-prefix-cls}-title {
195
+ padding-right: 0;
196
+ width: 100%;
197
+ }
198
+ }
199
+ .@{steps-prefix-cls}-content {
200
+ font-size: 12px;
201
+ color: #999;
202
+ }
203
+ .@{steps-prefix-cls}-tail {
204
+ width: 100%;
205
+ padding: 0 10px;
206
+ position: absolute;
207
+ left: 0;
208
+ top: 13px;
209
+ > i {
210
+ display: inline-block;
211
+ width: 100%;
212
+ height: 1px;
213
+ vertical-align: top;
214
+ background: @border-color-split;
215
+ border-radius: 1px;
216
+ position: relative;
217
+ &:after {
218
+ content: '';
219
+ width: 0;
220
+ height: 100%;
221
+ background: @border-color-split;
222
+ opacity: 0;
223
+ position: absolute;
224
+ top: 0;
225
+ }
226
+ }
227
+ }
228
+
229
+ &.@{steps-prefix-cls}-small {
230
+ .@{steps-prefix-cls}-head-inner {
231
+ width: 18px;
232
+ height: 18px;
233
+ line-height: 16px;
234
+ margin-right: 10px;
235
+ text-align: center;
236
+ border-radius: 50%;
237
+ font-size: 12px;
238
+
239
+ > .@{steps-prefix-cls}-icon.ivu-icon {
240
+ font-size: 16px;
241
+ top: 0;
242
+ }
243
+ }
244
+ .@{steps-prefix-cls}-main {
245
+ margin-top: 0;
246
+ }
247
+ .@{steps-prefix-cls}-title {
248
+ margin-bottom: 4px;
249
+ margin-top: 0;
250
+ color: #666;
251
+ font-size: 12px;
252
+ font-weight: bold;
253
+ }
254
+ .@{steps-prefix-cls}-content {
255
+ font-size: 12px;
256
+ color: #999;
257
+ padding-left: 30px;
258
+ }
259
+ .@{steps-prefix-cls}-tail {
260
+ top: 8px;
261
+ padding: 0 8px;
262
+ > i {
263
+ height: 1px;
264
+ width: 100%;
265
+ border-radius: 1px;
266
+ }
267
+ }
268
+ }
269
+
270
+ &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner,
271
+ .@{steps-prefix-cls}-item.@{steps-prefix-cls}-custom .@{steps-prefix-cls}-head-inner {
272
+ width: inherit;
273
+ height: inherit;
274
+ line-height: inherit;
275
+ border-radius: 0;
276
+ border: 0;
277
+ background: none;
278
+ }
279
+ }
280
+
281
+ .@{steps-prefix-cls}-vertical {
282
+ display: block;
283
+ .@{steps-prefix-cls}-item {
284
+ display: block;
285
+ overflow: visible;
286
+ }
287
+
288
+ .@{steps-prefix-cls}-tail {
289
+ position: absolute;
290
+ left: 13px;
291
+ top: 0;
292
+ height: 100%;
293
+ width: 1px;
294
+ padding: 30px 0 4px 0;
295
+ > i {
296
+ height: 100%;
297
+ width: 1px;
298
+ &:after {
299
+ height: 0;
300
+ width: 100%;
301
+ }
302
+ }
303
+ }
304
+
305
+ .@{steps-prefix-cls}-status-finish {
306
+ .@{steps-prefix-cls}-tail > i:after {
307
+ height: 100%;
308
+ }
309
+ }
310
+
311
+ .@{steps-prefix-cls}-head {
312
+ float: left;
313
+ &-inner {
314
+ margin-right: 16px;
315
+ }
316
+ }
317
+
318
+ .@{steps-prefix-cls}-main {
319
+ min-height: 47px;
320
+ overflow: hidden;
321
+ display: block;
322
+ .@{steps-prefix-cls}-title {
323
+ line-height: 26px;
324
+ }
325
+ .@{steps-prefix-cls}-content {
326
+ padding-bottom: 12px;
327
+ padding-left: 0;
328
+ }
329
+ }
330
+
331
+ .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {
332
+ left: 4px;
333
+ }
334
+ &.@{steps-prefix-cls}-small .@{steps-prefix-cls}-custom .@{steps-prefix-cls}-icon {
335
+ left: 0;
336
+ }
337
+ }
338
+
339
+ .@{steps-prefix-cls}-vertical.@{steps-prefix-cls}-small {
340
+ .@{steps-prefix-cls}-tail {
341
+ position: absolute;
342
+ left: 9px;
343
+ top: 0;
344
+ padding: 22px 0 4px 0;
345
+ > i {
346
+ height: 100%;
347
+ }
348
+ }
349
+
350
+ .@{steps-prefix-cls}-title {
351
+ line-height: 18px;
352
+ }
353
+ }
354
+
355
+ .@{steps-prefix-cls}-horizontal {
356
+ &.@{steps-prefix-cls}-hidden {
357
+ visibility: hidden;
358
+ }
359
+ .@{steps-prefix-cls}-content {
360
+ //max-width: 100px;
361
+ padding-left: 35px;
362
+ }
363
+ .@{steps-prefix-cls}-item:not(:first-child) .@{steps-prefix-cls}-head {
364
+ padding-left: 10px;
365
+ margin-left: -10px;
366
+ }
367
+ }