tplus-portaltouch 3.19.2 → 3.21.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 (69) 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 +66 -45
  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/style.less +351 -351
  12. package/dist/components/header/themeModal.js.map +1 -1
  13. package/dist/components/header/vertical-touch.js.map +1 -1
  14. package/dist/components/header/vertical-touch.less +228 -228
  15. package/dist/containers/Main/index.js.map +1 -1
  16. package/dist/dutyService/index.js.map +1 -1
  17. package/dist/index.js.map +1 -1
  18. package/dist/middleWare/index.js.map +1 -1
  19. package/dist/modalRouter/StaticRouter.js.map +1 -1
  20. package/dist/modalRouter/index.js +8 -8
  21. package/dist/modalRouter/index.js.map +1 -1
  22. package/dist/pages/Modal/index.js.map +1 -1
  23. package/dist/pages/Modal/style.less +5 -5
  24. package/dist/pages/Portal/data.js +7 -7
  25. package/dist/pages/Portal/data.js.map +1 -1
  26. package/dist/pages/Portal/horizontalPadPortal.js.map +1 -1
  27. package/dist/pages/Portal/horizontalSunMiPortal.js.map +1 -1
  28. package/dist/pages/Portal/index.js +63 -32
  29. package/dist/pages/Portal/index.js.map +1 -1
  30. package/dist/pages/Portal/index.less +612 -612
  31. package/dist/pages/Portal/verticalPortal.js.map +1 -1
  32. package/dist/pages/Portalbc/data.js +94 -6
  33. package/dist/pages/Portalbc/data.js.map +1 -1
  34. package/dist/pages/Portalbc/horizontalPadPortal.js.map +1 -1
  35. package/dist/pages/Portalbc/horizontalSunMiPortal.js.map +1 -1
  36. package/dist/pages/Portalbc/index.js +228 -193
  37. package/dist/pages/Portalbc/index.js.map +1 -1
  38. package/dist/pages/Portalbc/index.less +732 -727
  39. package/dist/pages/Portalbc/onframe.js.map +1 -1
  40. package/dist/pages/Portalbc/verticalPortal.js.map +1 -1
  41. package/dist/pages/dutyandsettle/AuthProcess.js.map +1 -1
  42. package/dist/pages/dutyandsettle/index.js.map +1 -1
  43. package/dist/pages/dutyandsettle/index.less +529 -529
  44. package/dist/pages/dutyandsettle/offDuty.js +104 -89
  45. package/dist/pages/dutyandsettle/offDuty.js.map +1 -1
  46. package/dist/pages/dutyandsettle/onDialy.js.map +1 -1
  47. package/dist/pages/dutyandsettle/onDuty.js.map +1 -1
  48. package/dist/pages/dutyandsettle/onUnDaily.js.map +1 -1
  49. package/dist/pages/dutyandsettle/settleDialy.js.map +1 -1
  50. package/dist/pages/index.js.map +1 -1
  51. package/dist/pages/modifyPass/index.js.map +1 -1
  52. package/dist/pages/modifyPass/style.less +71 -71
  53. package/dist/pages/notFound/index.js.map +1 -1
  54. package/dist/pages/notFound/style.less +17 -17
  55. package/dist/stores/ModalRouter.js.map +1 -1
  56. package/dist/stores/ModifyPassStore.js.map +1 -1
  57. package/dist/stores/PortalStore.js +5 -5
  58. package/dist/stores/PortalStore.js.map +1 -1
  59. package/dist/stores/PosLoginStore.js.map +1 -1
  60. package/dist/stores/billHistoryStore.js.map +1 -1
  61. package/dist/stores/dutySettleStore.js.map +1 -1
  62. package/dist/stores/index.js.map +1 -1
  63. package/dist/utils/PrintProcess.js +10 -10
  64. package/dist/utils/PrintProcess.js.map +1 -1
  65. package/dist/utils/index.js.map +1 -1
  66. package/dist/utils/networkCheck.js +6 -8
  67. package/dist/utils/networkCheck.js.map +1 -1
  68. package/package.json +4 -4
  69. package/tsconfig.json +14 -14
