fmui-base 2.0.63 → 2.0.64

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