system-clients 3.2.73 → 3.2.75

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/filiale/shiquan/Login.vue +564 -564
  3. package/src/filiale/tongchuan/Main.vue +1019 -0
  4. package/src/filiale/tongchuan/system.js +1 -1
  5. package/src/styles/less/aofeng/standard.less +4 -4
  6. package/src/styles/less/aofeng/themeOne/BinaryTemplate.less +690 -686
package/src/styles/less/aofeng/themeOne/BinaryTemplate.less CHANGED
@@ -1,686 +1,690 @@
1
-
2
- //@screenheight:`document.body.clientHeight+'px'`;
3
-
4
- //.html-hight(){
5
- // height: ;
6
- //}
7
-
8
- .a-tabs a {
9
- &,
10
- &:hover,
11
- &:focus {
12
- border-bottom: 2px solid #5ac0d9;
13
- color: #5ac0d9;
14
- //background-color: #e7f3fe;
15
- }
16
- }
17
-
18
- .foot_tabset > .span > .tab-pane {
19
- padding-top: 0 !important;
20
- background-color: #e8f4ff !important;
21
- }
22
-
23
- .foot_tabset > .flex > .span > .tab-pane {
24
- padding-top: 0 !important;
25
- background-color: #e8f4ff !important;
26
- }
27
-
28
- .foot_tabset1 > .span > .tab-pane {
29
- padding-top: 0 !important;
30
- background-color: #e8f4ff !important;
31
- }
32
-
33
- @media screen and (min-width: 1920px) {
34
-
35
- .basic-main {
36
- padding: 0.8%;
37
- margin: 0.8%;
38
- width: 98.6%;
39
- height: auto;
40
- background-color: #ffffff;
41
- border-radius: 14px;
42
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
43
- }
44
-
45
- .three {
46
- display: flex;
47
- width: 100%;
48
- height: 100%;
49
- overflow: hidden;
50
- }
51
-
52
- .three-left {
53
- padding: 0.8%;
54
- margin: 0.8% 0 0.8% 0.8%;
55
- width: 19%;
56
- height: auto;
57
- background-color: #ffffff;
58
- border-radius: 14px;
59
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
60
- }
61
-
62
- .three-center {
63
- padding: 0.8%;
64
- margin: 0.8% 0 0.8% 0;
65
- width: 58%;
66
- height: auto;
67
- background-color: #ffffff;
68
- border-radius: 14px;
69
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
70
- }
71
-
72
- .three-right {
73
- padding: 0.8%;
74
- margin: 0.8%;
75
- width: 19%;
76
- height: auto;
77
- background-color: #ffffff;
78
- border-radius: 14px;
79
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
80
- }
81
-
82
- .binary {
83
- display: flex;
84
- width: 100%;
85
- height: 100%;
86
- overflow: hidden;
87
- }
88
-
89
- //.tab-pane{
90
- // padding-top: 0!important;
91
- // background-color: #ffffff!important;
92
- //}
93
- .binary-left {
94
- padding: 0.8%;
95
- margin: 0.8%;
96
- width: 58%;
97
- height: auto;
98
- background-color: #ffffff;
99
- border-radius: 14px;
100
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
101
- }
102
-
103
- .binary-right {
104
- padding: 0.8%;
105
- margin: 0.8% 0.8% 0.8% 0;
106
- width: 39%;
107
- height: auto;
108
- background-color: #ffffff;
109
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
110
- border-radius: 14px;
111
- }
112
-
113
- .binary-right-main {
114
- padding-top: 1%;
115
- overflow-y: auto;
116
- overflow-x: auto;
117
- height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
118
- border-radius: 0 0 14px 14px;
119
- }
120
-
121
- .row {
122
- .form-group {
123
- margin: 6px 0;
124
- display: flex;
125
- align-items: center;
126
- height: 38px !important;
127
-
128
- > .datepicker {
129
- margin-top: 4px
130
- }
131
- }
132
- }
133
-
134
- }
135
-
136
- /*分辨率@1920*1080*/
137
- @media screen and (max-width: 1920px) {
138
-
139
- .basic-main {
140
- padding: 0.4%;
141
- margin: 0.4% 0.4%;
142
- width: 98.8%;
143
- height: auto;
144
- background-color: #ffffff;
145
- border-radius: 14px;
146
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
147
- }
148
-
149
- .three {
150
- display: flex;
151
- width: 100%;
152
- height: 100%;
153
- overflow: hidden;
154
-
155
- .foot_tabset > ul > {
156
- height: 5%;
157
- }
158
-
159
- .foot_tabset > .span > .tab-pane {
160
- padding-top: 10px !important;
161
- background-color: #ffffff !important;
162
- }
163
- }
164
-
165
- .three-left {
166
- padding: 0.6%;
167
- margin: 0.6% 0 0.6% 0.6%;
168
- width: 19%;
169
- height: auto;
170
- background-color: #ffffff;
171
- border-radius: 14px;
172
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
173
- }
174
-
175
- .three-center {
176
- padding: 0.6%;
177
- margin: 0.6% 0.6%;
178
- width: 58%;
179
- height: auto;
180
- background-color: #ffffff;
181
- border-radius: 14px;
182
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
183
- }
184
-
185
- .three-right {
186
- padding: 0.6%;
187
- margin: 0.6% 0.6% 0.6% 0;
188
- width: 19%;
189
- height: auto;
190
- background-color: #ffffff;
191
- border-radius: 14px;
192
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
193
- }
194
-
195
- .binary {
196
- display: flex;
197
- width: 100%;
198
- height: 100%;
199
- overflow: hidden;
200
-
201
- .foot_tabset > ul > {
202
- height: 5%;
203
- }
204
-
205
- .foot_tabset > .span > .tab-pane {
206
- padding-top: 10px !important;
207
- background-color: #ffffff !important;
208
- }
209
- }
210
-
211
- //.tab-pane{
212
- // padding-top: 0!important;
213
- // background-color: #ffffff!important;
214
- //}
215
- .binary-left {
216
- padding: 0.4%;
217
- margin: 0.4% 0.4%;
218
- width: 58%;
219
- height: auto;
220
- background-color: #ffffff;
221
- border-radius: 14px;
222
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
223
- }
224
-
225
- .binary-right {
226
- padding: 0.4%;
227
- margin: 0.4% 0.4% 0.4% 0;
228
- width: 40%;
229
- height: auto;
230
- background-color: #ffffff;
231
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
232
- border-radius: 14px;
233
- }
234
-
235
- .binary-right-main {
236
- padding-top: 1%;
237
- overflow-y: auto;
238
- overflow-x: auto;
239
- height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
240
- border-radius: 0 0 14px 14px;
241
- }
242
-
243
- .row {
244
- .form-group {
245
- margin: 6px 0;
246
- display: flex;
247
- align-items: center;
248
- height: 36px !important;
249
-
250
- > .datepicker {
251
- margin-top: 4px
252
- }
253
- }
254
- }
255
- }
256
-
257
-
258
- /*分辨率@1600*1080*/
259
- @media screen and (max-width: 1600px) {
260
-
261
- .basic-main {
262
- padding: 0.4%;
263
- margin: 0.4% 0.4%;
264
- width: 98.8%;
265
- height: auto;
266
- background-color: #ffffff;
267
- border-radius: 14px;
268
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
269
- }
270
-
271
- .three {
272
- display: flex;
273
- width: 100%;
274
- height: 100%;
275
- overflow: hidden;
276
-
277
- .foot_tabset > ul > {
278
- height: 5%;
279
- }
280
-
281
- .foot_tabset > .span > .tab-pane {
282
- padding-top: 10px !important;
283
- background-color: #ffffff !important;
284
- }
285
- }
286
-
287
- .three-left {
288
- padding: 0.6%;
289
- margin: 0.6% ;
290
- width: 19%;
291
- height: auto;
292
- background-color: #ffffff;
293
- border-radius: 14px;
294
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
295
- }
296
-
297
- .three-center {
298
- padding: 0.6%;
299
- margin: 0.6% 0;
300
- width: 58%;
301
- height: auto;
302
- background-color: #ffffff;
303
- border-radius: 14px;
304
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
305
- }
306
-
307
- .three-right {
308
- padding: 0.6%;
309
- margin: 0.6%;
310
- width: 19%;
311
- height: auto;
312
- background-color: #ffffff;
313
- border-radius: 14px;
314
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
315
- }
316
-
317
- .binary {
318
- display: flex;
319
- width: 100%;
320
- height: 100%;
321
- overflow: hidden;
322
-
323
- .foot_tabset > ul > {
324
- height: 5%;
325
- }
326
-
327
- .foot_tabset > .span > .tab-pane {
328
- padding-top: 10px !important;
329
- background-color: #ffffff !important;
330
- }
331
- }
332
-
333
- //.tab-pane{
334
- // padding-top: 0!important;
335
- // background-color: #ffffff!important;
336
- //}
337
- .binary-left {
338
- padding: 0.4%;
339
- margin: 0.4% 0.4%;
340
- width: 58%;
341
- height: auto;
342
- background-color: #ffffff;
343
- border-radius: 14px;
344
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
345
- }
346
-
347
- .binary-right {
348
- padding: 0.4%;
349
- margin: 0.4% 0.4% 0.4% 0;
350
- width: 40%;
351
- height: auto;
352
- background-color: #ffffff;
353
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
354
- border-radius: 14px;
355
- }
356
-
357
- .binary-right-main {
358
- padding-top: 1%;
359
- overflow-y: auto;
360
- overflow-x: auto;
361
- height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
362
- border-radius: 0 0 14px 14px;
363
- }
364
-
365
- .row {
366
- .form-group {
367
- margin: 6px 0;
368
- display: flex;
369
- align-items: center;
370
- height: 36px !important;
371
-
372
- > .datepicker {
373
- margin-top: 4px
374
- }
375
- }
376
- }
377
- }
378
-
379
- /*分辨率@1366*768*/
380
- @media screen and (max-width: 1366px) {
381
- .basic-main {
382
- padding: 0.5%;
383
- margin: 0.5% 0.5%;
384
- width: 99%;
385
- height: auto;
386
- background-color: #ffffff;
387
- border-radius: 14px;
388
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
389
- }
390
-
391
- .three {
392
- display: flex;
393
- width: 100%;
394
- height: 100%;
395
- overflow: hidden;
396
- }
397
-
398
- .three-left {
399
- padding: 0.5%;
400
- margin: 0.4%;
401
- width: 19%;
402
- height: auto;
403
- background-color: #ffffff;
404
- border-radius: 14px;
405
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
406
- }
407
-
408
- .three-center {
409
- padding: 0.4%;
410
- margin: 0.4% 0 0.4% 0;
411
- width: 58%;
412
- height: auto;
413
- background-color: #ffffff;
414
- border-radius: 14px;
415
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
416
- }
417
-
418
- .three-right {
419
- padding: 0.5%;
420
- margin: 0.4%;
421
- width: 19%;
422
- height: auto;
423
- background-color: #ffffff;
424
- border-radius: 14px;
425
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
426
- }
427
-
428
- .binary {
429
- display: flex;
430
- width: 100%;
431
- height: 100%;
432
- overflow: hidden;
433
- }
434
-
435
- //.tab-pane{
436
- // padding-top: 0!important;
437
- // background-color: #ffffff!important;
438
- //}
439
- .binary-left {
440
- padding: 0.5%;
441
- margin: 0.6% 0.5%;
442
- width: 58%;
443
- height: auto;
444
- background-color: #ffffff;
445
- border-radius: 14px;
446
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
447
- }
448
-
449
- .binary-right {
450
- padding: 0.5% ;
451
- margin: 0.6% 0.5% 0.6% 0;
452
- width: 39%;
453
- height: auto;
454
- background-color: #ffffff;
455
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
456
- border-radius: 14px;
457
- }
458
-
459
- .binary-right-main {
460
- padding-top: 0.5%;
461
- overflow-y: auto;
462
- overflow-x: auto;
463
- height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
464
- border-radius: 0 0 14px 14px;
465
- }
466
-
467
- .row {
468
- .form-group {
469
- margin: 5px 0;
470
- display: flex;
471
- align-items: center;
472
- height: 35px !important;
473
-
474
- > .datepicker {
475
- margin-top: 4px
476
- }
477
- }
478
- }
479
-
480
-
481
- }
482
-
483
-
484
- /*分辨率@1280*720*/
485
- @media screen and (max-width: 1280px) {
486
- .basic-main {
487
- padding: 0.4%;
488
- margin: 0.4%;
489
- width: 98%;
490
- height: auto;
491
- background-color: #ffffff;
492
- border-radius: 14px;
493
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
494
- }
495
-
496
- .three {
497
- display: flex;
498
- width: 100%;
499
- height: 100%;
500
- overflow: hidden;
501
- }
502
-
503
- .three-left {
504
- padding: 0.4%;
505
- margin: 0.4%;
506
- width: 19%;
507
- height: auto;
508
- background-color: #ffffff;
509
- border-radius: 14px;
510
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
511
- }
512
-
513
- .three-center {
514
- padding: 0.4%;
515
- margin: 0.4% 0 0.4% 0;
516
- width: 58%;
517
- height: auto;
518
- background-color: #ffffff;
519
- border-radius: 14px;
520
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
521
- }
522
-
523
- .three-right {
524
- padding: 0.4%;
525
- margin: 0.4%;
526
- width: 19%;
527
- height: auto;
528
- background-color: #ffffff;
529
- border-radius: 14px;
530
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
531
- }
532
-
533
- .binary {
534
- display: flex;
535
- width: 100%;
536
- height: 100%;
537
- overflow: hidden;
538
- }
539
-
540
- //.tab-pane{
541
- // padding-top: 0!important;
542
- // background-color: #ffffff!important;
543
- // }
544
- .binary-left {
545
- padding: 0.4%;
546
- margin: 0.4%;
547
- width: 58%;
548
- height: auto;
549
- background-color: #ffffff;
550
- border-radius: 14px;
551
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
552
- }
553
-
554
- .binary-right {
555
- padding: 0.4%;
556
- margin: 0.4% 0.4% 0.4% 0;
557
- width: 39%;
558
- height: auto;
559
- background-color: #ffffff;
560
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
561
- border-radius: 14px;
562
- }
563
-
564
- .binary-right-main {
565
- padding-top: 1%;
566
- overflow-y: auto;
567
- overflow-x: auto;
568
- height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
569
- border-radius: 0 0 14px 14px;
570
- }
571
-
572
- .row {
573
- .form-group {
574
- margin: 5px 0;
575
- display: flex;
576
- align-items: center;
577
- height: 35px !important;
578
-
579
- > .datepicker {
580
- margin-top: 4px
581
- }
582
- }
583
- }
584
-
585
- }
586
-
587
-
588
- /*分辨率@800*600*/
589
- @media screen and (max-width: 800px) {
590
- .basic-main {
591
- padding: 1%;
592
- margin: 1%;
593
- width: 98%;
594
- height: auto;
595
- background-color: #ffffff;
596
- border-radius: 14px;
597
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
598
- }
599
-
600
- .three {
601
- display: flex;
602
- width: 100%;
603
- height: 100%;
604
- overflow: hidden;
605
- }
606
-
607
- .three-left {
608
- padding: 1%;
609
- margin: 1%;
610
- width: 19%;
611
- height: auto;
612
- background-color: #ffffff;
613
- border-radius: 14px;
614
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
615
- }
616
-
617
- .three-center {
618
- padding: 1%;
619
- margin: 1% 0 1% 0;
620
- width: 58%;
621
- height: auto;
622
- background-color: #ffffff;
623
- border-radius: 14px;
624
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
625
- }
626
-
627
- .three-right {
628
- padding: 1%;
629
- margin: 1%;
630
- width: 19%;
631
- height: auto;
632
- background-color: #ffffff;
633
- border-radius: 14px;
634
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
635
- }
636
-
637
- .binary {
638
- display: flex;
639
- width: 100%;
640
- height: 100%;
641
- overflow: hidden;
642
- }
643
-
644
-
645
- .binary-left {
646
- padding: 1%;
647
- margin: 1%;
648
- width: 58%;
649
- height: auto;
650
- background-color: #ffffff;
651
- border-radius: 14px;
652
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
653
- }
654
-
655
- .binary-right {
656
- padding: 1%;
657
- margin: 1% 1% 1% 0;
658
- width: 39%;
659
- height: auto;
660
- background-color: #ffffff;
661
- box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
662
- border-radius: 14px;
663
- }
664
-
665
- .binary-right-main {
666
- padding-top: 1%;
667
- overflow-y: auto;
668
- overflow-x: auto;
669
- height: calc(((((100vh * 0.93) * 0.936) * 0.95) * 0.936) * 0.98);
670
- border-radius: 0 0 14px 14px;
671
- }
672
-
673
- .row {
674
- .form-group {
675
- margin: 4px 0;
676
- display: flex;
677
- align-items: center;
678
- height: 35px !important;
679
-
680
- > .datepicker {
681
- margin-top: 4px
682
- }
683
- }
684
- }
685
-
686
- }
1
+
2
+ //@screenheight:`document.body.clientHeight+'px'`;
3
+
4
+ //.html-hight(){
5
+ // height: ;
6
+ //}
7
+ .basic-main:has(table){
8
+ .list-flex{
9
+ height: 98% !important;
10
+ }
11
+ }
12
+ .a-tabs a {
13
+ &,
14
+ &:hover,
15
+ &:focus {
16
+ border-bottom: 2px solid #5ac0d9;
17
+ color: #5ac0d9;
18
+ //background-color: #e7f3fe;
19
+ }
20
+ }
21
+
22
+ .foot_tabset > .span > .tab-pane {
23
+ padding-top: 0 !important;
24
+ background-color: #e8f4ff !important;
25
+ }
26
+
27
+ .foot_tabset > .flex > .span > .tab-pane {
28
+ padding-top: 0 !important;
29
+ background-color: #e8f4ff !important;
30
+ }
31
+
32
+ .foot_tabset1 > .span > .tab-pane {
33
+ padding-top: 0 !important;
34
+ background-color: #e8f4ff !important;
35
+ }
36
+
37
+ @media screen and (min-width: 1920px) {
38
+
39
+ .basic-main {
40
+ padding: 0.8%;
41
+ margin: 0.8%;
42
+ width: 98.6%;
43
+ height: auto;
44
+ background-color: #ffffff;
45
+ border-radius: 14px;
46
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
47
+ }
48
+
49
+ .three {
50
+ display: flex;
51
+ width: 100%;
52
+ height: 100%;
53
+ overflow: hidden;
54
+ }
55
+
56
+ .three-left {
57
+ padding: 0.8%;
58
+ margin: 0.8% 0 0.8% 0.8%;
59
+ width: 19%;
60
+ height: auto;
61
+ background-color: #ffffff;
62
+ border-radius: 14px;
63
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
64
+ }
65
+
66
+ .three-center {
67
+ padding: 0.8%;
68
+ margin: 0.8% 0 0.8% 0;
69
+ width: 58%;
70
+ height: auto;
71
+ background-color: #ffffff;
72
+ border-radius: 14px;
73
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
74
+ }
75
+
76
+ .three-right {
77
+ padding: 0.8%;
78
+ margin: 0.8%;
79
+ width: 19%;
80
+ height: auto;
81
+ background-color: #ffffff;
82
+ border-radius: 14px;
83
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
84
+ }
85
+
86
+ .binary {
87
+ display: flex;
88
+ width: 100%;
89
+ height: 100%;
90
+ overflow: hidden;
91
+ }
92
+
93
+ //.tab-pane{
94
+ // padding-top: 0!important;
95
+ // background-color: #ffffff!important;
96
+ //}
97
+ .binary-left {
98
+ padding: 0.8%;
99
+ margin: 0.8%;
100
+ width: 58%;
101
+ height: auto;
102
+ background-color: #ffffff;
103
+ border-radius: 14px;
104
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
105
+ }
106
+
107
+ .binary-right {
108
+ padding: 0.8%;
109
+ margin: 0.8% 0.8% 0.8% 0;
110
+ width: 39%;
111
+ height: auto;
112
+ background-color: #ffffff;
113
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
114
+ border-radius: 14px;
115
+ }
116
+
117
+ .binary-right-main {
118
+ padding-top: 1%;
119
+ overflow-y: auto;
120
+ overflow-x: auto;
121
+ height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
122
+ border-radius: 0 0 14px 14px;
123
+ }
124
+
125
+ .row {
126
+ .form-group {
127
+ margin: 6px 0;
128
+ display: flex;
129
+ align-items: center;
130
+ height: 38px !important;
131
+
132
+ > .datepicker {
133
+ margin-top: 4px
134
+ }
135
+ }
136
+ }
137
+
138
+ }
139
+
140
+ /*分辨率@1920*1080*/
141
+ @media screen and (max-width: 1920px) {
142
+
143
+ .basic-main {
144
+ padding: 0.4%;
145
+ margin: 0.4% 0.4%;
146
+ width: 98.8%;
147
+ height: auto;
148
+ background-color: #ffffff;
149
+ border-radius: 14px;
150
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
151
+ }
152
+
153
+ .three {
154
+ display: flex;
155
+ width: 100%;
156
+ height: 100%;
157
+ overflow: hidden;
158
+
159
+ .foot_tabset > ul > {
160
+ height: 5%;
161
+ }
162
+
163
+ .foot_tabset > .span > .tab-pane {
164
+ padding-top: 10px !important;
165
+ background-color: #ffffff !important;
166
+ }
167
+ }
168
+
169
+ .three-left {
170
+ padding: 0.6%;
171
+ margin: 0.6% 0 0.6% 0.6%;
172
+ width: 19%;
173
+ height: auto;
174
+ background-color: #ffffff;
175
+ border-radius: 14px;
176
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
177
+ }
178
+
179
+ .three-center {
180
+ padding: 0.6%;
181
+ margin: 0.6% 0.6%;
182
+ width: 58%;
183
+ height: auto;
184
+ background-color: #ffffff;
185
+ border-radius: 14px;
186
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
187
+ }
188
+
189
+ .three-right {
190
+ padding: 0.6%;
191
+ margin: 0.6% 0.6% 0.6% 0;
192
+ width: 19%;
193
+ height: auto;
194
+ background-color: #ffffff;
195
+ border-radius: 14px;
196
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
197
+ }
198
+
199
+ .binary {
200
+ display: flex;
201
+ width: 100%;
202
+ height: 100%;
203
+ overflow: hidden;
204
+
205
+ .foot_tabset > ul > {
206
+ height: 5%;
207
+ }
208
+
209
+ .foot_tabset > .span > .tab-pane {
210
+ padding-top: 10px !important;
211
+ background-color: #ffffff !important;
212
+ }
213
+ }
214
+
215
+ //.tab-pane{
216
+ // padding-top: 0!important;
217
+ // background-color: #ffffff!important;
218
+ //}
219
+ .binary-left {
220
+ padding: 0.4%;
221
+ margin: 0.4% 0.4%;
222
+ width: 58%;
223
+ height: auto;
224
+ background-color: #ffffff;
225
+ border-radius: 14px;
226
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
227
+ }
228
+
229
+ .binary-right {
230
+ padding: 0.4%;
231
+ margin: 0.4% 0.4% 0.4% 0;
232
+ width: 40%;
233
+ height: auto;
234
+ background-color: #ffffff;
235
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
236
+ border-radius: 14px;
237
+ }
238
+
239
+ .binary-right-main {
240
+ padding-top: 1%;
241
+ overflow-y: auto;
242
+ overflow-x: auto;
243
+ height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
244
+ border-radius: 0 0 14px 14px;
245
+ }
246
+
247
+ .row {
248
+ .form-group {
249
+ margin: 6px 0;
250
+ display: flex;
251
+ align-items: center;
252
+ height: 36px !important;
253
+
254
+ > .datepicker {
255
+ margin-top: 4px
256
+ }
257
+ }
258
+ }
259
+ }
260
+
261
+
262
+ /*分辨率@1600*1080*/
263
+ @media screen and (max-width: 1600px) {
264
+
265
+ .basic-main {
266
+ padding: 0.4%;
267
+ margin: 0.4% 0.4%;
268
+ width: 98.8%;
269
+ height: auto;
270
+ background-color: #ffffff;
271
+ border-radius: 14px;
272
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
273
+ }
274
+
275
+ .three {
276
+ display: flex;
277
+ width: 100%;
278
+ height: 100%;
279
+ overflow: hidden;
280
+
281
+ .foot_tabset > ul > {
282
+ height: 5%;
283
+ }
284
+
285
+ .foot_tabset > .span > .tab-pane {
286
+ padding-top: 10px !important;
287
+ background-color: #ffffff !important;
288
+ }
289
+ }
290
+
291
+ .three-left {
292
+ padding: 0.6%;
293
+ margin: 0.6% ;
294
+ width: 19%;
295
+ height: auto;
296
+ background-color: #ffffff;
297
+ border-radius: 14px;
298
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
299
+ }
300
+
301
+ .three-center {
302
+ padding: 0.6%;
303
+ margin: 0.6% 0;
304
+ width: 58%;
305
+ height: auto;
306
+ background-color: #ffffff;
307
+ border-radius: 14px;
308
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
309
+ }
310
+
311
+ .three-right {
312
+ padding: 0.6%;
313
+ margin: 0.6%;
314
+ width: 19%;
315
+ height: auto;
316
+ background-color: #ffffff;
317
+ border-radius: 14px;
318
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
319
+ }
320
+
321
+ .binary {
322
+ display: flex;
323
+ width: 100%;
324
+ height: 100%;
325
+ overflow: hidden;
326
+
327
+ .foot_tabset > ul > {
328
+ height: 5%;
329
+ }
330
+
331
+ .foot_tabset > .span > .tab-pane {
332
+ padding-top: 10px !important;
333
+ background-color: #ffffff !important;
334
+ }
335
+ }
336
+
337
+ //.tab-pane{
338
+ // padding-top: 0!important;
339
+ // background-color: #ffffff!important;
340
+ //}
341
+ .binary-left {
342
+ padding: 0.4%;
343
+ margin: 0.4% 0.4%;
344
+ width: 58%;
345
+ height: auto;
346
+ background-color: #ffffff;
347
+ border-radius: 14px;
348
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
349
+ }
350
+
351
+ .binary-right {
352
+ padding: 0.4%;
353
+ margin: 0.4% 0.4% 0.4% 0;
354
+ width: 40%;
355
+ height: auto;
356
+ background-color: #ffffff;
357
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
358
+ border-radius: 14px;
359
+ }
360
+
361
+ .binary-right-main {
362
+ padding-top: 1%;
363
+ overflow-y: auto;
364
+ overflow-x: auto;
365
+ height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
366
+ border-radius: 0 0 14px 14px;
367
+ }
368
+
369
+ .row {
370
+ .form-group {
371
+ margin: 6px 0;
372
+ display: flex;
373
+ align-items: center;
374
+ height: 36px !important;
375
+
376
+ > .datepicker {
377
+ margin-top: 4px
378
+ }
379
+ }
380
+ }
381
+ }
382
+
383
+ /*分辨率@1366*768*/
384
+ @media screen and (max-width: 1366px) {
385
+ .basic-main {
386
+ padding: 0.5%;
387
+ margin: 0.5% 0.5%;
388
+ width: 99%;
389
+ height: auto;
390
+ background-color: #ffffff;
391
+ border-radius: 14px;
392
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
393
+ }
394
+
395
+ .three {
396
+ display: flex;
397
+ width: 100%;
398
+ height: 100%;
399
+ overflow: hidden;
400
+ }
401
+
402
+ .three-left {
403
+ padding: 0.5%;
404
+ margin: 0.4%;
405
+ width: 19%;
406
+ height: auto;
407
+ background-color: #ffffff;
408
+ border-radius: 14px;
409
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
410
+ }
411
+
412
+ .three-center {
413
+ padding: 0.4%;
414
+ margin: 0.4% 0 0.4% 0;
415
+ width: 58%;
416
+ height: auto;
417
+ background-color: #ffffff;
418
+ border-radius: 14px;
419
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
420
+ }
421
+
422
+ .three-right {
423
+ padding: 0.5%;
424
+ margin: 0.4%;
425
+ width: 19%;
426
+ height: auto;
427
+ background-color: #ffffff;
428
+ border-radius: 14px;
429
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
430
+ }
431
+
432
+ .binary {
433
+ display: flex;
434
+ width: 100%;
435
+ height: 100%;
436
+ overflow: hidden;
437
+ }
438
+
439
+ //.tab-pane{
440
+ // padding-top: 0!important;
441
+ // background-color: #ffffff!important;
442
+ //}
443
+ .binary-left {
444
+ padding: 0.5%;
445
+ margin: 0.6% 0.5%;
446
+ width: 58%;
447
+ height: auto;
448
+ background-color: #ffffff;
449
+ border-radius: 14px;
450
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
451
+ }
452
+
453
+ .binary-right {
454
+ padding: 0.5% ;
455
+ margin: 0.6% 0.5% 0.6% 0;
456
+ width: 39%;
457
+ height: auto;
458
+ background-color: #ffffff;
459
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
460
+ border-radius: 14px;
461
+ }
462
+
463
+ .binary-right-main {
464
+ padding-top: 0.5%;
465
+ overflow-y: auto;
466
+ overflow-x: auto;
467
+ height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
468
+ border-radius: 0 0 14px 14px;
469
+ }
470
+
471
+ .row {
472
+ .form-group {
473
+ margin: 5px 0;
474
+ display: flex;
475
+ align-items: center;
476
+ height: 35px !important;
477
+
478
+ > .datepicker {
479
+ margin-top: 4px
480
+ }
481
+ }
482
+ }
483
+
484
+
485
+ }
486
+
487
+
488
+ /*分辨率@1280*720*/
489
+ @media screen and (max-width: 1280px) {
490
+ .basic-main {
491
+ padding: 0.4%;
492
+ margin: 0.4%;
493
+ width: 98%;
494
+ height: auto;
495
+ background-color: #ffffff;
496
+ border-radius: 14px;
497
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
498
+ }
499
+
500
+ .three {
501
+ display: flex;
502
+ width: 100%;
503
+ height: 100%;
504
+ overflow: hidden;
505
+ }
506
+
507
+ .three-left {
508
+ padding: 0.4%;
509
+ margin: 0.4%;
510
+ width: 19%;
511
+ height: auto;
512
+ background-color: #ffffff;
513
+ border-radius: 14px;
514
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
515
+ }
516
+
517
+ .three-center {
518
+ padding: 0.4%;
519
+ margin: 0.4% 0 0.4% 0;
520
+ width: 58%;
521
+ height: auto;
522
+ background-color: #ffffff;
523
+ border-radius: 14px;
524
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
525
+ }
526
+
527
+ .three-right {
528
+ padding: 0.4%;
529
+ margin: 0.4%;
530
+ width: 19%;
531
+ height: auto;
532
+ background-color: #ffffff;
533
+ border-radius: 14px;
534
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
535
+ }
536
+
537
+ .binary {
538
+ display: flex;
539
+ width: 100%;
540
+ height: 100%;
541
+ overflow: hidden;
542
+ }
543
+
544
+ //.tab-pane{
545
+ // padding-top: 0!important;
546
+ // background-color: #ffffff!important;
547
+ // }
548
+ .binary-left {
549
+ padding: 0.4%;
550
+ margin: 0.4%;
551
+ width: 58%;
552
+ height: auto;
553
+ background-color: #ffffff;
554
+ border-radius: 14px;
555
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
556
+ }
557
+
558
+ .binary-right {
559
+ padding: 0.4%;
560
+ margin: 0.4% 0.4% 0.4% 0;
561
+ width: 39%;
562
+ height: auto;
563
+ background-color: #ffffff;
564
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
565
+ border-radius: 14px;
566
+ }
567
+
568
+ .binary-right-main {
569
+ padding-top: 1%;
570
+ overflow-y: auto;
571
+ overflow-x: auto;
572
+ height: calc(((((100vh * 0.93) * 0.936) * 0.99) * 0.936) * 0.98);
573
+ border-radius: 0 0 14px 14px;
574
+ }
575
+
576
+ .row {
577
+ .form-group {
578
+ margin: 5px 0;
579
+ display: flex;
580
+ align-items: center;
581
+ height: 35px !important;
582
+
583
+ > .datepicker {
584
+ margin-top: 4px
585
+ }
586
+ }
587
+ }
588
+
589
+ }
590
+
591
+
592
+ /*分辨率@800*600*/
593
+ @media screen and (max-width: 800px) {
594
+ .basic-main {
595
+ padding: 1%;
596
+ margin: 1%;
597
+ width: 98%;
598
+ height: auto;
599
+ background-color: #ffffff;
600
+ border-radius: 14px;
601
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
602
+ }
603
+
604
+ .three {
605
+ display: flex;
606
+ width: 100%;
607
+ height: 100%;
608
+ overflow: hidden;
609
+ }
610
+
611
+ .three-left {
612
+ padding: 1%;
613
+ margin: 1%;
614
+ width: 19%;
615
+ height: auto;
616
+ background-color: #ffffff;
617
+ border-radius: 14px;
618
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
619
+ }
620
+
621
+ .three-center {
622
+ padding: 1%;
623
+ margin: 1% 0 1% 0;
624
+ width: 58%;
625
+ height: auto;
626
+ background-color: #ffffff;
627
+ border-radius: 14px;
628
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
629
+ }
630
+
631
+ .three-right {
632
+ padding: 1%;
633
+ margin: 1%;
634
+ width: 19%;
635
+ height: auto;
636
+ background-color: #ffffff;
637
+ border-radius: 14px;
638
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
639
+ }
640
+
641
+ .binary {
642
+ display: flex;
643
+ width: 100%;
644
+ height: 100%;
645
+ overflow: hidden;
646
+ }
647
+
648
+
649
+ .binary-left {
650
+ padding: 1%;
651
+ margin: 1%;
652
+ width: 58%;
653
+ height: auto;
654
+ background-color: #ffffff;
655
+ border-radius: 14px;
656
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
657
+ }
658
+
659
+ .binary-right {
660
+ padding: 1%;
661
+ margin: 1% 1% 1% 0;
662
+ width: 39%;
663
+ height: auto;
664
+ background-color: #ffffff;
665
+ box-shadow: 0px 1px 10px 0px rgba(2, 56, 104, 0.13);
666
+ border-radius: 14px;
667
+ }
668
+
669
+ .binary-right-main {
670
+ padding-top: 1%;
671
+ overflow-y: auto;
672
+ overflow-x: auto;
673
+ height: calc(((((100vh * 0.93) * 0.936) * 0.95) * 0.936) * 0.98);
674
+ border-radius: 0 0 14px 14px;
675
+ }
676
+
677
+ .row {
678
+ .form-group {
679
+ margin: 4px 0;
680
+ display: flex;
681
+ align-items: center;
682
+ height: 35px !important;
683
+
684
+ > .datepicker {
685
+ margin-top: 4px
686
+ }
687
+ }
688
+ }
689
+
690
+ }