tplus-portaltouch 3.42.2 → 3.43.1

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