@@ -1,728 +1,733 @@
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
- padding: 0;
155
-
156
- h1 {
157
- font-size : 16px;
158
- height : 67px;
159
- line-height: normal;
160
- padding : 10px 0 0 15px;
161
- }
162
-
163
- i {
164
- width: 24px;
165
- height: 24px;
166
- right: 10%;
167
- bottom: 10%;
168
- font-size: 24px;
169
- &:before{
170
- top: -8px;
171
- left: 1px;
172
- }
173
- }
174
- }
175
-
176
- .member-item-center-4 {
177
- height : 70px;
178
- padding: 0;
179
-
180
- h1 {
181
- font-size : 16px;
182
- height : 67px;
183
- line-height: normal;
184
- padding : 10px 0 0 15px;
185
- }
186
-
187
- i {
188
- width: 24px;
189
- height: 24px;
190
- right: 10%;
191
- bottom: 10%;
192
- font-size: 24px;
193
- &:before{
194
- top: -8px;
195
- left: 1px;
196
- }
197
- }
198
- }
199
- }
200
- .member-item-bottom-top{
201
- height: 70px;
202
- line-height: 70px;
203
- font-size: 22px;
204
- margin-bottom: 8px;
205
- padding-left: 15px;
206
- i {
207
- width: 36px;
208
- height: 36px;
209
- right: 10%;
210
- top: 50%;
211
- margin-top: -18px;
212
- font-size: 32px;
213
- &:before{
214
- top: -20px;
215
- }
216
- }
217
- }
218
- .member-item-bottom-container{
219
- width: 304px;
220
- display: inline-block;
221
- & > div {
222
- width: 148px;
223
- height: 70px;
224
- line-height: 70px;
225
- float: left;
226
- h1{
227
- padding-left: 15px;
228
- }
229
- i {
230
- width: 20px;
231
- height: 20px;
232
- right: 14%;
233
- top: 50%;
234
- margin-top: -10px;
235
- }
236
- }
237
- .member-item-bottom-1{
238
- margin-right: 8px;
239
- i{
240
- font-size: 18px;
241
- &:before{
242
- top: -20px;
243
- left: 2px;
244
- }
245
- }
246
- }
247
- .member-item-bottom-2{
248
- i{
249
- font-size: 18px;
250
- &:before{
251
- top: -20px;
252
- left: 2px;
253
- }
254
- }
255
- }
256
- }
257
- }
258
- .portal-center-content{
259
- width: 460px;
260
- margin: 0px auto;
261
- overflow: hidden;
262
- .worktop-container-left{
263
- float: left;
264
- width: 304px;
265
- margin-right: 8px;
266
- & > div {
267
- width: 100%;
268
- //background-color: rgba(255, 255, 255, .6);
269
- margin-bottom: 8px;
270
- .menu-item-common;
271
- i{
272
- width: 48px;
273
- height: 48px;
274
- top: 50%;
275
- right: 12%;
276
- margin-top: -24px;
277
- font-size: 42px;
278
- &:before{
279
- top: -6px;
280
- left: 2px;
281
- }
282
- }
283
- }
284
- .worktop-item-cashier{
285
- background-image: url("https://newretail.static.chanjet.com/cashier-background.jpg");
286
- background-size: cover;
287
- height: 304px;
288
- h1{
289
- font-size: 40px;
290
- text-align: center;
291
- position: relative;
292
- top: 60%;
293
- }
294
- i{
295
- width: 48px;
296
- height: 60px;
297
- top: 20%;
298
- left: 50%;
299
- margin-left: -24px;
300
- margin-top: 0px;
301
- font-size: 60px;
302
- &:before{
303
- top: -15px;
304
- left: -7px;
305
- }
306
- }
307
- }
308
- .worktop-item-common{
309
- padding: 20px;
310
- h1 {
311
- font-size: 20px;
312
- }
313
- i{
314
- width: 36px;
315
- height: 36px;
316
- font-size: 36px;
317
- }
318
- }
319
- .worktop-item-onduty{
320
- height: 70px;
321
- //background-color: @bg-orange2;
322
- .worktop-item-common;
323
- }
324
- .worktop-item-offduty{
325
- height: 70px;
326
- //background-color: @bg-yellow;
327
- .worktop-item-common
328
- }
329
- .worktop-item-settlement{
330
- height: 70px;
331
- //background-color: @bg-orange;
332
- .worktop-item-common
333
- }
334
- }
335
- .worktop-container-right{
336
- width: 148px;
337
- float: left;
338
- & > div {
339
- width: 100%;
340
- height: 90px;
341
- margin-bottom: 8px;
342
- padding: 20px;
343
- //background-color: rgba(255, 255, 255, .6);
344
- h1{
345
- font-size: 18px;
346
- }
347
- i{
348
- width: 30px;
349
- height: 36px;
350
- bottom: 10%;
351
- right: 8%;
352
- font-size: 24px;
353
- }
354
- .menu-item-common;
355
- }
356
- & > div:last-child{
357
- padding: 0px;
358
- }
359
- .worktop-item-center-right-bottom {
360
- overflow: hidden;
361
- height: auto;
362
- background-color: transparent;
363
- width: 148px;
364
- &:hover{
365
- box-shadow: none;
366
- }
367
- & > div {
368
- .menu-item-common;
369
- width: 70px;
370
- height: 70px;
371
- float: left;
372
- margin-bottom: 8px;
373
- margin-right: 8px;
374
- //background-color: @bg-white-77;
375
- h1{
376
- font-size: 14px;
377
- text-align: center;
378
- line-height: 40px;
379
- // font-weight: normal;
380
- //color: @font-red-brown;
381
- }
382
- i{
383
- width: 18px;
384
- height: 18px;
385
- bottom: 12%;
386
- left: 50%;
387
- margin-left: -9px;
388
- font-size: 18px;
389
- //color: @icon-orange;
390
- &:before{
391
- top: -5px;
392
- }
393
- }
394
- }
395
- & > div:nth-child(even) {
396
- margin-right: 0px;
397
- }
398
- }
399
- .worktop-item-search{
400
- height: 148px;
401
- //background-color: @bg-orange2;
402
- }
403
- .worktop-item-money{
404
- height: 70px;
405
- //background-color: @bg-yellow;
406
- }
407
- .worktop-item-statis{
408
- height: 148px;
409
- //background-color: @bg-orange;
410
- }
411
- .worktop-item-classify,.worktop-item-guide {
412
- height : 70px;
413
- //background-color: @bg-white-77;
414
-
415
- h1 {
416
- //color: @font-red-brown;
417
- }
418
-
419
- i {
420
- //color: @icon-orange;
421
- }
422
- }
423
-
424
- .worktop-item-money,.worktop-item-classify,.worktop-item-guide {
425
- padding: 10px 0 0 20px;
426
-
427
- h1 {
428
- font-size: 16px;
429
- }
430
- }
431
- }
432
- }
433
- .portal-right-content {
434
- width : 320px;
435
- margin-left: 12px;
436
- display : inline-block;
437
-
438
- &>div {
439
- .menu-item-common;
440
- width : 148px;
441
- height : 148px;
442
- float : left;
443
- margin-bottom: 8px;
444
- margin-right : 8px;
445
-
446
- h1 {
447
- font-size: 20px;
448
- padding: 10px 0 0 20px;
449
- }
450
-
451
- i {
452
- width : 32px;
453
- height : 32px;
454
- bottom : 15%;
455
- right : 15%;
456
- font-size: 32px;
457
-
458
- &:before {
459
- top: -7px;
460
- }
461
- }
462
- }
463
- &>div:nth-child(even) {
464
- margin-right: 0px;
465
- }
466
-
467
- .stock-item-right-container {
468
- width : 148px;
469
- padding : 0;
470
- background: unset;
471
- position : relative;
472
- }
473
-
474
- .stock-item-yaohuo {
475
- //background-color: @bg-orange;
476
- }
477
-
478
- .stock-item-caigou {
479
- //background-color: @bg-yellow;
480
- }
481
-
482
- .stock-item-tiaobo {
483
- //background-color: @bg-orange2;
484
- }
485
-
486
- .stock-item-one {
487
- height : 70px;
488
- border-radius : 5px;
489
- //background-color: @bg-white-62;
490
-
491
- h1 {
492
- //color : @font-red-brown;
493
- font-size: 16px;
494
- }
495
-
496
- i {
497
- //color : @icon-orange;
498
- width : 36px;
499
- height : 36px;
500
- font-size: 24px;
501
- bottom: 50%;
502
- right : 8%;
503
- }
504
- }
505
-
506
- .stock-item-two {
507
- margin-bottom: 8px;
508
- i {
509
- bottom: 0;
510
- right : 8%;
511
- }
512
- }
513
-
514
- .stock-item-jinhuo,.stock-item-qitachuku {
515
- .stock-item-one;
516
- .stock-item-two;
517
- }
518
-
519
- .stock-item-pandian,.stock-item-qitaruku {
520
- .stock-item-one;
521
- }
522
-
523
- .stock-item-search {
524
- background-image: url("https://newretail.static.chanjet.com/search-background.jpg");
525
- background-size : cover;
526
-
527
- h1 {
528
- padding-left: 0
529
- }
530
- }
531
- }
532
- }
533
-
534
- .portal-hsy-tc-container {
535
- position : absolute;
536
- height : 99%;
537
- width : 100%;
538
- background: #FFFFFF;
539
- }
540
-
541
- .portal-hsy-tc-container-hide {
542
- top: -100%;
543
- }
544
-
545
- /*适配Pad*/
546
- .portal-container-pad{
547
-
548
- .portal-center-content {
549
- width: 66vw !important;
550
- height: 100vh !important;
551
- .worktop-container-left{
552
- width: 48vw !important;
553
- .worktop-item-cashier{
554
- width: 48vw !important;
555
- height: 40vh !important;
556
- }
557
-
558
- .worktop-item {
559
- display: inline-block;
560
- width: 24vw;
561
- }
562
- .worktop-item-onduty{
563
- width: 48vw !important;
564
- }
565
- .worktop-item-offduty {
566
- float: none !important;
567
- width: 23vw !important;
568
- margin-right: 2vw !important;
569
- }
570
- .worktop-item-settlement {
571
- width: 23vw !important;
572
- margin-right: 0 !important;
573
- }
574
-
575
- }
576
- .worktop-container-right{
577
- .worktop-item {
578
- width: 16vw !important;
579
- height: 19.5vh !important;
580
- margin-bottom: 1vh;
581
- h1 {
582
- font-size: 18px !important;
583
- //color: #891C1C;
584
- }
585
- i{
586
- //color: #A86A03;
587
- font-size: 36px;
588
- }
589
- &:last-child{
590
- padding: 20px;
591
- }
592
- }
593
-
594
- }
595
- }
596
- }
597
-
598
- /*适配SunMi*/
599
- .portal-container-sunmi{
600
-
601
- .portal-center-content {
602
- width: 66vw !important;
603
- height: 100vh !important;
604
- .worktop-container-left{
605
- width: 48vw !important;
606
- .worktop-item-cashier{
607
- width: 48vw !important;
608
- height: 40vh !important;
609
- }
610
-
611
- .worktop-item {
612
- display: inline-block;
613
- width: 24vw;
614
- }
615
- .worktop-item-onduty{
616
- width: 48vw !important;
617
- }
618
- .worktop-item-offduty {
619
- float: none !important;
620
- width: 23vw !important;
621
- margin-right: 2vw !important;
622
- }
623
- .worktop-item-settlement {
624
- width: 23vw !important;
625
- margin-right: 0 !important;
626
- }
627
- }
628
- .worktop-container-right{
629
- .worktop-item {
630
- width: 16vw !important;
631
- height: 24.3vh !important;
632
- margin-bottom: 1vh;
633
- h1 {
634
- font-size: 18px !important;
635
- //color: #891C1C;
636
- }
637
- i{
638
- //color: #A86A03;
639
- font-size: 36px;
640
- }
641
- &:last-child{
642
- padding: 20px;
643
- }
644
- }
645
-
646
- }
647
- }
648
- }
649
-
650
- @media (max-width: 1200px){
651
- .portal-container{
652
- .ant-col-xl-6 {
653
- width: 28%;
654
- }
655
- .ant-col-xl-12 {
656
- width: 44%;
657
- }
658
- }
659
- }
660
-
661
- @media (min-width: 1000px) {
662
- .portal-container{
663
- .portal-left-col, .portal-center-col, .portal-right-col{
664
- display: inline-block;
665
- float: left;
666
- }
667
- .ant-col-md-6 {
668
- display: block;
669
- -webkit-box-sizing: border-box;
670
- box-sizing: border-box;
671
- width: 29.16666667%;
672
- }
673
- .ant-col-md-12 {
674
- display: block;
675
- -webkit-box-sizing: border-box;
676
- box-sizing: border-box;
677
- width: 41.66666667%;
678
- }
679
- }
680
- }
681
-
682
- @media (max-width: 1080px) {
683
- .portal-container{
684
- min-width: 996px;
685
- padding: 4% 0px 0px 0px !important;
686
- zoom: 0.8;
687
- .portal-left-col, .portal-center-col, .portal-right-col{
688
- display: inline-block;
689
- float: left;
690
- }
691
- .ant-col-md-6 {
692
- display: block;
693
- -webkit-box-sizing: border-box;
694
- box-sizing: border-box;
695
- width: 29.16666667%;
696
- }
697
- .ant-col-md-12 {
698
- display: block;
699
- -webkit-box-sizing: border-box;
700
- box-sizing: border-box;
701
- width: 41.66666667%;
702
- }
703
- }
704
- }
705
-
706
- @media (max-height: 680px) {
707
- .portal-container{
708
- zoom: 0.85;
709
- }
710
- }
711
-
712
- @media (max-height: 580px) {
713
- .portal-container{
714
- zoom: 0.75;
715
- }
716
- }
717
-
718
- @media (max-height: 500px) {
719
- .portal-container{
720
- min-width: 996px;
721
- padding: 4% 0px 0px 0px !important;
722
- zoom: 0.65;
723
- .portal-left-col, .portal-center-col, .portal-right-col{
724
- display: inline-block;
725
- float: left;
726
- }
727
- }
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-bottom-top{
206
+ height: 70px;
207
+ line-height: 70px;
208
+ font-size: 22px;
209
+ margin-bottom: 8px;
210
+ padding-left: 15px;
211
+ i {
212
+ width: 36px;
213
+ height: 36px;
214
+ right: 10%;
215
+ top: 50%;
216
+ margin-top: -18px;
217
+ font-size: 32px;
218
+ &:before{
219
+ top: -20px;
220
+ }
221
+ }
222
+ }
223
+ .member-item-bottom-container{
224
+ width: 304px;
225
+ display: inline-block;
226
+ & > div {
227
+ width: 148px;
228
+ height: 70px;
229
+ line-height: 70px;
230
+ float: left;
231
+ h1{
232
+ padding-left: 15px;
233
+ }
234
+ i {
235
+ width: 20px;
236
+ height: 20px;
237
+ right: 14%;
238
+ top: 50%;
239
+ margin-top: -10px;
240
+ }
241
+ }
242
+ .member-item-bottom-1{
243
+ margin-right: 8px;
244
+ i{
245
+ font-size: 18px;
246
+ &:before{
247
+ top: -20px;
248
+ left: 2px;
249
+ }
250
+ }
251
+ }
252
+ .member-item-bottom-2{
253
+ i{
254
+ font-size: 18px;
255
+ &:before{
256
+ top: -20px;
257
+ left: 2px;
258
+ }
259
+ }
260
+ }
261
+ }
262
+ }
263
+ .portal-center-content{
264
+ width: 460px;
265
+ margin: 0px auto;
266
+ overflow: hidden;
267
+ .worktop-container-left{
268
+ float: left;
269
+ width: 304px;
270
+ margin-right: 8px;
271
+ & > div {
272
+ width: 100%;
273
+ //background-color: rgba(255, 255, 255, .6);
274
+ margin-bottom: 8px;
275
+ .menu-item-common;
276
+ i{
277
+ width: 48px;
278
+ height: 48px;
279
+ top: 50%;
280
+ right: 12%;
281
+ margin-top: -24px;
282
+ font-size: 42px;
283
+ &:before{
284
+ top: -6px;
285
+ left: 2px;
286
+ }
287
+ }
288
+ }
289
+ .worktop-item-cashier{
290
+ background-image: url("https://newretail.static.chanjet.com/cashier-background.jpg");
291
+ background-size: cover;
292
+ height: 304px;
293
+ h1{
294
+ font-size: 40px;
295
+ text-align: center;
296
+ position: relative;
297
+ top: 60%;
298
+ }
299
+ i{
300
+ width: 48px;
301
+ height: 60px;
302
+ top: 20%;
303
+ left: 50%;
304
+ margin-left: -24px;
305
+ margin-top: 0px;
306
+ font-size: 60px;
307
+ &:before{
308
+ top: -15px;
309
+ left: -7px;
310
+ }
311
+ }
312
+ }
313
+ .worktop-item-common{
314
+ padding: 20px;
315
+ h1 {
316
+ font-size: 20px;
317
+ }
318
+ i{
319
+ width: 36px;
320
+ height: 36px;
321
+ font-size: 36px;
322
+ }
323
+ }
324
+ .worktop-item-onduty{
325
+ height: 70px;
326
+ //background-color: @bg-orange2;
327
+ .worktop-item-common;
328
+ }
329
+ .worktop-item-offduty{
330
+ height: 70px;
331
+ //background-color: @bg-yellow;
332
+ .worktop-item-common
333
+ }
334
+ .worktop-item-settlement{
335
+ height: 70px;
336
+ //background-color: @bg-orange;
337
+ .worktop-item-common
338
+ }
339
+ }
340
+ .worktop-container-right{
341
+ width: 148px;
342
+ float: left;
343
+ & > div {
344
+ width: 100%;
345
+ height: 90px;
346
+ margin-bottom: 8px;
347
+ padding: 20px;
348
+ //background-color: rgba(255, 255, 255, .6);
349
+ h1{
350
+ font-size: 18px;
351
+ }
352
+ i{
353
+ width: 30px;
354
+ height: 36px;
355
+ bottom: 10%;
356
+ right: 8%;
357
+ font-size: 24px;
358
+ }
359
+ .menu-item-common;
360
+ }
361
+ & > div:last-child{
362
+ padding: 0px;
363
+ }
364
+ .worktop-item-center-right-bottom {
365
+ overflow: hidden;
366
+ height: auto;
367
+ background-color: transparent;
368
+ width: 148px;
369
+ &:hover{
370
+ box-shadow: none;
371
+ }
372
+ & > div {
373
+ .menu-item-common;
374
+ width: 70px;
375
+ height: 70px;
376
+ float: left;
377
+ margin-bottom: 8px;
378
+ margin-right: 8px;
379
+ //background-color: @bg-white-77;
380
+ h1{
381
+ font-size: 14px;
382
+ text-align: center;
383
+ line-height: 40px;
384
+ // font-weight: normal;
385
+ //color: @font-red-brown;
386
+ }
387
+ i{
388
+ width: 18px;
389
+ height: 18px;
390
+ bottom: 12%;
391
+ left: 50%;
392
+ margin-left: -9px;
393
+ font-size: 18px;
394
+ //color: @icon-orange;
395
+ &:before{
396
+ top: -5px;
397
+ }
398
+ }
399
+ }
400
+ & > div:nth-child(even) {
401
+ margin-right: 0px;
402
+ }
403
+ }
404
+ .worktop-item-search{
405
+ height: 148px;
406
+ //background-color: @bg-orange2;
407
+ }
408
+ .worktop-item-money{
409
+ height: 70px;
410
+ //background-color: @bg-yellow;
411
+ }
412
+ .worktop-item-statis{
413
+ height: 148px;
414
+ //background-color: @bg-orange;
415
+ }
416
+ .worktop-item-classify,.worktop-item-guide {
417
+ height : 70px;
418
+ //background-color: @bg-white-77;
419
+
420
+ h1 {
421
+ //color: @font-red-brown;
422
+ }
423
+
424
+ i {
425
+ //color: @icon-orange;
426
+ }
427
+ }
428
+
429
+ .worktop-item-money,.worktop-item-classify,.worktop-item-guide {
430
+ padding: 10px 0 0 20px;
431
+
432
+ h1 {
433
+ font-size: 16px;
434
+ }
435
+ }
436
+ }
437
+ }
438
+ .portal-right-content {
439
+ width : 320px;
440
+ margin-left: 12px;
441
+ display : inline-block;
442
+
443
+ &>div {
444
+ .menu-item-common;
445
+ width : 148px;
446
+ height : 148px;
447
+ float : left;
448
+ margin-bottom: 8px;
449
+ margin-right : 8px;
450
+
451
+ h1 {
452
+ font-size: 20px;
453
+ padding: 10px 0 0 20px;
454
+ }
455
+
456
+ i {
457
+ width : 32px;
458
+ height : 32px;
459
+ bottom : 15%;
460
+ right : 15%;
461
+ font-size: 32px;
462
+
463
+ &:before {
464
+ top: -7px;
465
+ }
466
+ }
467
+ }
468
+ &>div:nth-child(even) {
469
+ margin-right: 0px;
470
+ }
471
+
472
+ .stock-item-right-container {
473
+ width : 148px;
474
+ padding : 0;
475
+ background: unset;
476
+ position : relative;
477
+ }
478
+
479
+ .stock-item-yaohuo {
480
+ //background-color: @bg-orange;
481
+ }
482
+
483
+ .stock-item-caigou {
484
+ //background-color: @bg-yellow;
485
+ }
486
+
487
+ .stock-item-tiaobo {
488
+ //background-color: @bg-orange2;
489
+ }
490
+
491
+ .stock-item-one {
492
+ height : 70px;
493
+ border-radius : 5px;
494
+ //background-color: @bg-white-62;
495
+
496
+ h1 {
497
+ //color : @font-red-brown;
498
+ font-size: 16px;
499
+ }
500
+
501
+ i {
502
+ //color : @icon-orange;
503
+ width : 36px;
504
+ height : 36px;
505
+ font-size: 24px;
506
+ bottom: 50%;
507
+ right : 8%;
508
+ }
509
+ }
510
+
511
+ .stock-item-two {
512
+ margin-top: 8px;
513
+ i {
514
+ bottom: 0;
515
+ right : 8%;
516
+ }
517
+ }
518
+
519
+ .stock-item-caigou-tc,.stock-item-jinhuo,.stock-item-qitachuku {
520
+ .stock-item-one;
521
+ }
522
+
523
+ .stock-item-caigouruku-tc,.stock-item-pandian,.stock-item-qitaruku {
524
+ .stock-item-one;
525
+ .stock-item-two;
526
+ }
527
+
528
+ .stock-item-search {
529
+ background-image: url("https://newretail.static.chanjet.com/search-background.jpg");
530
+ background-size : cover;
531
+
532
+ h1 {
533
+ padding-left: 0
534
+ }
535
+ }
536
+ }
537
+ }
538
+
539
+ .portal-hsy-tc-container {
540
+ position : absolute;
541
+ height : 99%;
542
+ width : 100%;
543
+ background: #FFFFFF;
544
+ }
545
+
546
+ .portal-hsy-tc-container-hide {
547
+ top: -100%;
548
+ }
549
+
550
+ /*适配Pad*/
551
+ .portal-container-pad{
552
+
553
+ .portal-center-content {
554
+ width: 66vw !important;
555
+ height: 100vh !important;
556
+ .worktop-container-left{
557
+ width: 48vw !important;
558
+ .worktop-item-cashier{
559
+ width: 48vw !important;
560
+ height: 40vh !important;
561
+ }
562
+
563
+ .worktop-item {
564
+ display: inline-block;
565
+ width: 24vw;
566
+ }
567
+ .worktop-item-onduty{
568
+ width: 48vw !important;
569
+ }
570
+ .worktop-item-offduty {
571
+ float: none !important;
572
+ width: 23vw !important;
573
+ margin-right: 2vw !important;
574
+ }
575
+ .worktop-item-settlement {
576
+ width: 23vw !important;
577
+ margin-right: 0 !important;
578
+ }
579
+
580
+ }
581
+ .worktop-container-right{
582
+ .worktop-item {
583
+ width: 16vw !important;
584
+ height: 19.5vh !important;
585
+ margin-bottom: 1vh;
586
+ h1 {
587
+ font-size: 18px !important;
588
+ //color: #891C1C;
589
+ }
590
+ i{
591
+ //color: #A86A03;
592
+ font-size: 36px;
593
+ }
594
+ &:last-child{
595
+ padding: 20px;
596
+ }
597
+ }
598
+
599
+ }
600
+ }
601
+ }
602
+
603
+ /*适配SunMi*/
604
+ .portal-container-sunmi{
605
+
606
+ .portal-center-content {
607
+ width: 66vw !important;
608
+ height: 100vh !important;
609
+ .worktop-container-left{
610
+ width: 48vw !important;
611
+ .worktop-item-cashier{
612
+ width: 48vw !important;
613
+ height: 40vh !important;
614
+ }
615
+
616
+ .worktop-item {
617
+ display: inline-block;
618
+ width: 24vw;
619
+ }
620
+ .worktop-item-onduty{
621
+ width: 48vw !important;
622
+ }
623
+ .worktop-item-offduty {
624
+ float: none !important;
625
+ width: 23vw !important;
626
+ margin-right: 2vw !important;
627
+ }
628
+ .worktop-item-settlement {
629
+ width: 23vw !important;
630
+ margin-right: 0 !important;
631
+ }
632
+ }
633
+ .worktop-container-right{
634
+ .worktop-item {
635
+ width: 16vw !important;
636
+ height: 24.3vh !important;
637
+ margin-bottom: 1vh;
638
+ h1 {
639
+ font-size: 18px !important;
640
+ //color: #891C1C;
641
+ }
642
+ i{
643
+ //color: #A86A03;
644
+ font-size: 36px;
645
+ }
646
+ &:last-child{
647
+ padding: 20px;
648
+ }
649
+ }
650
+
651
+ }
652
+ }
653
+ }
654
+
655
+ @media (max-width: 1200px){
656
+ .portal-container{
657
+ .ant-col-xl-6 {
658
+ width: 28%;
659
+ }
660
+ .ant-col-xl-12 {
661
+ width: 44%;
662
+ }
663
+ }
664
+ }
665
+
666
+ @media (min-width: 1000px) {
667
+ .portal-container{
668
+ .portal-left-col, .portal-center-col, .portal-right-col{
669
+ display: inline-block;
670
+ float: left;
671
+ }
672
+ .ant-col-md-6 {
673
+ display: block;
674
+ -webkit-box-sizing: border-box;
675
+ box-sizing: border-box;
676
+ width: 29.16666667%;
677
+ }
678
+ .ant-col-md-12 {
679
+ display: block;
680
+ -webkit-box-sizing: border-box;
681
+ box-sizing: border-box;
682
+ width: 41.66666667%;
683
+ }
684
+ }
685
+ }
686
+
687
+ @media (max-width: 1080px) {
688
+ .portal-container{
689
+ min-width: 996px;
690
+ padding: 4% 0px 0px 0px !important;
691
+ zoom: 0.8;
692
+ .portal-left-col, .portal-center-col, .portal-right-col{
693
+ display: inline-block;
694
+ float: left;
695
+ }
696
+ .ant-col-md-6 {
697
+ display: block;
698
+ -webkit-box-sizing: border-box;
699
+ box-sizing: border-box;
700
+ width: 29.16666667%;
701
+ }
702
+ .ant-col-md-12 {
703
+ display: block;
704
+ -webkit-box-sizing: border-box;
705
+ box-sizing: border-box;
706
+ width: 41.66666667%;
707
+ }
708
+ }
709
+ }
710
+
711
+ @media (max-height: 680px) {
712
+ .portal-container{
713
+ zoom: 0.85;
714
+ }
715
+ }
716
+
717
+ @media (max-height: 580px) {
718
+ .portal-container{
719
+ zoom: 0.75;
720
+ }
721
+ }
722
+
723
+ @media (max-height: 500px) {
724
+ .portal-container{
725
+ min-width: 996px;
726
+ padding: 4% 0px 0px 0px !important;
727
+ zoom: 0.65;
728
+ .portal-left-col, .portal-center-col, .portal-right-col{
729
+ display: inline-block;
730
+ float: left;
731
+ }
732
+ }
728
733
  }