fmui-base 2.0.65 → 2.0.66

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 (12) hide show
  1. package/README.md +1 -0
  2. package/lib/css/react_grid.css +829 -973
  3. package/lib/form/table.js +11 -2
  4. package/lib/poppage/tree/tree.js +3 -3
  5. package/lib/react_grid/react_grid.js +2 -2
  6. package/lib/select-fileno/pageHome.js +1 -1
  7. package/lib/select-serialnumber/pageHome.js +1 -1
  8. package/lib/select-serialnumber/pageHome1.js +1 -1
  9. package/lib/signature/draw.js +3 -3
  10. package/lib/signature/sign.less +73 -73
  11. package/lib/signature//346/211/213/345/206/231/347/255/276/345/220/215/344/275/277/347/224/250/346/226/207/346/241/243.md +11 -11
  12. package/package.json +1 -1
package/lib/css/react_grid.css CHANGED
@@ -1,973 +1,829 @@
1
- .react-grid .noTitle .t-tab-bar {
2
- display: none;
3
- }
4
- .react-grid .t-tab-bar {
5
- position: relative;
6
- padding-left: 16px;
7
- }
8
- .react-grid .t-tab-bar::before {
9
- content: "";
10
- width: 3px;
11
- height: 65%;
12
- border-radius: 3px;
13
- background-color: #E75E1E;
14
- position: absolute;
15
- top: 4px;
16
- left: 8px;
17
- }
18
- .react-grid .t-tab-bar .t-tab-tab {
19
- font-size: 16px;
20
- min-width: 95px;
21
- color: #888;
22
- flex: initial;
23
- height: auto;
24
- line-height: 20px;
25
- display: block;
26
- background-color: transparent;
27
- }
28
- .react-grid .t-tab-bar .t-tab-tab div {
29
- max-width: 95px;
30
- padding: 2px 5px;
31
- min-height: 28px;
32
- white-space: nowrap;
33
- overflow: hidden;
34
- text-overflow: ellipsis;
35
- -webkit-line-clamp: 1;
36
- -webkit-box-orient: vertical;
37
- }
38
- .react-grid .t-tab-bar .t-tab-tab-active {
39
- color: #333 !important;
40
- font-size: 18px;
41
- }
42
- .react-grid .t-tab-ink-bar {
43
- display: none !important;
44
- }
45
- .react-grid .t-tab-nav-wrap .t-tab-ink-bar {
46
- margin-left: -31px;
47
- }
48
- .react-grid .react-grid-item.cssTransforms {
49
- overflow: auto;
50
- background-size: contain;
51
- background-repeat: no-repeat;
52
- background-size: 100% 100%;
53
- }
54
- .react-grid .react-grid-component {
55
- background-color: #fff;
56
- }
57
- .react-grid .react-grid-component .react-grid-banner-img {
58
- position: absolute;
59
- width: 114%;
60
- height: 130px;
61
- left: -14%;
62
- right: 0;
63
- top: 0;
64
- z-index: -1;
65
- }
66
- .react-grid .react-grid-component .react-grid-banner-img img {
67
- width: 114%;
68
- height: 100%;
69
- border-radius: 0 0 50% 50%;
70
- }
71
- .react-grid .react-grid-component .react-grid-banner {
72
- position: relative;
73
- color: #fff;
74
- width: 100%;
75
- height: 100%;
76
- padding: 0;
77
- overflow-x: hidden;
78
- }
79
- .react-grid .react-grid-component .react-grid-banner .banner {
80
- position: absolute;
81
- top: 0;
82
- bottom: 0;
83
- z-index: -1;
84
- width: 100%;
85
- }
86
- .react-grid .react-grid-component .react-grid-banner .banner .bannerimg {
87
- z-index: 0;
88
- width: 100%;
89
- height: 100%;
90
- }
91
- .react-grid .react-grid-component .react-grid-banner .global-search {
92
- display: flex;
93
- align-items: center;
94
- padding: 16px;
95
- padding-bottom: 38px;
96
- }
97
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-wrapper {
98
- height: 30px;
99
- padding: 5px 0;
100
- border-radius: 4px 0 0 4px;
101
- background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
102
- border: 1px solid #ffffff;
103
- border-radius: 4px;
104
- }
105
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper {
106
- width: 70px;
107
- background: none;
108
- border-right: 1px solid #ddd;
109
- }
110
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item {
111
- height: 20px;
112
- line-height: 20px;
113
- font-size: 14px;
114
- }
115
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .item-wrapper {
116
- padding: 0 0 0 10px;
117
- }
118
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .icon {
119
- height: 20px;
120
- width: 20px;
121
- }
122
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .title-wrapper {
123
- color: #fff;
124
- }
125
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg div {
126
- display: none !important;
127
- }
128
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg {
129
- font-family: "iconfont-ywtb" !important;
130
- font-size: 12px;
131
- font-style: normal;
132
- -webkit-font-smoothing: antialiased;
133
- color: #fff;
134
- line-height: 18px !important;
135
- }
136
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg:before {
137
- content: "\e65b";
138
- }
139
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-list-item.active .icon svg {
140
- display: none;
141
- }
142
- .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-panel-wrapper {
143
- width: 70px;
144
- overflow-y: auto;
145
- box-shadow: 0 2px 5px #ddd;
146
- margin-top: 5px;
147
- }
148
- .react-grid .react-grid-component .react-grid-banner .global-search .t-field {
149
- flex: 1;
150
- }
151
- .react-grid .react-grid-component .react-grid-banner .global-search .t-field-box {
152
- min-height: 30px;
153
- }
154
- .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content {
155
- background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
156
- height: 30px;
157
- border-radius: 0 4px 4px 0;
158
- padding-left: 10px;
159
- }
160
- .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content .t-text-field-right-addon {
161
- color: #fff;
162
- padding: 5px 0 2px 0;
163
- }
164
- .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-placeholder {
165
- color: #fff;
166
- font-size: 14px;
167
- }
168
- .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-input {
169
- color: #fff;
170
- }
171
- .react-grid .react-grid-component .react-grid-banner .global-search input.t-text-field-input:focus,
172
- .react-grid .react-grid-component .react-grid-banner .global-search textarea.t-textarea-field-content:focus {
173
- border: none;
174
- box-shadow: none;
175
- }
176
- .react-grid .react-grid-component .react-grid-banner .t-grid-item:first-child,
177
- .react-grid .react-grid-component .react-grid-banner .t-grid-item:last-child {
178
- border-radius: 6px 6px 30px 30px;
179
- }
180
- .react-grid .react-grid-component .react-grid-banner .t-grid-item {
181
- margin: 0 10px;
182
- background: #FFFFFF;
183
- background-image: linear-gradient(180deg, rgba(202, 160, 141, 0.33) 0%, rgba(202, 160, 141, 0) 40%);
184
- box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.09);
185
- border-radius: 6px;
186
- }
187
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .t-badge {
188
- width: 40px;
189
- height: 40px;
190
- margin-top: 5px;
191
- border-radius: 50%;
192
- line-height: 40px;
193
- }
194
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .banshicolor {
195
- background: #FE907220;
196
- color: #FE9072;
197
- }
198
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .zixuncolor {
199
- background: #1AC8D120;
200
- color: #1AC8D1;
201
- }
202
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .yingyongcolor {
203
- background: #FFBD3F20;
204
- color: #FFBD3F;
205
- }
206
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .daibancolor {
207
- background: #3FACF620;
208
- color: #3FACF6;
209
- }
210
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .wodecolor {
211
- background: #7C80DA20;
212
- color: #7C80DA;
213
- }
214
- .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item i {
215
- font-size: 20px;
216
- }
217
- .react-grid .react-grid-component .react-grid-banner .menu-title {
218
- margin-bottom: 10px;
219
- margin-top: 5px;
220
- color: #121314;
221
- }
222
- .react-grid .react-grid-component .react-grid-banner .t-badge .badge-inner {
223
- line-height: 1.3;
224
- height: auto;
225
- font-weight: 400;
226
- padding: 0 5px;
227
- top: 9px;
228
- right: -2px;
229
- border: 2px solid #fff;
230
- }
231
- .react-grid .react-grid-component.banner {
232
- width: 100% !important;
233
- transform: translate(0, 8px) !important;
234
- background-color: transparent;
235
- }
236
- .react-grid .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+1) .systemItem .iconblock {
237
- background: #FFBB3C;
238
- }
239
- .react-grid .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+2) .systemItem .iconblock {
240
- background: #FE9072;
241
- }
242
- .react-grid .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+3) .systemItem .iconblock {
243
- background: #3FACF6;
244
- }
245
- .react-grid .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+4) .systemItem .iconblock {
246
- background: #1AC8D1;
247
- }
248
- .react-grid .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+5) .systemItem .iconblock {
249
- background: #7C80DA;
250
- }
251
- .react-grid .t-grid-row:nth-child(n+1) .t-grid-item:nth-child(n+6) .systemItem .iconblock {
252
- background: #1AC8D1;
253
- }
254
- .react-grid .t-grid-row:nth-child(n+2) .t-grid-item:nth-child(n+1) .systemItem .iconblock {
255
- background: #7C80DA;
256
- }
257
- .react-grid .t-grid-row:nth-child(n+2) .t-grid-item:nth-child(n+2) .systemItem .iconblock {
258
- background: #3FACF6;
259
- }
260
- .react-grid .t-grid-row:nth-child(n+2) .t-grid-item:nth-child(n+3) .systemItem .iconblock {
261
- background: #FFBB3C;
262
- }
263
- .react-grid .t-grid-row:nth-child(n+2) .t-grid-item:nth-child(n+4) .systemItem .iconblock {
264
- background: #FE9072;
265
- }
266
- .react-grid .systemItem {
267
- display: inline-block;
268
- text-align: center;
269
- width: fit-content;
270
- vertical-align: top;
271
- padding-top: 16px;
272
- }
273
- .react-grid .systemItem .iconblock {
274
- width: 40px;
275
- height: 40px;
276
- line-height: 40px;
277
- margin: 0 auto;
278
- border-radius: 3px;
279
- color: #fff;
280
- }
281
- .react-grid .systemItem .iconblock.t-gengduo {
282
- background: #E3DBC7 !important;
283
- }
284
- .react-grid .systemItem .iconfont {
285
- font-size: 20px;
286
- }
287
- .react-grid .systemItem .text {
288
- color: #000;
289
- text-align: center;
290
- font-size: 14px;
291
- }
292
- .react-grid .systemItem .t-badge {
293
- width: 100%;
294
- }
295
- .react-grid .systemItem .t-badge .badge-inner {
296
- line-height: 13px;
297
- font-weight: 400;
298
- border: 2px solid #fff;
299
- }
300
- .react-grid .react-app-collect {
301
- position: relative;
302
- height: 100%;
303
- }
304
- .react-grid .react-app-collect .t-grid .t-grid-item + .t-grid-item {
305
- border-left: none;
306
- }
307
- .react-grid .react-app-collect .t-grid .t-grid-row {
308
- border-bottom: none;
309
- }
310
- .react-grid .react-app-collect .t-grid.t-has-line {
311
- border-top: none;
312
- }
313
- .react-grid .component-bssx {
314
- position: relative;
315
- }
316
- .react-grid .component-bssx .rightMore {
317
- position: absolute;
318
- right: 10px;
319
- color: #999;
320
- z-index: 999;
321
- padding: 2px;
322
- font-size: 14px;
323
- }
324
- .react-grid .banshi-list {
325
- display: flex;
326
- flex-wrap: wrap;
327
- justify-content: space-between;
328
- padding: 10px 16px 16px 16px;
329
- padding-bottom: 0;
330
- }
331
- .react-grid .banshi-list .banshi-item {
332
- width: calc(50% - 8px);
333
- background: #FEF8E8;
334
- border-radius: 8px;
335
- margin: 6px 0;
336
- padding: 10px;
337
- padding-right: 60px;
338
- position: relative;
339
- height: 60px;
340
- }
341
- .react-grid .banshi-list .banshi-item .title {
342
- font-size: 14px;
343
- }
344
- .react-grid .banshi-list .banshi-item .describe {
345
- font-size: 12px;
346
- color: #9A968D;
347
- }
348
- .react-grid .banshi-list .banshi-item .iconfont-ywtb.ic {
349
- position: absolute;
350
- right: 16px;
351
- top: 0;
352
- line-height: 60px;
353
- font-size: 30px;
354
- background-clip: text;
355
- -webkit-background-clip: text;
356
- -webkit-text-fill-color: transparent;
357
- }
358
- .react-grid .banshi-list .banshi-item .iconfont-ywtb.bg {
359
- position: absolute;
360
- right: 0;
361
- top: -15px;
362
- bottom: 0;
363
- font-size: 60px;
364
- opacity: 0.16;
365
- background-clip: text;
366
- -webkit-background-clip: text;
367
- -webkit-text-fill-color: transparent;
368
- }
369
- .react-grid .banshi-list .banshi-item:nth-child(1) {
370
- background: #FEF8E8;
371
- }
372
- .react-grid .banshi-list .banshi-item:nth-child(1) .iconfont-ywtb.ic,
373
- .react-grid .banshi-list .banshi-item:nth-child(1) .iconfont-ywtb.bg {
374
- background-image: linear-gradient(to bottom, #FFA92B 20%, #FFD253 80%);
375
- color: #FFA92B;
376
- }
377
- .react-grid .banshi-list .banshi-item:nth-child(2) {
378
- background: #FFF1F2;
379
- }
380
- .react-grid .banshi-list .banshi-item:nth-child(2) .iconfont-ywtb.ic,
381
- .react-grid .banshi-list .banshi-item:nth-child(2) .iconfont-ywtb.bg {
382
- background-image: linear-gradient(to bottom, #FF766D 20%, #FDAD78 80%);
383
- color: #FF766D;
384
- }
385
- .react-grid .banshi-list .banshi-item:nth-child(3) {
386
- background: #DFF0FF;
387
- }
388
- .react-grid .banshi-list .banshi-item:nth-child(3) .iconfont-ywtb.ic,
389
- .react-grid .banshi-list .banshi-item:nth-child(3) .iconfont-ywtb.bg {
390
- background-image: linear-gradient(106deg, #1990F0 20%, #73D2FF 80%);
391
- color: #1990F0;
392
- }
393
- .react-grid .banshi-list .banshi-item:nth-child(4) {
394
- background: #DEF8F7;
395
- }
396
- .react-grid .banshi-list .banshi-item:nth-child(4) .iconfont-ywtb.ic,
397
- .react-grid .banshi-list .banshi-item:nth-child(4) .iconfont-ywtb.bg {
398
- background-image: linear-gradient(to bottom, #00C1CE 20%, #65DBD8 80%);
399
- color: #00C1CE;
400
- }
401
- .react-grid .banshi-list .banshi-item:nth-child(5) {
402
- background: #FEF5F3;
403
- }
404
- .react-grid .banshi-list .banshi-item:nth-child(5) .iconfont-ywtb.ic,
405
- .react-grid .banshi-list .banshi-item:nth-child(5) .iconfont-ywtb.bg {
406
- background-image: linear-gradient(to bottom, #FF7661 20%, #FBA772 80%);
407
- color: #FF7661;
408
- }
409
- .react-grid .banshi-list .banshi-item:nth-child(6) {
410
- background: #EFF5FF;
411
- }
412
- .react-grid .banshi-list .banshi-item:nth-child(6) .iconfont-ywtb.ic,
413
- .react-grid .banshi-list .banshi-item:nth-child(6) .iconfont-ywtb.bg {
414
- background-image: linear-gradient(to bottom, #686BC9 20%, #A2A8FA 80%);
415
- color: #686BC9;
416
- }
417
- .react-grid .carousel-notice.t-slide {
418
- margin: 16px;
419
- border-radius: 5px;
420
- }
421
- .react-grid .carousel-notice.t-slide .t-slide-item {
422
- background-size: 100% 100%;
423
- }
424
- .react-grid .carousel-notice.t-slide .t-slide-item-inner {
425
- background-size: 100% 100%;
426
- background-repeat: no-repeat;
427
- padding: 16px;
428
- }
429
- .react-grid .carousel-notice.t-slide .t-slide-item img {
430
- display: none;
431
- }
432
- .react-grid .carousel-notice.t-slide .notice-card-head {
433
- display: flex;
434
- justify-content: space-between;
435
- align-items: center;
436
- margin-bottom: 16px;
437
- }
438
- .react-grid .carousel-notice.t-slide .notice-card-head span {
439
- font-size: 20px;
440
- font-weight: 700;
441
- }
442
- .react-grid .carousel-notice.t-slide .notice-card-head .t-button {
443
- height: 26px;
444
- line-height: 26px;
445
- font-size: 14px;
446
- padding: 0 16px;
447
- margin: 0;
448
- background: rgba(163, 131, 78, 0.1);
449
- color: #A3834E;
450
- }
451
- .react-grid .jxzt-content {
452
- margin: 0 16px;
453
- }
454
- .react-grid .jxzt-content .t-image-slide-item {
455
- background-image: url(/mobile/fmui/images/notice-card-bg.png);
456
- background-size: 100% 100%;
457
- border-radius: 10px;
458
- }
459
- .react-grid .jxzt-content .t-slide-view {
460
- height: 91px;
461
- }
462
- .react-grid .infoList {
463
- margin: 0 16px;
464
- padding: 10px 0;
465
- border-bottom: 1px solid #e9e9e9;
466
- }
467
- .react-grid .infoList .infoContent {
468
- display: flex;
469
- justify-content: space-between;
470
- }
471
- .react-grid .infoList .infoContent .rightContent {
472
- flex: 1;
473
- }
474
- .react-grid .infoList .infoContent p:first-child {
475
- overflow: hidden;
476
- -webkit-box-orient: vertical;
477
- -webkit-line-clamp: 2;
478
- display: -webkit-box;
479
- font-size: 16px;
480
- text-align: left;
481
- color: #000000;
482
- line-height: 22.5px;
483
- margin-bottom: 5px;
484
- word-break: break-all;
485
- }
486
- .react-grid .infoList .infoContent p:last-child {
487
- display: flex;
488
- align-items: center;
489
- }
490
- .react-grid .infoList .infoContent p:last-child img {
491
- margin: 0 0.1667rem 0 0;
492
- width: 0.3467rem;
493
- height: 0.2933rem;
494
- }
495
- .react-grid .infoList .infoContent p:last-child span {
496
- margin: 0 10px 0 0;
497
- text-align: left;
498
- color: #00000066;
499
- line-height: 1.3;
500
- word-break: break-all;
501
- }
502
- .react-grid .infoList .infoContent .imgContent img {
503
- margin: auto;
504
- width: 2.96rem;
505
- height: 1.9333rem;
506
- border-radius: 0.1067rem;
507
- }
508
- .react-grid .infoList:last-of-type {
509
- border-bottom: none;
510
- }
511
- .react-grid .infoList3 {
512
- background-color: #fff;
513
- padding-top: 0.2667rem;
514
- padding-left: 0.2667rem;
515
- padding-right: 0.2667rem;
516
- }
517
- .react-grid .infoList3 .infoContent {
518
- border-bottom: 0.0267rem solid #dcdcdc;
519
- padding-bottom: 0.2667rem;
520
- }
521
- .react-grid .infoList3 .infoContent p:first-child {
522
- overflow: hidden;
523
- -webkit-box-orient: vertical;
524
- -webkit-line-clamp: 2;
525
- display: -webkit-box;
526
- font-size: 16px;
527
- font-weight: 400;
528
- text-align: left;
529
- color: #000000;
530
- line-height: 22.5px;
531
- margin-bottom: 0.2667rem;
532
- }
533
- .react-grid .infoList3 .infoContent p:last-child {
534
- display: flex;
535
- align-items: center;
536
- }
537
- .react-grid .infoList3 .infoContent p:last-child img {
538
- margin: 0 0.1667rem 0 0;
539
- width: 0.3467rem;
540
- height: 0.2933rem;
541
- }
542
- .react-grid .infoList3 .infoContent p:last-child span {
543
- margin: 0 10px 0 0;
544
- font-size: 12px;
545
- font-weight: 400;
546
- text-align: left;
547
- color: #00000066;
548
- line-height: 1.3;
549
- word-break: break-all;
550
- }
551
- .react-grid .infoList3 .infoContent .infoPics {
552
- margin-bottom: 0.2667rem;
553
- display: flex;
554
- justify-content: space-between;
555
- }
556
- .react-grid .infoList3 .infoContent .infoPics img {
557
- width: 2.8667rem;
558
- height: 1.9333rem;
559
- border-radius: 0.1067rem;
560
- }
561
- .react-grid .info-more-btn {
562
- color: #999;
563
- padding: 10px 16px;
564
- margin: 0 auto;
565
- width: 100px;
566
- }
567
- .react-grid .calendar-title,
568
- .react-grid .show-all-content {
569
- display: none;
570
- }
571
- .react-grid .calendar-container {
572
- background: transparent;
573
- }
574
- .react-grid .calendar-week {
575
- height: 20px;
576
- }
577
- .react-grid .calendar-week div {
578
- height: 20px;
579
- line-height: 20px;
580
- }
581
- .react-grid .calendar-wrap {
582
- border-bottom: none;
583
- margin-bottom: 10px;
584
- }
585
- .react-grid .calendar-content .canChoose-active span,
586
- .react-grid .calendar-content div.today span {
587
- color: #713938 !important;
588
- }
589
- .react-grid .calendar-content .canChoose-active span {
590
- background: #F6F6F6 !important;
591
- }
592
- .react-grid .calendar-content div.today span {
593
- background: #F6F6F6 !important;
594
- }
595
- .react-grid .calendar-content span.hasEvent:before {
596
- color: #FAB88D !important;
597
- }
598
- .react-grid .rc-list .rc-item {
599
- padding: 5px 16px 5px 10px;
600
- }
601
- .react-grid .rc-list .rc-item-time {
602
- width: 40px;
603
- color: #999;
604
- font-size: 14px;
605
- text-align: center;
606
- }
607
- .react-grid .rc-list .rc-item-time-line {
608
- position: absolute;
609
- top: 36px;
610
- left: 22px;
611
- color: #999;
612
- }
613
- .react-grid .rc-list .rc-item-title {
614
- padding: 0 16px;
615
- background: rgba(112, 58, 58, 0.06);
616
- border-radius: 4px;
617
- line-height: 36px;
618
- height: 36px;
619
- margin-left: 10px;
620
- }
621
- .react-grid .rc-item.rc-completed .rc-item-title {
622
- color: #ccc;
623
- background: #f9f9fa;
624
- }
625
- .react-grid .rc-item:last-of-type .rc-item-time-line {
626
- display: none;
627
- }
628
- .react-grid .meetingCard {
629
- width: 100%;
630
- background: transparent;
631
- padding: 8px;
632
- position: relative;
633
- }
634
- .react-grid .meetingCard .lineTop {
635
- position: absolute;
636
- top: 0;
637
- left: 10px;
638
- width: calc(100% - 20px);
639
- height: 16px;
640
- background: #713938;
641
- border-radius: 8px;
642
- }
643
- .react-grid .meetingCard .meetingBg {
644
- padding: 15px;
645
- margin: 0 15px;
646
- width: calc(100% - 30px);
647
- background: #fff;
648
- position: relative;
649
- border-radius: 0 0 8px 8px;
650
- box-shadow: 0 2px 6px 0 #eee;
651
- }
652
- .react-grid .meetingCard .meetingContent .meetingTitle {
653
- padding-bottom: 10px;
654
- border-bottom: 1px dashed #dcdcdc;
655
- }
656
- .react-grid .meetingCard .meetingContent .meetingTitle p {
657
- font-size: 16px;
658
- font-weight: 400;
659
- text-align: left;
660
- color: #000000;
661
- word-break: break-all;
662
- }
663
- .react-grid .meetingCard .meetingTime {
664
- height: 70%;
665
- padding-top: 0.2667rem;
666
- }
667
- .react-grid .meetingCard .meetingTime .meetingDate {
668
- color: #737373;
669
- font-size: 14px;
670
- display: flex;
671
- align-items: center;
672
- }
673
- .react-grid .meetingCard .meetingTime .meetingDate .iconfont {
674
- color: #BCC2C6;
675
- }
676
- .react-grid .meetingCard .meetingTime .timeTitle {
677
- display: flex;
678
- justify-content: space-between;
679
- font-size: 12px;
680
- color: #B8B8B8;
681
- margin: 20px 20px 10px 20px;
682
- }
683
- .react-grid .meetingCard .meetingTime .time {
684
- display: flex;
685
- align-items: center;
686
- width: 100%;
687
- margin-top: 0;
688
- padding: 0 16px;
689
- }
690
- .react-grid .meetingCard .meetingTime .time li {
691
- list-style-type: none;
692
- }
693
- .react-grid .meetingCard .meetingTime .time li:first-child {
694
- width: 30%;
695
- font-size: 25px;
696
- font-weight: 700;
697
- text-align: left;
698
- color: #000000;
699
- }
700
- .react-grid .meetingCard .meetingTime .time li:nth-child(2) {
701
- width: 40%;
702
- position: relative;
703
- }
704
- .react-grid .meetingCard .meetingTime .time li:nth-child(2) p {
705
- background: #713938;
706
- border-radius: 11px;
707
- color: #fff;
708
- text-align: center;
709
- height: 22px;
710
- width: 90px;
711
- line-height: 22px;
712
- margin: auto;
713
- }
714
- .react-grid .meetingCard .meetingTime .time li:nth-child(2)::before,
715
- .react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
716
- content: "";
717
- display: block;
718
- width: calc((100% - 90px) / 2);
719
- height: 1px;
720
- background-color: #713938;
721
- position: absolute;
722
- }
723
- .react-grid .meetingCard .meetingTime .time li:nth-child(2)::before {
724
- top: 10px;
725
- left: 0;
726
- }
727
- .react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
728
- top: 10px;
729
- right: 0;
730
- }
731
- .react-grid .meetingCard .meetingTime .time li:last-child {
732
- width: 30%;
733
- font-size: 25px;
734
- font-weight: 700;
735
- text-align: right;
736
- color: #000000;
737
- }
738
- .react-grid .meetingCard .meetingTime .location {
739
- margin-top: 0.5333rem;
740
- color: #737373;
741
- font-size: 14px;
742
- font-weight: 400;
743
- text-align: left;
744
- }
745
- .react-grid .meetingCard .meetingTime .location .iconfont {
746
- color: #BCC2C6;
747
- }
748
- .react-grid .meetingCard .startIcon {
749
- position: absolute;
750
- top: 20px;
751
- right: 20px;
752
- width: 2rem;
753
- }
754
- .react-grid .emailListItem {
755
- height: 1.8rem;
756
- border-bottom: 0.0267rem solid #dcdcdc;
757
- display: flex;
758
- position: relative;
759
- justify-content: space-between;
760
- align-items: center;
761
- background-color: #fff;
762
- }
763
- .react-grid .emailListItem .leftPic {
764
- width: 20%;
765
- height: 80%;
766
- display: flex;
767
- text-align: center;
768
- position: relative;
769
- }
770
- .react-grid .emailListItem .leftPic .emailIcon {
771
- margin: auto;
772
- width: 1.0667rem;
773
- height: 1.0667rem;
774
- }
775
- .react-grid .emailListItem .leftPic .badge {
776
- width: 0.4rem;
777
- height: 0.4rem;
778
- position: absolute;
779
- top: 0.2667rem;
780
- right: 0.3467rem;
781
- }
782
- .react-grid .emailListItem .rightContent {
783
- width: 80%;
784
- }
785
- .react-grid .emailListItem .rightContent .sendUserName {
786
- font-size: 16px;
787
- font-weight: 700;
788
- color: #000;
789
- }
790
- .react-grid .emailListItem .rightContent .content {
791
- font-size: 14px;
792
- font-weight: 400;
793
- text-align: left;
794
- color: #000000B3;
795
- overflow: hidden;
796
- text-overflow: ellipsis;
797
- white-space: nowrap;
798
- }
799
- .react-grid .emailListItem .emailTime {
800
- position: absolute;
801
- top: 0.2667rem;
802
- right: 0.2667rem;
803
- font-size: 12px;
804
- font-weight: 400;
805
- color: #00000066;
806
- }
807
- .react-grid .approveList {
808
- margin: 0 auto 10px auto;
809
- width: 9.1467rem;
810
- background-color: #fff;
811
- overflow: hidden;
812
- border-radius: 6px;
813
- }
814
- .react-grid .approveList .t-FBH {
815
- justify-content: space-between;
816
- }
817
- .react-grid .approveList .time-tag {
818
- background: #fce68f;
819
- padding: 8px 16px;
820
- border-radius: 0 0 16px 0;
821
- color: #806207;
822
- }
823
- .react-grid .approveList .urgency-tag {
824
- text-align: center;
825
- height: 22px;
826
- line-height: 22px;
827
- font-size: 12px;
828
- color: #fff;
829
- margin-top: 6px;
830
- padding: 0 16px;
831
- border-radius: 12px 0 0 12px;
832
- }
833
- .react-grid .documentList {
834
- margin: 0 auto 10px auto;
835
- width: 9.1467rem;
836
- background-color: #fff;
837
- overflow: hidden;
838
- border-radius: 6px;
839
- }
840
- .react-grid .documentList .t-tag-red {
841
- line-height: 16px;
842
- border: 1px solid #d6403b;
843
- }
844
- .react-grid .personal-tab {
845
- color: red;
846
- }
847
- .react-grid .department-tab {
848
- color: blue;
849
- }
850
- .react-grid .list-RT-label .list-item .item-title::before {
851
- background: #713938;
852
- }
853
- .react-grid .list-RT-label .list-item {
854
- margin: 10px 16px;
855
- }
856
- .react-grid .rightMore {
857
- position: absolute;
858
- right: 10px;
859
- color: #999;
860
- z-index: 999;
861
- padding: 2px;
862
- font-size: 14px;
863
- }
864
- .react-grid .rightMore .iconfont-ywtb {
865
- font-size: 7px;
866
- vertical-align: middle;
867
- margin-left: 2px;
868
- }
869
- .react-grid .sxbl_buttons {
870
- border-top: none !important;
871
- padding: 0 16px;
872
- }
873
- .react-grid .sxbl_buttons button {
874
- width: 98%;
875
- padding: 4px 6px;
876
- margin-bottom: 10px;
877
- background: rgba(112, 58, 58, 0.12);
878
- border: 2px solid #703a3a;
879
- border-radius: 4px;
880
- font-size: 16px;
881
- color: #703A3A;
882
- }
883
- .react-grid .sxbl_buttons .t-grid-row {
884
- border-bottom: none !important;
885
- }
886
- .react-grid .wdsx-list .list-item {
887
- display: flex;
888
- align-items: center;
889
- justify-content: space-between;
890
- }
891
- .react-grid .wdsx-list .list-item .item-content {
892
- display: flex;
893
- flex-direction: column;
894
- align-items: flex-start;
895
- justify-content: initial;
896
- }
897
- .react-grid .t-grid-item + .t-grid-item {
898
- border-left: none !important;
899
- }
900
- .react-grid .t-refresh-control .t-refresh-control-inner {
901
- z-index: 0;
902
- }
903
- .react-grid .t-refresh-control.ready .t-refresh-control-inner {
904
- z-index: -1;
905
- }
906
- .react-grid .t-refresh-control.refreshAnimate.refreshing .t-refresh-control-inner {
907
- z-index: 0;
908
- }
909
- .react-grid .t-refresh-control.refreshAnimate .t-refresh-control-inner {
910
- z-index: -1;
911
- }
912
- .react-grid .lcfq-list .lcfq-list-item {
913
- display: flex;
914
- flex-direction: column;
915
- align-items: center;
916
- padding-bottom: 10px;
917
- }
918
- .react-grid .lcfq-list .lcfq-list-item .lcfq-list-item-icon {
919
- width: 50px;
920
- height: 50px;
921
- line-height: 50px;
922
- margin: 0 auto;
923
- border-radius: 8px;
924
- margin-bottom: 10px;
925
- position: relative;
926
- }
927
- .react-grid .lcfq-list .lcfq-list-item .lcfq-list-item-text {
928
- line-height: 1.3;
929
- font-size: 14px;
930
- }
931
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+1) .lcfq-list-item-icon {
932
- color: #FFBB3C;
933
- background: rgba(255, 187, 60, 0.16);
934
- }
935
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+2) .lcfq-list-item-icon {
936
- color: #FE9072;
937
- background: rgba(254, 144, 114, 0.16);
938
- }
939
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+3) .lcfq-list-item-icon {
940
- color: #3FACF6;
941
- background: rgba(63, 172, 246, 0.16);
942
- }
943
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+4) .lcfq-list-item-icon {
944
- color: #1AC8D1;
945
- background: rgba(26, 200, 209, 0.16);
946
- }
947
- .react-grid .lcfq-list .t-grid-item:nth-child(5n+5) .lcfq-list-item-icon {
948
- color: #7C80DA;
949
- background: rgba(124, 128, 218, 0.16);
950
- }
951
- .react-grid .t-grid {
952
- margin: 0 8px;
953
- border-top: none !important;
954
- }
955
- .react-grid .t-grid .t-grid-row {
956
- align-items: flex-start;
957
- width: 100%;
958
- padding: 7px 0 0 0;
959
- border-bottom: none;
960
- border-top: none;
961
- text-align: center;
962
- }
963
- .react-grid .t-grid .t-grid-item + .t-grid-item {
964
- border-left: none;
965
- }
966
- .react-grid .tp-content {
967
- width: 100%;
968
- height: 100%;
969
- }
970
- .react-grid .tp-content img {
971
- width: 100%;
972
- height: 100%;
973
- }
1
+ .react-grid .noTitle .t-tab-bar {
2
+ display: none;
3
+ }
4
+ .react-grid .t-tab-bar {
5
+ padding-left: 6px;
6
+ }
7
+ .react-grid .t-tab-bar .t-tab-tab {
8
+ font-size: 16px;
9
+ min-width: 95px;
10
+ color: #888;
11
+ flex: initial;
12
+ padding: 0 10px;
13
+ height: 33px;
14
+ line-height: 20px;
15
+ display: block;
16
+ background-color: transparent;
17
+ }
18
+ .react-grid .t-tab-bar .t-tab-tab div {
19
+ min-width: 81px;
20
+ height: inherit;
21
+ white-space: nowrap;
22
+ overflow: hidden;
23
+ text-overflow: ellipsis;
24
+ -webkit-line-clamp: 1;
25
+ -webkit-box-orient: vertical;
26
+ }
27
+ .react-grid .t-tab-bar .t-tab-tab-active {
28
+ color: #333 !important;
29
+ font-size: 18px;
30
+ }
31
+ .react-grid .t-tab-ink-bar {
32
+ margin-left: -33px;
33
+ border-radius: 4px;
34
+ height: 4px;
35
+ width: 25px !important;
36
+ background-color: #713938;
37
+ }
38
+ .react-grid .t-tab-ink-bar:after {
39
+ content: "";
40
+ display: block;
41
+ width: 40px;
42
+ height: 4px;
43
+ border-radius: 4px;
44
+ background: #713938;
45
+ opacity: 0.3;
46
+ position: absolute;
47
+ left: 30px;
48
+ }
49
+ .react-grid .t-tab-nav-wrap .t-tab-ink-bar {
50
+ margin-left: -28px;
51
+ }
52
+ .react-grid .react-grid-item.cssTransforms {
53
+ overflow: auto;
54
+ background-size: contain;
55
+ background-repeat: no-repeat;
56
+ background-size: 100% 100%;
57
+ }
58
+ .react-grid .react-grid-component .react-grid-banner {
59
+ color: #fff;
60
+ width: 100%;
61
+ height: 100%;
62
+ padding: 0;
63
+ background-position: center;
64
+ background-repeat: no-repeat;
65
+ background-size: 100% 100%;
66
+ }
67
+ .react-grid .react-grid-component .react-grid-banner .banner {
68
+ position: absolute;
69
+ top: 0;
70
+ bottom: 0;
71
+ z-index: -1;
72
+ width: 100%;
73
+ }
74
+ .react-grid .react-grid-component .react-grid-banner .banner .bannerimg {
75
+ z-index: 0;
76
+ width: 100%;
77
+ height: 100%;
78
+ }
79
+ .react-grid .react-grid-component .react-grid-banner .global-search {
80
+ display: flex;
81
+ align-items: center;
82
+ padding: 16px;
83
+ padding-bottom: 38px;
84
+ }
85
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-wrapper {
86
+ height: 30px;
87
+ padding: 5px 0;
88
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
89
+ border-radius: 4px 0 0 4px;
90
+ }
91
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper {
92
+ width: 70px;
93
+ background: none;
94
+ border-right: 1px solid #ddd;
95
+ }
96
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item {
97
+ height: 20px;
98
+ line-height: 20px;
99
+ font-size: 14px;
100
+ }
101
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .item-wrapper {
102
+ padding: 0 0 0 10px;
103
+ }
104
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .icon {
105
+ height: 20px;
106
+ width: 20px;
107
+ }
108
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .title-wrapper {
109
+ color: #fff;
110
+ }
111
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg div {
112
+ display: none !important;
113
+ }
114
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg {
115
+ font-family: "iconfont-ywtb" !important;
116
+ font-size: 12px;
117
+ font-style: normal;
118
+ -webkit-font-smoothing: antialiased;
119
+ color: #fff;
120
+ line-height: 18px !important;
121
+ }
122
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg:before {
123
+ content: "\e65b";
124
+ }
125
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-list-item.active .icon svg {
126
+ display: none;
127
+ }
128
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-filter-panel-wrapper {
129
+ width: 70px;
130
+ overflow-y: auto;
131
+ box-shadow: 0 2px 5px #ddd;
132
+ margin-top: 5px;
133
+ }
134
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-field {
135
+ flex: 1;
136
+ }
137
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-field-box {
138
+ min-height: 30px;
139
+ }
140
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content {
141
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
142
+ height: 30px;
143
+ border-radius: 0 4px 4px 0;
144
+ padding-left: 10px;
145
+ }
146
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content .t-text-field-right-addon {
147
+ color: #fff;
148
+ padding: 5px 0 2px 0;
149
+ }
150
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-placeholder {
151
+ color: #fff;
152
+ font-size: 14px;
153
+ }
154
+ .react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-input {
155
+ color: #fff;
156
+ }
157
+ .react-grid .react-grid-component .react-grid-banner .global-search input.t-text-field-input:focus,
158
+ .react-grid .react-grid-component .react-grid-banner .global-search textarea.t-textarea-field-content:focus {
159
+ border: none;
160
+ box-shadow: none;
161
+ }
162
+ .react-grid .react-grid-component .react-grid-banner .t-grid {
163
+ margin: 0 8px;
164
+ border: none;
165
+ }
166
+ .react-grid .react-grid-component .react-grid-banner .t-grid .t-grid-row {
167
+ width: 100%;
168
+ padding: 10px 0;
169
+ border-bottom: none;
170
+ text-align: center;
171
+ }
172
+ .react-grid .react-grid-component .react-grid-banner .t-grid .t-grid-item + .t-grid-item {
173
+ border-left: none;
174
+ }
175
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .t-badge {
176
+ width: 40px;
177
+ height: 40px;
178
+ background: #fff;
179
+ border-radius: 50%;
180
+ line-height: 40px;
181
+ }
182
+ .react-grid .react-grid-component .react-grid-banner .react-grid-banner-item i {
183
+ font-size: 20px;
184
+ }
185
+ .react-grid .react-grid-component .react-grid-banner .menu-title {
186
+ margin: 4px 0;
187
+ color: #fff;
188
+ }
189
+ .react-grid .react-grid-component .react-grid-banner .t-badge .badge-inner {
190
+ line-height: 1.3;
191
+ height: auto;
192
+ font-weight: 400;
193
+ padding: 0 5px;
194
+ top: 9px;
195
+ right: -2px;
196
+ border: 2px solid #fff;
197
+ }
198
+ .react-grid .systemItem {
199
+ display: inline-block;
200
+ text-align: center;
201
+ width: fit-content;
202
+ vertical-align: top;
203
+ padding-top: 16px;
204
+ }
205
+ .react-grid .systemItem .iconblock {
206
+ width: 40px;
207
+ height: 40px;
208
+ line-height: 40px;
209
+ margin: 0 auto;
210
+ border-radius: 3px;
211
+ color: #fff;
212
+ }
213
+ .react-grid .systemItem .iconblock.t-iconBCred {
214
+ background-image: linear-gradient(180deg, #BF6052 7%, #AB5548 100%);
215
+ }
216
+ .react-grid .systemItem .iconblock.t-iconBCblue {
217
+ background-image: linear-gradient(180deg, #1E65BB 0%, #1054A7 100%);
218
+ }
219
+ .react-grid .systemItem .iconblock.t-iconBCgreen {
220
+ background-image: linear-gradient(180deg, #2CCDB7 0%, #15B49E 100%);
221
+ }
222
+ .react-grid .systemItem .iconblock.t-iconBCorange {
223
+ background-image: linear-gradient(180deg, #ECCCA1 0%, #E4C294 100%);
224
+ }
225
+ .react-grid .systemItem .iconblock.t-iconBCpurple {
226
+ background-image: linear-gradient(180deg, #abacff, #7ca6ff);
227
+ }
228
+ .react-grid .systemItem .iconblock.t-iconBCgray {
229
+ background-image: linear-gradient(180deg, #c1d1d7, #97b0bd);
230
+ }
231
+ .react-grid .systemItem .iconfont {
232
+ font-size: 20px;
233
+ }
234
+ .react-grid .systemItem .text {
235
+ color: #000;
236
+ text-align: center;
237
+ font-size: 14px;
238
+ }
239
+ .react-grid .react-app-collect {
240
+ position: relative;
241
+ height: 100%;
242
+ }
243
+ .react-grid .react-app-collect .t-grid .t-grid-item + .t-grid-item {
244
+ border-left: none;
245
+ }
246
+ .react-grid .react-app-collect .t-grid .t-grid-row {
247
+ border-bottom: none;
248
+ }
249
+ .react-grid .react-app-collect .t-grid.t-has-line {
250
+ border-top: none;
251
+ }
252
+ .react-grid .component-bssx {
253
+ position: relative;
254
+ }
255
+ .react-grid .component-bssx .rightMore {
256
+ position: absolute;
257
+ right: 10px;
258
+ color: #999;
259
+ z-index: 999;
260
+ padding: 2px;
261
+ font-size: 14px;
262
+ }
263
+ .react-grid .banshi-list {
264
+ display: flex;
265
+ flex-wrap: wrap;
266
+ justify-content: space-between;
267
+ padding: 16px;
268
+ padding-bottom: 0;
269
+ }
270
+ .react-grid .banshi-list .banshi-item {
271
+ width: calc(50% - 8px);
272
+ background: #FEF8E8;
273
+ border-radius: 8px;
274
+ margin: 6px 0;
275
+ padding: 10px;
276
+ padding-right: 60px;
277
+ position: relative;
278
+ height: 60px;
279
+ }
280
+ .react-grid .banshi-list .banshi-item .title {
281
+ font-size: 14px;
282
+ }
283
+ .react-grid .banshi-list .banshi-item .describe {
284
+ font-size: 12px;
285
+ color: #9A968D;
286
+ }
287
+ .react-grid .banshi-list .banshi-item .iconfont-ywtb.ic {
288
+ position: absolute;
289
+ right: 16px;
290
+ top: 0;
291
+ line-height: 60px;
292
+ font-size: 30px;
293
+ background-clip: text;
294
+ -webkit-background-clip: text;
295
+ -webkit-text-fill-color: transparent;
296
+ }
297
+ .react-grid .banshi-list .banshi-item .iconfont-ywtb.bg {
298
+ position: absolute;
299
+ right: 0;
300
+ top: -15px;
301
+ bottom: 0;
302
+ font-size: 60px;
303
+ opacity: 0.16;
304
+ background-clip: text;
305
+ -webkit-background-clip: text;
306
+ -webkit-text-fill-color: transparent;
307
+ }
308
+ .react-grid .banshi-list .banshi-item:nth-child(1) {
309
+ background: #FEF8E8;
310
+ }
311
+ .react-grid .banshi-list .banshi-item:nth-child(1) .iconfont-ywtb.ic,
312
+ .react-grid .banshi-list .banshi-item:nth-child(1) .iconfont-ywtb.bg {
313
+ background-image: linear-gradient(to bottom, #FFA92B 20%, #FFD253 80%);
314
+ color: #FFA92B;
315
+ }
316
+ .react-grid .banshi-list .banshi-item:nth-child(2) {
317
+ background: #FFF1F2;
318
+ }
319
+ .react-grid .banshi-list .banshi-item:nth-child(2) .iconfont-ywtb.ic,
320
+ .react-grid .banshi-list .banshi-item:nth-child(2) .iconfont-ywtb.bg {
321
+ background-image: linear-gradient(to bottom, #FF766D 20%, #FDAD78 80%);
322
+ color: #FF766D;
323
+ }
324
+ .react-grid .banshi-list .banshi-item:nth-child(3) {
325
+ background: #DFF0FF;
326
+ }
327
+ .react-grid .banshi-list .banshi-item:nth-child(3) .iconfont-ywtb.ic,
328
+ .react-grid .banshi-list .banshi-item:nth-child(3) .iconfont-ywtb.bg {
329
+ background-image: linear-gradient(106deg, #1990F0 20%, #73D2FF 80%);
330
+ color: #1990F0;
331
+ }
332
+ .react-grid .banshi-list .banshi-item:nth-child(4) {
333
+ background: #DEF8F7;
334
+ }
335
+ .react-grid .banshi-list .banshi-item:nth-child(4) .iconfont-ywtb.ic,
336
+ .react-grid .banshi-list .banshi-item:nth-child(4) .iconfont-ywtb.bg {
337
+ background-image: linear-gradient(to bottom, #00C1CE 20%, #65DBD8 80%);
338
+ color: #00C1CE;
339
+ }
340
+ .react-grid .banshi-list .banshi-item:nth-child(5) {
341
+ background: #FEF5F3;
342
+ }
343
+ .react-grid .banshi-list .banshi-item:nth-child(5) .iconfont-ywtb.ic,
344
+ .react-grid .banshi-list .banshi-item:nth-child(5) .iconfont-ywtb.bg {
345
+ background-image: linear-gradient(to bottom, #FF7661 20%, #FBA772 80%);
346
+ color: #FF7661;
347
+ }
348
+ .react-grid .banshi-list .banshi-item:nth-child(6) {
349
+ background: #EFF5FF;
350
+ }
351
+ .react-grid .banshi-list .banshi-item:nth-child(6) .iconfont-ywtb.ic,
352
+ .react-grid .banshi-list .banshi-item:nth-child(6) .iconfont-ywtb.bg {
353
+ background-image: linear-gradient(to bottom, #686BC9 20%, #A2A8FA 80%);
354
+ color: #686BC9;
355
+ }
356
+ .react-grid .carousel-notice.t-slide {
357
+ margin: 16px;
358
+ border-radius: 5px;
359
+ }
360
+ .react-grid .carousel-notice.t-slide .t-slide-item {
361
+ padding: 16px;
362
+ background-size: 100% 100%;
363
+ }
364
+ .react-grid .carousel-notice.t-slide .t-slide-item img {
365
+ display: none;
366
+ }
367
+ .react-grid .carousel-notice.t-slide .notice-card-head {
368
+ display: flex;
369
+ justify-content: space-between;
370
+ align-items: center;
371
+ margin-bottom: 16px;
372
+ }
373
+ .react-grid .carousel-notice.t-slide .notice-card-head span {
374
+ font-size: 20px;
375
+ font-weight: 700;
376
+ }
377
+ .react-grid .carousel-notice.t-slide .notice-card-head .t-button {
378
+ height: 26px;
379
+ line-height: 26px;
380
+ font-size: 14px;
381
+ padding: 0 16px;
382
+ margin: 0;
383
+ background-color: rgba(113, 57, 56, 0.1);
384
+ color: #713938;
385
+ }
386
+ .react-grid .jxzt-content {
387
+ margin: 0 16px;
388
+ }
389
+ .react-grid .jxzt-content .t-image-slide-item {
390
+ background-image: url(/mobile/fmui/images/notice-card-bg.png);
391
+ background-size: 100% 100%;
392
+ border-radius: 10px;
393
+ }
394
+ .react-grid .jxzt-content .t-slide-view {
395
+ height: 91px;
396
+ }
397
+ .react-grid .infoList {
398
+ margin: 0 16px;
399
+ padding: 10px 0;
400
+ border-bottom: 1px solid #e9e9e9;
401
+ }
402
+ .react-grid .infoList .infoContent {
403
+ display: flex;
404
+ justify-content: space-between;
405
+ }
406
+ .react-grid .infoList .infoContent .rightContent {
407
+ flex: 1;
408
+ }
409
+ .react-grid .infoList .infoContent p:first-child {
410
+ overflow: hidden;
411
+ -webkit-box-orient: vertical;
412
+ -webkit-line-clamp: 2;
413
+ display: -webkit-box;
414
+ font-size: 16px;
415
+ text-align: left;
416
+ color: #000000;
417
+ line-height: 22.5px;
418
+ margin-bottom: 5px;
419
+ word-break: break-all;
420
+ }
421
+ .react-grid .infoList .infoContent p:last-child {
422
+ display: flex;
423
+ align-items: center;
424
+ }
425
+ .react-grid .infoList .infoContent p:last-child img {
426
+ margin: 0 0.1667rem 0 0;
427
+ width: 0.3467rem;
428
+ height: 0.2933rem;
429
+ }
430
+ .react-grid .infoList .infoContent p:last-child span {
431
+ margin: 0 10px 0 0;
432
+ text-align: left;
433
+ color: #00000066;
434
+ line-height: 1.3;
435
+ word-break: break-all;
436
+ }
437
+ .react-grid .infoList .infoContent .imgContent img {
438
+ margin: auto;
439
+ width: 2.96rem;
440
+ height: 1.9333rem;
441
+ border-radius: 0.1067rem;
442
+ }
443
+ .react-grid .infoList:last-of-type {
444
+ border-bottom: none;
445
+ }
446
+ .react-grid .infoList3 {
447
+ background-color: #fff;
448
+ padding-top: 0.2667rem;
449
+ padding-left: 0.2667rem;
450
+ padding-right: 0.2667rem;
451
+ }
452
+ .react-grid .infoList3 .infoContent {
453
+ border-bottom: 0.0267rem solid #dcdcdc;
454
+ padding-bottom: 0.2667rem;
455
+ }
456
+ .react-grid .infoList3 .infoContent p:first-child {
457
+ overflow: hidden;
458
+ -webkit-box-orient: vertical;
459
+ -webkit-line-clamp: 2;
460
+ display: -webkit-box;
461
+ font-size: 16px;
462
+ font-weight: 400;
463
+ text-align: left;
464
+ color: #000000;
465
+ line-height: 22.5px;
466
+ margin-bottom: 0.2667rem;
467
+ }
468
+ .react-grid .infoList3 .infoContent p:last-child {
469
+ display: flex;
470
+ align-items: center;
471
+ }
472
+ .react-grid .infoList3 .infoContent p:last-child img {
473
+ margin: 0 0.1667rem 0 0;
474
+ width: 0.3467rem;
475
+ height: 0.2933rem;
476
+ }
477
+ .react-grid .infoList3 .infoContent p:last-child span {
478
+ margin: 0 10px 0 0;
479
+ font-size: 12px;
480
+ font-weight: 400;
481
+ text-align: left;
482
+ color: #00000066;
483
+ line-height: 1.3;
484
+ word-break: break-all;
485
+ }
486
+ .react-grid .infoList3 .infoContent .infoPics {
487
+ margin-bottom: 0.2667rem;
488
+ display: flex;
489
+ justify-content: space-between;
490
+ }
491
+ .react-grid .infoList3 .infoContent .infoPics img {
492
+ width: 2.8667rem;
493
+ height: 1.9333rem;
494
+ border-radius: 0.1067rem;
495
+ }
496
+ .react-grid .info-more-btn {
497
+ color: #999;
498
+ padding: 10px 16px;
499
+ margin: 0 auto;
500
+ width: 100px;
501
+ }
502
+ .react-grid .calendar-title,
503
+ .react-grid .show-all-content {
504
+ display: none;
505
+ }
506
+ .react-grid .calendar-container {
507
+ background: transparent;
508
+ }
509
+ .react-grid .calendar-week {
510
+ height: 20px;
511
+ }
512
+ .react-grid .calendar-week div {
513
+ height: 20px;
514
+ line-height: 20px;
515
+ }
516
+ .react-grid .calendar-wrap {
517
+ border-bottom: none;
518
+ margin-bottom: 10px;
519
+ }
520
+ .react-grid .calendar-content .canChoose-active span,
521
+ .react-grid .calendar-content div.today span {
522
+ color: #713938 !important;
523
+ }
524
+ .react-grid .calendar-content .canChoose-active span {
525
+ background: #F6F6F6 !important;
526
+ }
527
+ .react-grid .calendar-content div.today span {
528
+ background: #F6F6F6 !important;
529
+ }
530
+ .react-grid .calendar-content span.hasEvent:before {
531
+ color: #FAB88D !important;
532
+ }
533
+ .react-grid .rc-list .rc-item {
534
+ padding: 5px 16px 5px 10px;
535
+ }
536
+ .react-grid .rc-list .rc-item-time {
537
+ width: 40px;
538
+ color: #999;
539
+ font-size: 14px;
540
+ text-align: center;
541
+ }
542
+ .react-grid .rc-list .rc-item-time-line {
543
+ position: absolute;
544
+ top: 36px;
545
+ left: 22px;
546
+ color: #999;
547
+ }
548
+ .react-grid .rc-list .rc-item-title {
549
+ padding: 0 16px;
550
+ background: #FFF6F5;
551
+ border-radius: 4px;
552
+ line-height: 36px;
553
+ height: 36px;
554
+ margin-left: 10px;
555
+ }
556
+ .react-grid .rc-item.rc-completed .rc-item-title {
557
+ color: #ccc;
558
+ background: #F9F9FA;
559
+ }
560
+ .react-grid .rc-item:last-of-type .rc-item-time-line {
561
+ display: none;
562
+ }
563
+ .react-grid .meetingCard {
564
+ width: 100%;
565
+ background: transparent;
566
+ padding: 8px;
567
+ position: relative;
568
+ }
569
+ .react-grid .meetingCard .lineTop {
570
+ position: absolute;
571
+ top: 0;
572
+ left: 10px;
573
+ width: calc(100% - 20px);
574
+ height: 16px;
575
+ background: #713938;
576
+ border-radius: 8px;
577
+ }
578
+ .react-grid .meetingCard .meetingBg {
579
+ padding: 15px;
580
+ margin: 0 15px;
581
+ width: calc(100% - 30px);
582
+ background: #fff;
583
+ position: relative;
584
+ border-radius: 0 0 8px 8px;
585
+ box-shadow: 0 2px 6px 0 #eee;
586
+ }
587
+ .react-grid .meetingCard .meetingContent .meetingTitle {
588
+ padding-bottom: 10px;
589
+ border-bottom: 1px dashed #dcdcdc;
590
+ }
591
+ .react-grid .meetingCard .meetingContent .meetingTitle p {
592
+ font-size: 16px;
593
+ font-weight: 400;
594
+ text-align: left;
595
+ color: #000000;
596
+ word-break: break-all;
597
+ }
598
+ .react-grid .meetingCard .meetingTime {
599
+ height: 70%;
600
+ padding-top: 0.2667rem;
601
+ }
602
+ .react-grid .meetingCard .meetingTime .meetingDate {
603
+ color: #737373;
604
+ font-size: 14px;
605
+ display: flex;
606
+ align-items: center;
607
+ }
608
+ .react-grid .meetingCard .meetingTime .meetingDate .iconfont {
609
+ color: #BCC2C6;
610
+ }
611
+ .react-grid .meetingCard .meetingTime .timeTitle {
612
+ display: flex;
613
+ justify-content: space-between;
614
+ font-size: 12px;
615
+ color: #B8B8B8;
616
+ margin: 20px 20px 10px 20px;
617
+ }
618
+ .react-grid .meetingCard .meetingTime .time {
619
+ display: flex;
620
+ align-items: center;
621
+ width: 100%;
622
+ margin-top: 0;
623
+ padding: 0 16px;
624
+ }
625
+ .react-grid .meetingCard .meetingTime .time li {
626
+ list-style-type: none;
627
+ }
628
+ .react-grid .meetingCard .meetingTime .time li:first-child {
629
+ width: 30%;
630
+ font-size: 25px;
631
+ font-weight: 700;
632
+ text-align: left;
633
+ color: #000000;
634
+ }
635
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2) {
636
+ width: 40%;
637
+ position: relative;
638
+ }
639
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2) p {
640
+ background: #713938;
641
+ border-radius: 11px;
642
+ color: #fff;
643
+ text-align: center;
644
+ height: 22px;
645
+ width: 90px;
646
+ line-height: 22px;
647
+ margin: auto;
648
+ }
649
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2)::before,
650
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
651
+ content: "";
652
+ display: block;
653
+ width: calc((100% - 90px) / 2);
654
+ height: 1px;
655
+ background-color: #713938;
656
+ position: absolute;
657
+ }
658
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2)::before {
659
+ top: 10px;
660
+ left: 0;
661
+ }
662
+ .react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
663
+ top: 10px;
664
+ right: 0;
665
+ }
666
+ .react-grid .meetingCard .meetingTime .time li:last-child {
667
+ width: 30%;
668
+ font-size: 25px;
669
+ font-weight: 700;
670
+ text-align: right;
671
+ color: #000000;
672
+ }
673
+ .react-grid .meetingCard .meetingTime .location {
674
+ margin-top: 0.5333rem;
675
+ color: #737373;
676
+ font-size: 14px;
677
+ font-weight: 400;
678
+ text-align: left;
679
+ }
680
+ .react-grid .meetingCard .meetingTime .location .iconfont {
681
+ color: #BCC2C6;
682
+ }
683
+ .react-grid .meetingCard .startIcon {
684
+ position: absolute;
685
+ top: 20px;
686
+ right: 20px;
687
+ width: 2rem;
688
+ }
689
+ .react-grid .emailListItem {
690
+ height: 1.8rem;
691
+ border-bottom: 0.0267rem solid #dcdcdc;
692
+ display: flex;
693
+ position: relative;
694
+ justify-content: space-between;
695
+ align-items: center;
696
+ background-color: #fff;
697
+ }
698
+ .react-grid .emailListItem .leftPic {
699
+ width: 20%;
700
+ height: 80%;
701
+ display: flex;
702
+ text-align: center;
703
+ position: relative;
704
+ }
705
+ .react-grid .emailListItem .leftPic .emailIcon {
706
+ margin: auto;
707
+ width: 1.0667rem;
708
+ height: 1.0667rem;
709
+ }
710
+ .react-grid .emailListItem .leftPic .badge {
711
+ width: 0.4rem;
712
+ height: 0.4rem;
713
+ position: absolute;
714
+ top: 0.2667rem;
715
+ right: 0.3467rem;
716
+ }
717
+ .react-grid .emailListItem .rightContent {
718
+ width: 80%;
719
+ }
720
+ .react-grid .emailListItem .rightContent .sendUserName {
721
+ font-size: 16px;
722
+ font-weight: 700;
723
+ color: #000;
724
+ }
725
+ .react-grid .emailListItem .rightContent .content {
726
+ font-size: 14px;
727
+ font-weight: 400;
728
+ text-align: left;
729
+ color: #000000B3;
730
+ overflow: hidden;
731
+ text-overflow: ellipsis;
732
+ white-space: nowrap;
733
+ }
734
+ .react-grid .emailListItem .emailTime {
735
+ position: absolute;
736
+ top: 0.2667rem;
737
+ right: 0.2667rem;
738
+ font-size: 12px;
739
+ font-weight: 400;
740
+ color: #00000066;
741
+ }
742
+ .react-grid .approveList {
743
+ margin: 0 auto 10px auto;
744
+ width: 9.1467rem;
745
+ background-color: #fff;
746
+ overflow: hidden;
747
+ border-radius: 6px;
748
+ }
749
+ .react-grid .approveList .t-FBH {
750
+ justify-content: space-between;
751
+ }
752
+ .react-grid .approveList .time-tag {
753
+ background: #fce68f;
754
+ padding: 8px 16px;
755
+ border-radius: 0 0 16px 0;
756
+ color: #806207;
757
+ }
758
+ .react-grid .approveList .urgency-tag {
759
+ text-align: center;
760
+ height: 22px;
761
+ line-height: 22px;
762
+ font-size: 12px;
763
+ color: #fff;
764
+ margin-top: 6px;
765
+ padding: 0 16px;
766
+ border-radius: 12px 0 0 12px;
767
+ }
768
+ .react-grid .documentList {
769
+ margin: 0 auto 10px auto;
770
+ width: 9.1467rem;
771
+ background-color: #fff;
772
+ overflow: hidden;
773
+ border-radius: 6px;
774
+ }
775
+ .react-grid .documentList .t-tag-red {
776
+ line-height: 16px;
777
+ border: 1px solid #d6403b;
778
+ }
779
+ .react-grid .personal-tab {
780
+ color: red;
781
+ }
782
+ .react-grid .department-tab {
783
+ color: blue;
784
+ }
785
+ .react-grid .list-RT-label .list-item .item-title::before {
786
+ background: #713938;
787
+ }
788
+ .react-grid .list-RT-label .list-item {
789
+ margin-top: 16px;
790
+ }
791
+ .react-grid .rightMore {
792
+ position: absolute;
793
+ right: 10px;
794
+ color: #999;
795
+ z-index: 999;
796
+ padding: 2px;
797
+ font-size: 14px;
798
+ }
799
+ .react-grid .rightMore .iconfont-ywtb {
800
+ font-size: 7px;
801
+ }
802
+ .react-grid .sxbl_buttons {
803
+ border-top: none !important;
804
+ padding: 0 16px;
805
+ }
806
+ .react-grid .sxbl_buttons button {
807
+ width: 98%;
808
+ height: 35px;
809
+ margin-bottom: 10px;
810
+ background: rgba(112, 58, 58, 0.12);
811
+ border: 2px solid #703a3a;
812
+ border-radius: 4px;
813
+ font-size: 16px;
814
+ color: #703A3A;
815
+ }
816
+ .react-grid .sxbl_buttons .t-grid-row {
817
+ border-bottom: none !important;
818
+ }
819
+ .react-grid .wdsx-list .list-item {
820
+ display: flex;
821
+ align-items: center;
822
+ justify-content: space-between;
823
+ }
824
+ .react-grid .wdsx-list .list-item .item-content {
825
+ display: flex;
826
+ flex-direction: column;
827
+ align-items: flex-start;
828
+ justify-content: initial;
829
+ }