tplus-portaltouch 3.52.1 → 3.52.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (66) hide show
  1. package/dist/api/ModifyPassApi.js.map +1 -1
  2. package/dist/components/dutyandsettle/dutysettlebill.js.map +1 -1
  3. package/dist/components/dutyandsettle/dutysettlehistory.js +7 -7
  4. package/dist/components/dutyandsettle/dutysettlehistory.js.map +1 -1
  5. package/dist/components/dutyandsettle/index.js.map +1 -1
  6. package/dist/components/dutyandsettle/tipContent.js.map +1 -1
  7. package/dist/components/header/customUse.js.map +1 -1
  8. package/dist/components/header/headContent.js +8 -3
  9. package/dist/components/header/headContent.js.map +1 -1
  10. package/dist/components/header/index.js +13 -13
  11. package/dist/components/header/index.js.map +1 -1
  12. package/dist/components/header/offlinePointDesc.js.map +1 -1
  13. package/dist/components/header/style.less +457 -457
  14. package/dist/components/header/themeModal.js.map +1 -1
  15. package/dist/components/header/uploadList.js +6 -6
  16. package/dist/components/header/uploadList.js.map +1 -1
  17. package/dist/components/header/vertical-touch.js.map +1 -1
  18. package/dist/components/header/vertical-touch.less +228 -228
  19. package/dist/containers/Main/index.js.map +1 -1
  20. package/dist/dutyService/index.js.map +1 -1
  21. package/dist/index.js.map +1 -1
  22. package/dist/middleWare/index.js.map +1 -1
  23. package/dist/modalRouter/StaticRouter.js.map +1 -1
  24. package/dist/modalRouter/index.js +8 -8
  25. package/dist/modalRouter/index.js.map +1 -1
  26. package/dist/pages/Modal/index.js.map +1 -1
  27. package/dist/pages/Modal/style.less +5 -5
  28. package/dist/pages/Portalbc/data.js +5 -5
  29. package/dist/pages/Portalbc/data.js.map +1 -1
  30. package/dist/pages/Portalbc/horizontalPadPortal.js.map +1 -1
  31. package/dist/pages/Portalbc/horizontalSunMiPortal.js.map +1 -1
  32. package/dist/pages/Portalbc/index.js +6 -6
  33. package/dist/pages/Portalbc/index.js.map +1 -1
  34. package/dist/pages/Portalbc/index.less +822 -822
  35. package/dist/pages/Portalbc/onframe.js.map +1 -1
  36. package/dist/pages/Portalbc/verticalPortal.js.map +1 -1
  37. package/dist/pages/dutyandsettle/AuthProcess.js.map +1 -1
  38. package/dist/pages/dutyandsettle/index.js.map +1 -1
  39. package/dist/pages/dutyandsettle/index.less +529 -529
  40. package/dist/pages/dutyandsettle/offDuty.js +7 -7
  41. package/dist/pages/dutyandsettle/offDuty.js.map +1 -1
  42. package/dist/pages/dutyandsettle/onDialy.js.map +1 -1
  43. package/dist/pages/dutyandsettle/onDuty.js.map +1 -1
  44. package/dist/pages/dutyandsettle/onUnDaily.js.map +1 -1
  45. package/dist/pages/dutyandsettle/settleDialy.js.map +1 -1
  46. package/dist/pages/index.js.map +1 -1
  47. package/dist/pages/modifyPass/index.js.map +1 -1
  48. package/dist/pages/modifyPass/style.less +71 -71
  49. package/dist/pages/notFound/index.js.map +1 -1
  50. package/dist/pages/notFound/style.less +17 -17
  51. package/dist/stores/IframeStore.js +5 -5
  52. package/dist/stores/IframeStore.js.map +1 -1
  53. package/dist/stores/ModalRouter.js.map +1 -1
  54. package/dist/stores/ModifyPassStore.js.map +1 -1
  55. package/dist/stores/PortalStore.js +5 -5
  56. package/dist/stores/PortalStore.js.map +1 -1
  57. package/dist/stores/PosLoginStore.js.map +1 -1
  58. package/dist/stores/billHistoryStore.js.map +1 -1
  59. package/dist/stores/dutySettleStore.js.map +1 -1
  60. package/dist/stores/index.js.map +1 -1
  61. package/dist/utils/PrintProcess.js +10 -10
  62. package/dist/utils/PrintProcess.js.map +1 -1
  63. package/dist/utils/index.js.map +1 -1
  64. package/dist/utils/networkCheck.js.map +1 -1
  65. package/package.json +2 -2
  66. package/tsconfig.json +14 -14
package/dist/pages/Portalbc/index.less CHANGED
@@ -1,823 +1,823 @@
1
- @import "~tplus-components/dist/index.less";
2
- .electron-env{
3
- * {
4
- moz-user-select: -moz-none;
5
- -moz-user-select: none;
6
- -o-user-select:none;
7
- -khtml-user-select:none;
8
- -webkit-user-select:none;
9
- -ms-user-select:none;
10
- user-select:none;
11
- }
12
- }
13
- .portal-container {
14
- // @icon-white: #FFFFFF;
15
- // @icon-orange: #A86A03;
16
- // @bg-yellow: #E4D409;
17
- // @bg-orange: #C07800;
18
- // @bg-orange2: #F5A623;
19
- // @bg-white-27: rgba(255, 255, 255, .27);
20
- // @bg-white-77: rgba(255, 255, 255, .77);
21
- // @bg-white-62: rgba(255, 255, 255, .62);
22
- // @font-red-brown: #891C1C;
23
- overflow: hidden;
24
- padding-top: 4%;
25
- .animation{
26
- -webkit-transition: all 0.2s ease-in-out;
27
- -o-transition: all 0.2s ease-in-out;
28
- transition: all 0.2s ease-in-out;
29
- }
30
- .menu-item-disabled{
31
- pointer-events: none;
32
- user-select:none;
33
- opacity: .6;
34
- }
35
- .menu-item-common{
36
- border-radius: 5px;
37
- cursor: pointer;
38
- position: relative;
39
- overflow: hidden;
40
- box-shadow: 0px 4px 8px rgba(0, 0, 0, .04);
41
- &:hover{
42
- box-shadow: 0px 4px 12px rgba(0, 0, 0, .12);
43
- .animation;
44
- }
45
- .animation;
46
- i {
47
- position: absolute;
48
- //color: @icon-white;
49
- }
50
- .icon-iconff{
51
- background-color: #0b737b;
52
- }
53
- h1{
54
- //color: @icon-white;
55
- word-break:keep-all;
56
- white-space:nowrap;
57
- overflow:hidden;
58
- text-overflow:ellipsis;
59
- }
60
- p {
61
- //color: @icon-white;
62
- }
63
- }
64
- .portal-left-content, .portal-center-content, .portal-right-content{
65
- i {
66
- &:before {
67
- position: relative;
68
- }
69
- }
70
- }
71
- .portal-left-content{
72
- width: 304px;
73
- float: right;
74
- margin-right: 12px;
75
- .member-item{
76
- .menu-item-common;
77
- //background-color: @bg-white-27;
78
- }
79
- .member-item-padding{
80
- padding: 30px 0px 0px 15px;
81
- }
82
- .member-item-top{
83
- width: 100%;
84
- height: 148px;
85
- h1 {
86
- font-size: 22px;
87
- }
88
- p {
89
- font-size: 18px;
90
- font-weight: 900;
91
- }
92
- i {
93
- width: 62px;
94
- height: 72px;
95
- right: 12%;
96
- bottom: 20%;
97
- font-size: 64px;
98
- &:before{
99
- top: -15px;
100
- left: -2px;
101
- }
102
- }
103
- .member-item-padding;
104
- }
105
- .member-item-top-two{
106
- .member-item-top;
107
- margin-top: 8px;
108
- }
109
- .member-item-center-container{
110
- width: 100%;
111
- margin: 8px 0px;
112
- overflow: auto;
113
- & > div{
114
- width: 148px;
115
- height: 148px;
116
- float: left;
117
- h1 {
118
- font-size: 18px;
119
- }
120
- p {
121
- font-size: 22px;
122
- font-weight: 900;
123
- }
124
- .member-item-padding;
125
- }
126
- .member-item-center-1{
127
- margin-right: 8px;
128
- i {
129
- width: 36px;
130
- height: 36px;
131
- right: 10%;
132
- bottom: 10%;
133
- font-size: 32px;
134
- &:before {
135
- top: -6px;
136
- left: 2px;
137
- }
138
- }
139
- }
140
- .member-item-center-2{
141
- i {
142
- width: 36px;
143
- height: 36px;
144
- right: 10%;
145
- bottom: 10%;
146
- font-size: 36px;
147
- &:before{
148
- top: -8px;
149
- left: 1px;
150
- }
151
- }
152
- }
153
- .member-item-center-3 {
154
- height : 70px;
155
- width: 70px;
156
- padding: 0;
157
-
158
- h1 {
159
- font-size : 14px;
160
- height : 67px;
161
- line-height: normal;
162
- padding : 10px 0 0 0;
163
- text-align: center;
164
- }
165
-
166
- i {
167
- width: 24px;
168
- height: 24px;
169
- right: 32%;
170
- bottom: 10%;
171
- font-size: 20px;
172
- &:before{
173
- top: -8px;
174
- left: 1px;
175
- }
176
- }
177
- }
178
-
179
- .member-item-center-4 {
180
- height : 70px;
181
- width: 70px;
182
- padding: 0;
183
- margin-left:8px;
184
-
185
- h1 {
186
- font-size : 14px;
187
- height : 67px;
188
- line-height: normal;
189
- padding : 10px 0 0 0;
190
- text-align: center;
191
- }
192
-
193
- i {
194
- width: 24px;
195
- height: 24px;
196
- right: 32%;
197
- bottom: 10%;
198
- font-size: 20px;
199
- &:before{
200
- top: -8px;
201
- left: 1px;
202
- }
203
- }
204
- }
205
-
206
- .member-item-center-bottom{
207
- margin-top: 8px;
208
- }
209
- }
210
- .member-item-bottom-top{
211
- height: 70px;
212
- line-height: 70px;
213
- font-size: 22px;
214
- margin-bottom: 8px;
215
- padding-left: 15px;
216
- i {
217
- width: 36px;
218
- height: 36px;
219
- right: 10%;
220
- top: 50%;
221
- margin-top: -18px;
222
- font-size: 32px;
223
- &:before{
224
- top: -20px;
225
- }
226
- }
227
- }
228
- .member-item-bottom-container{
229
- width: 304px;
230
- display: inline-block;
231
- & > div {
232
- width: 148px;
233
- height: 70px;
234
- line-height: 70px;
235
- float: left;
236
- h1{
237
- padding-left: 15px;
238
- }
239
- i {
240
- width: 20px;
241
- height: 20px;
242
- right: 14%;
243
- top: 50%;
244
- margin-top: -10px;
245
- }
246
- }
247
- .member-item-bottom-1{
248
- margin-right: 8px;
249
- i{
250
- font-size: 18px;
251
- &:before{
252
- top: -20px;
253
- left: 2px;
254
- }
255
- }
256
- }
257
- .member-item-bottom-2{
258
- i{
259
- font-size: 18px;
260
- &:before{
261
- top: -20px;
262
- left: 2px;
263
- }
264
- }
265
- }
266
- }
267
- }
268
- .portal-center-content{
269
- width: 460px;
270
- margin: 0px auto;
271
- overflow: hidden;
272
- .worktop-container-left{
273
- float: left;
274
- width: 304px;
275
- margin-right: 8px;
276
- & > div {
277
- width: 100%;
278
- //background-color: rgba(255, 255, 255, .6);
279
- margin-bottom: 8px;
280
- .menu-item-common;
281
- i{
282
- width: 48px;
283
- height: 48px;
284
- top: 50%;
285
- right: 12%;
286
- margin-top: -24px;
287
- font-size: 42px;
288
- &:before{
289
- top: -6px;
290
- left: 2px;
291
- }
292
- }
293
- }
294
- .worktop-item-cashier{
295
- background-image: url("@{url-prefix}/cashier-background.jpg");
296
- background-size: cover;
297
- height: 304px;
298
- h1{
299
- font-size: 40px;
300
- text-align: center;
301
- position: relative;
302
- top: 60%;
303
- }
304
- i{
305
- width: 48px;
306
- height: 60px;
307
- top: 20%;
308
- left: 50%;
309
- margin-left: -24px;
310
- margin-top: 0px;
311
- font-size: 60px;
312
- &:before{
313
- top: -15px;
314
- left: -7px;
315
- }
316
- }
317
- }
318
- .worktop-item-common{
319
- padding: 20px;
320
- h1 {
321
- font-size: 20px;
322
- }
323
- i{
324
- width: 36px;
325
- height: 36px;
326
- font-size: 36px;
327
- }
328
- }
329
- .worktop-item-onduty{
330
- height: 70px;
331
- //background-color: @bg-orange2;
332
- .worktop-item-common;
333
- }
334
- .worktop-item-offduty{
335
- height: 70px;
336
- //background-color: @bg-yellow;
337
- .worktop-item-common
338
- }
339
- .worktop-item-settlement{
340
- height: 70px;
341
- //background-color: @bg-orange;
342
- .worktop-item-common
343
- }
344
- }
345
- .worktop-container-right{
346
- width: 148px;
347
- float: left;
348
- & > .worktop-item-cc{
349
- height: 95px;
350
- }
351
- & > div {
352
- width: 100%;
353
- height: 90px;
354
- margin-bottom: 8px;
355
- padding: 20px;
356
- //background-color: rgba(255, 255, 255, .6);
357
- h1{
358
- font-size: 18px;
359
- }
360
- i{
361
- width: 30px;
362
- height: 36px;
363
- bottom: 10%;
364
- right: 8%;
365
- font-size: 24px;
366
- }
367
- .menu-item-common;
368
- }
369
- & > .member-container-practice{
370
- width: 148px;
371
- height: 148px;
372
- }
373
- & > .worktop-item-center-right-bottom:last-child{
374
- padding: 0px;
375
- }
376
- .worktop-item-center-right-bottom {
377
- overflow: hidden;
378
- height: auto;
379
- background-color: transparent;
380
- width: 148px;
381
- padding: 0;
382
- margin-bottom:0;
383
- &:hover{
384
- box-shadow: none;
385
- }
386
- & > div {
387
- .menu-item-common;
388
- width: 70px;
389
- height: 70px;
390
- float: left;
391
- margin-bottom: 8px;
392
- margin-right: 8px;
393
- //background-color: @bg-white-77;
394
- h1{
395
- font-size: 14px;
396
- text-align: center;
397
- line-height: 40px;
398
- // font-weight: normal;
399
- //color: @font-red-brown;
400
- }
401
- i{
402
- width: 18px;
403
- height: 18px;
404
- bottom: 12%;
405
- left: 50%;
406
- margin-left: -9px;
407
- font-size: 18px;
408
- //color: @icon-orange;
409
- &:before{
410
- top: -5px;
411
- }
412
- }
413
- }
414
- & > div:nth-child(even) {
415
- margin-right: 0px;
416
- }
417
- }
418
- .worktop-item-search{
419
- height: 148px;
420
- //background-color: @bg-orange2;
421
- }
422
- .worktop-item-money{
423
- height: 70px;
424
- //background-color: @bg-yellow;
425
- }
426
- .worktop-item-statis{
427
- height: 148px;
428
- //background-color: @bg-orange;
429
- }
430
- .worktop-item-classify,.worktop-item-guide {
431
- height : 70px;
432
- //background-color: @bg-white-77;
433
-
434
- h1 {
435
- //color: @font-red-brown;
436
- }
437
-
438
- i {
439
- //color: @icon-orange;
440
- }
441
- }
442
-
443
- .worktop-item-money,.worktop-item-classify {
444
- padding: 10px 0 0 20px;
445
-
446
- h1 {
447
- font-size: 16px;
448
- }
449
- }
450
- .worktop-item-classify:nth-last-child(1){
451
- i{
452
- font-size:16px;
453
- }
454
- }
455
- .worktop-item-guide{
456
-
457
- }
458
- }
459
- }
460
- .portal-right-content {
461
- width : 320px;
462
- margin-left: 12px;
463
- display : inline-block;
464
- &>.worktop-item-classify{
465
- width : 148px;
466
- height : 95px;
467
- margin-right: 50px;
468
- }
469
- &>div {
470
- .menu-item-common;
471
- width : 148px;
472
- height : 148px;
473
- float : left;
474
- margin-bottom: 8px;
475
- margin-right : 8px;
476
-
477
- h1 {
478
- font-size: 20px;
479
- padding: 10px 0 0 20px;
480
- }
481
-
482
- i {
483
- width : 32px;
484
- height : 32px;
485
- bottom : 15%;
486
- right : 15%;
487
- font-size: 32px;
488
-
489
- &:before {
490
- top: -7px;
491
- }
492
- }
493
- }
494
-
495
-
496
-
497
- &>div:nth-child(even) {
498
- margin-right: 0px;
499
- }
500
-
501
- .stock-item-right-container {
502
- width : 148px;
503
- padding : 0;
504
- background: unset;
505
- position : relative;
506
- }
507
-
508
- .stock-item-yaohuo {
509
- //background-color: @bg-orange;
510
- }
511
-
512
- .stock-item-caigou {
513
- //background-color: @bg-yellow;
514
- }
515
-
516
- .stock-item-tiaobo {
517
- //background-color: @bg-orange2;
518
- }
519
-
520
- .stock-item-one {
521
- height : 70px;
522
- border-radius : 5px;
523
- //background-color: @bg-white-62;
524
-
525
- h1 {
526
- //color : @font-red-brown;
527
- font-size: 16px;
528
- }
529
-
530
- i {
531
- //color : @icon-orange;
532
- width : 36px;
533
- height : 36px;
534
- font-size: 24px;
535
- bottom: 50%;
536
- right : 8%;
537
- }
538
- }
539
-
540
- .stock-item-two {
541
- margin-top: 8px;
542
- i {
543
- bottom: 0;
544
- right : 8%;
545
- }
546
- }
547
-
548
- .stock-item-caigou-tc,.stock-item-jinhuo,.stock-item-qitachuku {
549
- .stock-item-one;
550
- }
551
-
552
- .stock-item-caigouruku-tc,.stock-item-pandian,.stock-item-qitaruku {
553
- .stock-item-one;
554
- .stock-item-two;
555
- }
556
-
557
- .stock-item-search {
558
- background-image: url("@{url-prefix}/search-background.jpg");
559
- background-size : cover;
560
-
561
- h1 {
562
- padding-left: 0;
563
- padding: 10px 0 0 10px;
564
- }
565
- i {
566
- font-size :24px;
567
- }
568
- }
569
- }
570
- }
571
-
572
- .portal-container-modal-more{
573
- .ant-modal-body{
574
- height: 375px;
575
- }
576
- .modal-quick{
577
- width: 115px;
578
- height: 115px;
579
- margin:10px;
580
- text-align: center;
581
- cursor:hand;
582
- float: left;
583
-
584
- .quick{
585
- width: 60px;
586
- height: 60px;
587
- display: flex;
588
- align-items: center;
589
- justify-content: center;
590
- border-radius:12px;
591
- margin: 10px 26px;
592
- }
593
- i{
594
- font-size: 30px;
595
- color: #FFF !important;
596
- }
597
- }
598
-
599
- .worktop-item-assemblyorder div{
600
- background: #26A0DE;
601
-
602
- }
603
- .worktop-item-shapevoucher div{
604
- background: #7978FF;
605
- }
606
- .worktop-item-presaleorder div{
607
- background: #FF8C00;
608
- }
609
- .worktop-item-pickupstatistics div{
610
- background: #00D9AE;
611
- }
612
- .worktop-item-pickuptrack div{
613
- background: #FF3C6F;
614
- }
615
- }
616
-
617
- .portal-hsy-tc-container {
618
- position : absolute;
619
- height : 99%;
620
- width : 100%;
621
- background: #FFFFFF;
622
- }
623
-
624
- .portal-hsy-tc-container-hide {
625
- top: -100%;
626
- }
627
-
628
- /*适配Pad*/
629
- .portal-container-pad{
630
-
631
- .portal-center-content {
632
- width: 66vw !important;
633
- height: 100vh !important;
634
- .worktop-container-left{
635
- width: 48vw !important;
636
- .worktop-item-cashier{
637
- width: 48vw !important;
638
- height: 40vh !important;
639
- }
640
-
641
- .worktop-item {
642
- display: inline-block;
643
- width: 24vw;
644
- }
645
- .worktop-item-onduty{
646
- width: 48vw !important;
647
- }
648
- .worktop-item-offduty {
649
- float: none !important;
650
- width: 23vw !important;
651
- margin-right: 2vw !important;
652
- }
653
- .worktop-item-settlement {
654
- width: 23vw !important;
655
- margin-right: 0 !important;
656
- }
657
-
658
- }
659
- .worktop-container-right{
660
- .worktop-item {
661
- width: 16vw !important;
662
- height: 19.5vh !important;
663
- margin-bottom: 1vh;
664
- h1 {
665
- font-size: 18px !important;
666
- //color: #891C1C;
667
- }
668
- i{
669
- //color: #A86A03;
670
- font-size: 36px;
671
- }
672
- &:last-child{
673
- padding: 20px;
674
- }
675
- }
676
-
677
- }
678
- }
679
- }
680
-
681
- /*适配SunMi*/
682
- .portal-container-sunmi{
683
-
684
- .portal-center-content {
685
- width: 66vw !important;
686
- height: 100vh !important;
687
- .worktop-container-left{
688
- width: 48vw !important;
689
- .worktop-item-cashier{
690
- width: 48vw !important;
691
- height: 40vh !important;
692
- }
693
-
694
- .worktop-item {
695
- display: inline-block;
696
- width: 24vw;
697
- }
698
- .worktop-item-onduty{
699
- width: 48vw !important;
700
- }
701
- .worktop-item-offduty {
702
- float: none !important;
703
- width: 23vw !important;
704
- margin-right: 2vw !important;
705
- }
706
- .worktop-item-settlement {
707
- width: 23vw !important;
708
- margin-right: 0 !important;
709
- }
710
- }
711
- .worktop-container-right{
712
- .worktop-item {
713
- width: 16vw !important;
714
- height: 24.3vh !important;
715
- margin-bottom: 1vh;
716
- h1 {
717
- font-size: 18px !important;
718
- //color: #891C1C;
719
- }
720
- i{
721
- //color: #A86A03;
722
- font-size: 36px;
723
- }
724
- &:last-child{
725
- padding: 20px;
726
- }
727
- }
728
-
729
- }
730
- }
731
- }
732
-
733
- .portal-container-center{
734
- display: flex;
735
- justify-content: center;
736
- align-items: center;
737
- padding-top: unset !important;
738
- // margin-bottom: -30px;
739
- .portal-content-row{
740
- // align-items: center;
741
- // justify-content: center;
742
- }
743
- }
744
-
745
- @media (max-width: 1200px){
746
- .portal-container{
747
- .ant-col-xl-6 {
748
- width: 28%;
749
- }
750
- .ant-col-xl-12 {
751
- width: 44%;
752
- }
753
- }
754
- }
755
-
756
- @media (min-width: 1000px) {
757
- .portal-container{
758
- .portal-left-col, .portal-center-col, .portal-right-col{
759
- display: inline-block;
760
- float: left;
761
- }
762
- .ant-col-md-6 {
763
- display: block;
764
- -webkit-box-sizing: border-box;
765
- box-sizing: border-box;
766
- width: 29.16666667%;
767
- }
768
- .ant-col-md-12 {
769
- display: block;
770
- -webkit-box-sizing: border-box;
771
- box-sizing: border-box;
772
- width: 41.66666667%;
773
- }
774
- }
775
- }
776
-
777
- @media (max-width: 1080px) {
778
- .portal-container{
779
- min-width: 996px;
780
- padding: 4% 0px 0px 0px !important;
781
- zoom: 0.8;
782
- .portal-left-col, .portal-center-col, .portal-right-col{
783
- display: inline-block;
784
- float: left;
785
- }
786
- .ant-col-md-6 {
787
- display: block;
788
- -webkit-box-sizing: border-box;
789
- box-sizing: border-box;
790
- width: 29.16666667%;
791
- }
792
- .ant-col-md-12 {
793
- display: block;
794
- -webkit-box-sizing: border-box;
795
- box-sizing: border-box;
796
- width: 41.66666667%;
797
- }
798
- }
799
- }
800
-
801
- @media (max-height: 680px) {
802
- .portal-container{
803
- zoom: 0.85;
804
- }
805
- }
806
-
807
- @media (max-height: 580px) {
808
- .portal-container{
809
- zoom: 0.75;
810
- }
811
- }
812
-
813
- @media (max-height: 500px) {
814
- .portal-container{
815
- min-width: 996px;
816
- padding: 4% 0px 0px 0px !important;
817
- zoom: 0.65;
818
- .portal-left-col, .portal-center-col, .portal-right-col{
819
- display: inline-block;
820
- float: left;
821
- }
822
- }
1
+ @import "~tplus-components/dist/index.less";
2
+ .electron-env{
3
+ * {
4
+ moz-user-select: -moz-none;
5
+ -moz-user-select: none;
6
+ -o-user-select:none;
7
+ -khtml-user-select:none;
8
+ -webkit-user-select:none;
9
+ -ms-user-select:none;
10
+ user-select:none;
11
+ }
12
+ }
13
+ .portal-container {
14
+ // @icon-white: #FFFFFF;
15
+ // @icon-orange: #A86A03;
16
+ // @bg-yellow: #E4D409;
17
+ // @bg-orange: #C07800;
18
+ // @bg-orange2: #F5A623;
19
+ // @bg-white-27: rgba(255, 255, 255, .27);
20
+ // @bg-white-77: rgba(255, 255, 255, .77);
21
+ // @bg-white-62: rgba(255, 255, 255, .62);
22
+ // @font-red-brown: #891C1C;
23
+ overflow: hidden;
24
+ padding-top: 4%;
25
+ .animation{
26
+ -webkit-transition: all 0.2s ease-in-out;
27
+ -o-transition: all 0.2s ease-in-out;
28
+ transition: all 0.2s ease-in-out;
29
+ }
30
+ .menu-item-disabled{
31
+ pointer-events: none;
32
+ user-select:none;
33
+ opacity: .6;
34
+ }
35
+ .menu-item-common{
36
+ border-radius: 5px;
37
+ cursor: pointer;
38
+ position: relative;
39
+ overflow: hidden;
40
+ box-shadow: 0px 4px 8px rgba(0, 0, 0, .04);
41
+ &:hover{
42
+ box-shadow: 0px 4px 12px rgba(0, 0, 0, .12);
43
+ .animation;
44
+ }
45
+ .animation;
46
+ i {
47
+ position: absolute;
48
+ //color: @icon-white;
49
+ }
50
+ .icon-iconff{
51
+ background-color: #0b737b;
52
+ }
53
+ h1{
54
+ //color: @icon-white;
55
+ word-break:keep-all;
56
+ white-space:nowrap;
57
+ overflow:hidden;
58
+ text-overflow:ellipsis;
59
+ }
60
+ p {
61
+ //color: @icon-white;
62
+ }
63
+ }
64
+ .portal-left-content, .portal-center-content, .portal-right-content{
65
+ i {
66
+ &:before {
67
+ position: relative;
68
+ }
69
+ }
70
+ }
71
+ .portal-left-content{
72
+ width: 304px;
73
+ float: right;
74
+ margin-right: 12px;
75
+ .member-item{
76
+ .menu-item-common;
77
+ //background-color: @bg-white-27;
78
+ }
79
+ .member-item-padding{
80
+ padding: 30px 0px 0px 15px;
81
+ }
82
+ .member-item-top{
83
+ width: 100%;
84
+ height: 148px;
85
+ h1 {
86
+ font-size: 22px;
87
+ }
88
+ p {
89
+ font-size: 18px;
90
+ font-weight: 900;
91
+ }
92
+ i {
93
+ width: 62px;
94
+ height: 72px;
95
+ right: 12%;
96
+ bottom: 20%;
97
+ font-size: 64px;
98
+ &:before{
99
+ top: -15px;
100
+ left: -2px;
101
+ }
102
+ }
103
+ .member-item-padding;
104
+ }
105
+ .member-item-top-two{
106
+ .member-item-top;
107
+ margin-top: 8px;
108
+ }
109
+ .member-item-center-container{
110
+ width: 100%;
111
+ margin: 8px 0px;
112
+ overflow: auto;
113
+ & > div{
114
+ width: 148px;
115
+ height: 148px;
116
+ float: left;
117
+ h1 {
118
+ font-size: 18px;
119
+ }
120
+ p {
121
+ font-size: 22px;
122
+ font-weight: 900;
123
+ }
124
+ .member-item-padding;
125
+ }
126
+ .member-item-center-1{
127
+ margin-right: 8px;
128
+ i {
129
+ width: 36px;
130
+ height: 36px;
131
+ right: 10%;
132
+ bottom: 10%;
133
+ font-size: 32px;
134
+ &:before {
135
+ top: -6px;
136
+ left: 2px;
137
+ }
138
+ }
139
+ }
140
+ .member-item-center-2{
141
+ i {
142
+ width: 36px;
143
+ height: 36px;
144
+ right: 10%;
145
+ bottom: 10%;
146
+ font-size: 36px;
147
+ &:before{
148
+ top: -8px;
149
+ left: 1px;
150
+ }
151
+ }
152
+ }
153
+ .member-item-center-3 {
154
+ height : 70px;
155
+ width: 70px;
156
+ padding: 0;
157
+
158
+ h1 {
159
+ font-size : 14px;
160
+ height : 67px;
161
+ line-height: normal;
162
+ padding : 10px 0 0 0;
163
+ text-align: center;
164
+ }
165
+
166
+ i {
167
+ width: 24px;
168
+ height: 24px;
169
+ right: 32%;
170
+ bottom: 10%;
171
+ font-size: 20px;
172
+ &:before{
173
+ top: -8px;
174
+ left: 1px;
175
+ }
176
+ }
177
+ }
178
+
179
+ .member-item-center-4 {
180
+ height : 70px;
181
+ width: 70px;
182
+ padding: 0;
183
+ margin-left:8px;
184
+
185
+ h1 {
186
+ font-size : 14px;
187
+ height : 67px;
188
+ line-height: normal;
189
+ padding : 10px 0 0 0;
190
+ text-align: center;
191
+ }
192
+
193
+ i {
194
+ width: 24px;
195
+ height: 24px;
196
+ right: 32%;
197
+ bottom: 10%;
198
+ font-size: 20px;
199
+ &:before{
200
+ top: -8px;
201
+ left: 1px;
202
+ }
203
+ }
204
+ }
205
+
206
+ .member-item-center-bottom{
207
+ margin-top: 8px;
208
+ }
209
+ }
210
+ .member-item-bottom-top{
211
+ height: 70px;
212
+ line-height: 70px;
213
+ font-size: 22px;
214
+ margin-bottom: 8px;
215
+ padding-left: 15px;
216
+ i {
217
+ width: 36px;
218
+ height: 36px;
219
+ right: 10%;
220
+ top: 50%;
221
+ margin-top: -18px;
222
+ font-size: 32px;
223
+ &:before{
224
+ top: -20px;
225
+ }
226
+ }
227
+ }
228
+ .member-item-bottom-container{
229
+ width: 304px;
230
+ display: inline-block;
231
+ & > div {
232
+ width: 148px;
233
+ height: 70px;
234
+ line-height: 70px;
235
+ float: left;
236
+ h1{
237
+ padding-left: 15px;
238
+ }
239
+ i {
240
+ width: 20px;
241
+ height: 20px;
242
+ right: 14%;
243
+ top: 50%;
244
+ margin-top: -10px;
245
+ }
246
+ }
247
+ .member-item-bottom-1{
248
+ margin-right: 8px;
249
+ i{
250
+ font-size: 18px;
251
+ &:before{
252
+ top: -20px;
253
+ left: 2px;
254
+ }
255
+ }
256
+ }
257
+ .member-item-bottom-2{
258
+ i{
259
+ font-size: 18px;
260
+ &:before{
261
+ top: -20px;
262
+ left: 2px;
263
+ }
264
+ }
265
+ }
266
+ }
267
+ }
268
+ .portal-center-content{
269
+ width: 460px;
270
+ margin: 0px auto;
271
+ overflow: hidden;
272
+ .worktop-container-left{
273
+ float: left;
274
+ width: 304px;
275
+ margin-right: 8px;
276
+ & > div {
277
+ width: 100%;
278
+ //background-color: rgba(255, 255, 255, .6);
279
+ margin-bottom: 8px;
280
+ .menu-item-common;
281
+ i{
282
+ width: 48px;
283
+ height: 48px;
284
+ top: 50%;
285
+ right: 12%;
286
+ margin-top: -24px;
287
+ font-size: 42px;
288
+ &:before{
289
+ top: -6px;
290
+ left: 2px;
291
+ }
292
+ }
293
+ }
294
+ .worktop-item-cashier{
295
+ background-image: url("@{url-prefix}/cashier-background.jpg");
296
+ background-size: cover;
297
+ height: 304px;
298
+ h1{
299
+ font-size: 40px;
300
+ text-align: center;
301
+ position: relative;
302
+ top: 60%;
303
+ }
304
+ i{
305
+ width: 48px;
306
+ height: 60px;
307
+ top: 20%;
308
+ left: 50%;
309
+ margin-left: -24px;
310
+ margin-top: 0px;
311
+ font-size: 60px;
312
+ &:before{
313
+ top: -15px;
314
+ left: -7px;
315
+ }
316
+ }
317
+ }
318
+ .worktop-item-common{
319
+ padding: 20px;
320
+ h1 {
321
+ font-size: 20px;
322
+ }
323
+ i{
324
+ width: 36px;
325
+ height: 36px;
326
+ font-size: 36px;
327
+ }
328
+ }
329
+ .worktop-item-onduty{
330
+ height: 70px;
331
+ //background-color: @bg-orange2;
332
+ .worktop-item-common;
333
+ }
334
+ .worktop-item-offduty{
335
+ height: 70px;
336
+ //background-color: @bg-yellow;
337
+ .worktop-item-common
338
+ }
339
+ .worktop-item-settlement{
340
+ height: 70px;
341
+ //background-color: @bg-orange;
342
+ .worktop-item-common
343
+ }
344
+ }
345
+ .worktop-container-right{
346
+ width: 148px;
347
+ float: left;
348
+ & > .worktop-item-cc{
349
+ height: 95px;
350
+ }
351
+ & > div {
352
+ width: 100%;
353
+ height: 90px;
354
+ margin-bottom: 8px;
355
+ padding: 20px;
356
+ //background-color: rgba(255, 255, 255, .6);
357
+ h1{
358
+ font-size: 18px;
359
+ }
360
+ i{
361
+ width: 30px;
362
+ height: 36px;
363
+ bottom: 10%;
364
+ right: 8%;
365
+ font-size: 24px;
366
+ }
367
+ .menu-item-common;
368
+ }
369
+ & > .member-container-practice{
370
+ width: 148px;
371
+ height: 148px;
372
+ }
373
+ & > .worktop-item-center-right-bottom:last-child{
374
+ padding: 0px;
375
+ }
376
+ .worktop-item-center-right-bottom {
377
+ overflow: hidden;
378
+ height: auto;
379
+ background-color: transparent;
380
+ width: 148px;
381
+ padding: 0;
382
+ margin-bottom:0;
383
+ &:hover{
384
+ box-shadow: none;
385
+ }
386
+ & > div {
387
+ .menu-item-common;
388
+ width: 70px;
389
+ height: 70px;
390
+ float: left;
391
+ margin-bottom: 8px;
392
+ margin-right: 8px;
393
+ //background-color: @bg-white-77;
394
+ h1{
395
+ font-size: 14px;
396
+ text-align: center;
397
+ line-height: 40px;
398
+ // font-weight: normal;
399
+ //color: @font-red-brown;
400
+ }
401
+ i{
402
+ width: 18px;
403
+ height: 18px;
404
+ bottom: 12%;
405
+ left: 50%;
406
+ margin-left: -9px;
407
+ font-size: 18px;
408
+ //color: @icon-orange;
409
+ &:before{
410
+ top: -5px;
411
+ }
412
+ }
413
+ }
414
+ & > div:nth-child(even) {
415
+ margin-right: 0px;
416
+ }
417
+ }
418
+ .worktop-item-search{
419
+ height: 148px;
420
+ //background-color: @bg-orange2;
421
+ }
422
+ .worktop-item-money{
423
+ height: 70px;
424
+ //background-color: @bg-yellow;
425
+ }
426
+ .worktop-item-statis{
427
+ height: 148px;
428
+ //background-color: @bg-orange;
429
+ }
430
+ .worktop-item-classify,.worktop-item-guide {
431
+ height : 70px;
432
+ //background-color: @bg-white-77;
433
+
434
+ h1 {
435
+ //color: @font-red-brown;
436
+ }
437
+
438
+ i {
439
+ //color: @icon-orange;
440
+ }
441
+ }
442
+
443
+ .worktop-item-money,.worktop-item-classify {
444
+ padding: 10px 0 0 20px;
445
+
446
+ h1 {
447
+ font-size: 16px;
448
+ }
449
+ }
450
+ .worktop-item-classify:nth-last-child(1){
451
+ i{
452
+ font-size:16px;
453
+ }
454
+ }
455
+ .worktop-item-guide{
456
+
457
+ }
458
+ }
459
+ }
460
+ .portal-right-content {
461
+ width : 320px;
462
+ margin-left: 12px;
463
+ display : inline-block;
464
+ &>.worktop-item-classify{
465
+ width : 148px;
466
+ height : 95px;
467
+ margin-right: 50px;
468
+ }
469
+ &>div {
470
+ .menu-item-common;
471
+ width : 148px;
472
+ height : 148px;
473
+ float : left;
474
+ margin-bottom: 8px;
475
+ margin-right : 8px;
476
+
477
+ h1 {
478
+ font-size: 20px;
479
+ padding: 10px 0 0 20px;
480
+ }
481
+
482
+ i {
483
+ width : 32px;
484
+ height : 32px;
485
+ bottom : 15%;
486
+ right : 15%;
487
+ font-size: 32px;
488
+
489
+ &:before {
490
+ top: -7px;
491
+ }
492
+ }
493
+ }
494
+
495
+
496
+
497
+ &>div:nth-child(even) {
498
+ margin-right: 0px;
499
+ }
500
+
501
+ .stock-item-right-container {
502
+ width : 148px;
503
+ padding : 0;
504
+ background: unset;
505
+ position : relative;
506
+ }
507
+
508
+ .stock-item-yaohuo {
509
+ //background-color: @bg-orange;
510
+ }
511
+
512
+ .stock-item-caigou {
513
+ //background-color: @bg-yellow;
514
+ }
515
+
516
+ .stock-item-tiaobo {
517
+ //background-color: @bg-orange2;
518
+ }
519
+
520
+ .stock-item-one {
521
+ height : 70px;
522
+ border-radius : 5px;
523
+ //background-color: @bg-white-62;
524
+
525
+ h1 {
526
+ //color : @font-red-brown;
527
+ font-size: 16px;
528
+ }
529
+
530
+ i {
531
+ //color : @icon-orange;
532
+ width : 36px;
533
+ height : 36px;
534
+ font-size: 24px;
535
+ bottom: 50%;
536
+ right : 8%;
537
+ }
538
+ }
539
+
540
+ .stock-item-two {
541
+ margin-top: 8px;
542
+ i {
543
+ bottom: 0;
544
+ right : 8%;
545
+ }
546
+ }
547
+
548
+ .stock-item-caigou-tc,.stock-item-jinhuo,.stock-item-qitachuku {
549
+ .stock-item-one;
550
+ }
551
+
552
+ .stock-item-caigouruku-tc,.stock-item-pandian,.stock-item-qitaruku {
553
+ .stock-item-one;
554
+ .stock-item-two;
555
+ }
556
+
557
+ .stock-item-search {
558
+ background-image: url("@{url-prefix}/search-background.jpg");
559
+ background-size : cover;
560
+
561
+ h1 {
562
+ padding-left: 0;
563
+ padding: 10px 0 0 10px;
564
+ }
565
+ i {
566
+ font-size :24px;
567
+ }
568
+ }
569
+ }
570
+ }
571
+
572
+ .portal-container-modal-more{
573
+ .ant-modal-body{
574
+ height: 375px;
575
+ }
576
+ .modal-quick{
577
+ width: 115px;
578
+ height: 115px;
579
+ margin:10px;
580
+ text-align: center;
581
+ cursor:hand;
582
+ float: left;
583
+
584
+ .quick{
585
+ width: 60px;
586
+ height: 60px;
587
+ display: flex;
588
+ align-items: center;
589
+ justify-content: center;
590
+ border-radius:12px;
591
+ margin: 10px 26px;
592
+ }
593
+ i{
594
+ font-size: 30px;
595
+ color: #FFF !important;
596
+ }
597
+ }
598
+
599
+ .worktop-item-assemblyorder div{
600
+ background: #26A0DE;
601
+
602
+ }
603
+ .worktop-item-shapevoucher div{
604
+ background: #7978FF;
605
+ }
606
+ .worktop-item-presaleorder div{
607
+ background: #FF8C00;
608
+ }
609
+ .worktop-item-pickupstatistics div{
610
+ background: #00D9AE;
611
+ }
612
+ .worktop-item-pickuptrack div{
613
+ background: #FF3C6F;
614
+ }
615
+ }
616
+
617
+ .portal-hsy-tc-container {
618
+ position : absolute;
619
+ height : 99%;
620
+ width : 100%;
621
+ background: #FFFFFF;
622
+ }
623
+
624
+ .portal-hsy-tc-container-hide {
625
+ top: -100%;
626
+ }
627
+
628
+ /*适配Pad*/
629
+ .portal-container-pad{
630
+
631
+ .portal-center-content {
632
+ width: 66vw !important;
633
+ height: 100vh !important;
634
+ .worktop-container-left{
635
+ width: 48vw !important;
636
+ .worktop-item-cashier{
637
+ width: 48vw !important;
638
+ height: 40vh !important;
639
+ }
640
+
641
+ .worktop-item {
642
+ display: inline-block;
643
+ width: 24vw;
644
+ }
645
+ .worktop-item-onduty{
646
+ width: 48vw !important;
647
+ }
648
+ .worktop-item-offduty {
649
+ float: none !important;
650
+ width: 23vw !important;
651
+ margin-right: 2vw !important;
652
+ }
653
+ .worktop-item-settlement {
654
+ width: 23vw !important;
655
+ margin-right: 0 !important;
656
+ }
657
+
658
+ }
659
+ .worktop-container-right{
660
+ .worktop-item {
661
+ width: 16vw !important;
662
+ height: 19.5vh !important;
663
+ margin-bottom: 1vh;
664
+ h1 {
665
+ font-size: 18px !important;
666
+ //color: #891C1C;
667
+ }
668
+ i{
669
+ //color: #A86A03;
670
+ font-size: 36px;
671
+ }
672
+ &:last-child{
673
+ padding: 20px;
674
+ }
675
+ }
676
+
677
+ }
678
+ }
679
+ }
680
+
681
+ /*适配SunMi*/
682
+ .portal-container-sunmi{
683
+
684
+ .portal-center-content {
685
+ width: 66vw !important;
686
+ height: 100vh !important;
687
+ .worktop-container-left{
688
+ width: 48vw !important;
689
+ .worktop-item-cashier{
690
+ width: 48vw !important;
691
+ height: 40vh !important;
692
+ }
693
+
694
+ .worktop-item {
695
+ display: inline-block;
696
+ width: 24vw;
697
+ }
698
+ .worktop-item-onduty{
699
+ width: 48vw !important;
700
+ }
701
+ .worktop-item-offduty {
702
+ float: none !important;
703
+ width: 23vw !important;
704
+ margin-right: 2vw !important;
705
+ }
706
+ .worktop-item-settlement {
707
+ width: 23vw !important;
708
+ margin-right: 0 !important;
709
+ }
710
+ }
711
+ .worktop-container-right{
712
+ .worktop-item {
713
+ width: 16vw !important;
714
+ height: 24.3vh !important;
715
+ margin-bottom: 1vh;
716
+ h1 {
717
+ font-size: 18px !important;
718
+ //color: #891C1C;
719
+ }
720
+ i{
721
+ //color: #A86A03;
722
+ font-size: 36px;
723
+ }
724
+ &:last-child{
725
+ padding: 20px;
726
+ }
727
+ }
728
+
729
+ }
730
+ }
731
+ }
732
+
733
+ .portal-container-center{
734
+ display: flex;
735
+ justify-content: center;
736
+ align-items: center;
737
+ padding-top: unset !important;
738
+ // margin-bottom: -30px;
739
+ .portal-content-row{
740
+ // align-items: center;
741
+ // justify-content: center;
742
+ }
743
+ }
744
+
745
+ @media (max-width: 1200px){
746
+ .portal-container{
747
+ .ant-col-xl-6 {
748
+ width: 28%;
749
+ }
750
+ .ant-col-xl-12 {
751
+ width: 44%;
752
+ }
753
+ }
754
+ }
755
+
756
+ @media (min-width: 1000px) {
757
+ .portal-container{
758
+ .portal-left-col, .portal-center-col, .portal-right-col{
759
+ display: inline-block;
760
+ float: left;
761
+ }
762
+ .ant-col-md-6 {
763
+ display: block;
764
+ -webkit-box-sizing: border-box;
765
+ box-sizing: border-box;
766
+ width: 29.16666667%;
767
+ }
768
+ .ant-col-md-12 {
769
+ display: block;
770
+ -webkit-box-sizing: border-box;
771
+ box-sizing: border-box;
772
+ width: 41.66666667%;
773
+ }
774
+ }
775
+ }
776
+
777
+ @media (max-width: 1080px) {
778
+ .portal-container{
779
+ min-width: 996px;
780
+ padding: 4% 0px 0px 0px !important;
781
+ zoom: 0.8;
782
+ .portal-left-col, .portal-center-col, .portal-right-col{
783
+ display: inline-block;
784
+ float: left;
785
+ }
786
+ .ant-col-md-6 {
787
+ display: block;
788
+ -webkit-box-sizing: border-box;
789
+ box-sizing: border-box;
790
+ width: 29.16666667%;
791
+ }
792
+ .ant-col-md-12 {
793
+ display: block;
794
+ -webkit-box-sizing: border-box;
795
+ box-sizing: border-box;
796
+ width: 41.66666667%;
797
+ }
798
+ }
799
+ }
800
+
801
+ @media (max-height: 680px) {
802
+ .portal-container{
803
+ zoom: 0.85;
804
+ }
805
+ }
806
+
807
+ @media (max-height: 580px) {
808
+ .portal-container{
809
+ zoom: 0.75;
810
+ }
811
+ }
812
+
813
+ @media (max-height: 500px) {
814
+ .portal-container{
815
+ min-width: 996px;
816
+ padding: 4% 0px 0px 0px !important;
817
+ zoom: 0.65;
818
+ .portal-left-col, .portal-center-col, .portal-right-col{
819
+ display: inline-block;
820
+ float: left;
821
+ }
822
+ }
823
823
  }