tplus-portaltouch 3.23.1 → 3.23.5

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 (80) hide show
  1. package/dist/api/ModifyPassApi.js +1 -1
  2. package/dist/api/ModifyPassApi.js.map +1 -1
  3. package/dist/components/dutyandsettle/dutysettlebill.js.map +1 -1
  4. package/dist/components/dutyandsettle/dutysettlehistory.js +45 -66
  5. package/dist/components/dutyandsettle/dutysettlehistory.js.map +1 -1
  6. package/dist/components/dutyandsettle/index.js.map +1 -1
  7. package/dist/components/dutyandsettle/tipContent.js.map +1 -1
  8. package/dist/components/header/customUse.js.map +1 -1
  9. package/dist/components/header/headContent.js +508 -38
  10. package/dist/components/header/headContent.js.map +1 -1
  11. package/dist/components/header/index.js +13 -13
  12. package/dist/components/header/index.js.map +1 -1
  13. package/dist/components/header/offlinePointDesc.js +7 -0
  14. package/dist/components/header/offlinePointDesc.js.map +1 -0
  15. package/dist/components/header/style.less +456 -351
  16. package/dist/components/header/themeModal.js.map +1 -1
  17. package/dist/components/header/uploadList.js +271 -0
  18. package/dist/components/header/uploadList.js.map +1 -0
  19. package/dist/components/header/vertical-touch.js.map +1 -1
  20. package/dist/components/header/vertical-touch.less +228 -228
  21. package/dist/containers/Main/index.js +17 -18
  22. package/dist/containers/Main/index.js.map +1 -1
  23. package/dist/dutyService/index.js.map +1 -1
  24. package/dist/index.js.map +1 -1
  25. package/dist/middleWare/index.js.map +1 -1
  26. package/dist/modalRouter/StaticRouter.js.map +1 -1
  27. package/dist/modalRouter/index.js +8 -8
  28. package/dist/modalRouter/index.js.map +1 -1
  29. package/dist/pages/Modal/index.js.map +1 -1
  30. package/dist/pages/Modal/style.less +5 -5
  31. package/dist/pages/Portalbc/data.js +60 -31
  32. package/dist/pages/Portalbc/data.js.map +1 -1
  33. package/dist/pages/Portalbc/horizontalPadPortal.js.map +1 -1
  34. package/dist/pages/Portalbc/horizontalSunMiPortal.js.map +1 -1
  35. package/dist/pages/Portalbc/index.js +470 -300
  36. package/dist/pages/Portalbc/index.js.map +1 -1
  37. package/dist/pages/Portalbc/index.less +777 -732
  38. package/dist/pages/Portalbc/onframe.js.map +1 -1
  39. package/dist/pages/Portalbc/verticalPortal.js +3 -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 +89 -104
  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 +8 -6
  67. package/dist/utils/networkCheck.js.map +1 -1
  68. package/package.json +2 -2
  69. package/tsconfig.json +14 -14
  70. package/dist/pages/Portal/data.js +0 -32
  71. package/dist/pages/Portal/data.js.map +0 -1
  72. package/dist/pages/Portal/horizontalPadPortal.js +0 -129
  73. package/dist/pages/Portal/horizontalPadPortal.js.map +0 -1
  74. package/dist/pages/Portal/horizontalSunMiPortal.js +0 -130
  75. package/dist/pages/Portal/horizontalSunMiPortal.js.map +0 -1
  76. package/dist/pages/Portal/index.js +0 -856
  77. package/dist/pages/Portal/index.js.map +0 -1
  78. package/dist/pages/Portal/index.less +0 -612
  79. package/dist/pages/Portal/verticalPortal.js +0 -126
  80. package/dist/pages/Portal/verticalPortal.js.map +0 -1
package/dist/pages/Portalbc/index.less CHANGED
@@ -1,733 +1,778 @@
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
- }
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
+ & > div {
348
+ width: 100%;
349
+ height: 90px;
350
+ margin-bottom: 8px;
351
+ padding: 20px;
352
+ //background-color: rgba(255, 255, 255, .6);
353
+ h1{
354
+ font-size: 18px;
355
+ }
356
+ i{
357
+ width: 30px;
358
+ height: 36px;
359
+ bottom: 10%;
360
+ right: 8%;
361
+ font-size: 24px;
362
+ }
363
+ .menu-item-common;
364
+ }
365
+ & > div:last-child{
366
+ padding: 0px;
367
+ }
368
+ .worktop-item-center-right-bottom {
369
+ overflow: hidden;
370
+ height: auto;
371
+ background-color: transparent;
372
+ width: 148px;
373
+ padding: 0;
374
+ margin-bottom:0;
375
+ &:hover{
376
+ box-shadow: none;
377
+ }
378
+ & > div {
379
+ .menu-item-common;
380
+ width: 70px;
381
+ height: 70px;
382
+ float: left;
383
+ margin-bottom: 8px;
384
+ margin-right: 8px;
385
+ //background-color: @bg-white-77;
386
+ h1{
387
+ font-size: 14px;
388
+ text-align: center;
389
+ line-height: 40px;
390
+ // font-weight: normal;
391
+ //color: @font-red-brown;
392
+ }
393
+ i{
394
+ width: 18px;
395
+ height: 18px;
396
+ bottom: 12%;
397
+ left: 50%;
398
+ margin-left: -9px;
399
+ font-size: 18px;
400
+ //color: @icon-orange;
401
+ &:before{
402
+ top: -5px;
403
+ }
404
+ }
405
+ }
406
+ & > div:nth-child(even) {
407
+ margin-right: 0px;
408
+ }
409
+ }
410
+ .worktop-item-search{
411
+ height: 148px;
412
+ //background-color: @bg-orange2;
413
+ }
414
+ .worktop-item-money{
415
+ height: 70px;
416
+ //background-color: @bg-yellow;
417
+ }
418
+ .worktop-item-statis{
419
+ height: 148px;
420
+ //background-color: @bg-orange;
421
+ }
422
+ .worktop-item-classify,.worktop-item-guide {
423
+ height : 70px;
424
+ //background-color: @bg-white-77;
425
+
426
+ h1 {
427
+ //color: @font-red-brown;
428
+ }
429
+
430
+ i {
431
+ //color: @icon-orange;
432
+ }
433
+ }
434
+
435
+ .worktop-item-money,.worktop-item-classify {
436
+ padding: 10px 0 0 20px;
437
+
438
+ h1 {
439
+ font-size: 16px;
440
+ }
441
+ }
442
+ .worktop-item-guide{
443
+
444
+ }
445
+ }
446
+ }
447
+ .portal-right-content {
448
+ width : 320px;
449
+ margin-left: 12px;
450
+ display : inline-block;
451
+
452
+ &>div {
453
+ .menu-item-common;
454
+ width : 148px;
455
+ height : 148px;
456
+ float : left;
457
+ margin-bottom: 8px;
458
+ margin-right : 8px;
459
+
460
+ h1 {
461
+ font-size: 20px;
462
+ padding: 10px 0 0 20px;
463
+ }
464
+
465
+ i {
466
+ width : 32px;
467
+ height : 32px;
468
+ bottom : 15%;
469
+ right : 15%;
470
+ font-size: 32px;
471
+
472
+ &:before {
473
+ top: -7px;
474
+ }
475
+ }
476
+ }
477
+ &>div:nth-child(even) {
478
+ margin-right: 0px;
479
+ }
480
+
481
+ .stock-item-right-container {
482
+ width : 148px;
483
+ padding : 0;
484
+ background: unset;
485
+ position : relative;
486
+ }
487
+
488
+ .stock-item-yaohuo {
489
+ //background-color: @bg-orange;
490
+ }
491
+
492
+ .stock-item-caigou {
493
+ //background-color: @bg-yellow;
494
+ }
495
+
496
+ .stock-item-tiaobo {
497
+ //background-color: @bg-orange2;
498
+ }
499
+
500
+ .stock-item-one {
501
+ height : 70px;
502
+ border-radius : 5px;
503
+ //background-color: @bg-white-62;
504
+
505
+ h1 {
506
+ //color : @font-red-brown;
507
+ font-size: 16px;
508
+ }
509
+
510
+ i {
511
+ //color : @icon-orange;
512
+ width : 36px;
513
+ height : 36px;
514
+ font-size: 24px;
515
+ bottom: 50%;
516
+ right : 8%;
517
+ }
518
+ }
519
+
520
+ .stock-item-two {
521
+ margin-top: 8px;
522
+ i {
523
+ bottom: 0;
524
+ right : 8%;
525
+ }
526
+ }
527
+
528
+ .stock-item-caigou-tc,.stock-item-jinhuo,.stock-item-qitachuku {
529
+ .stock-item-one;
530
+ }
531
+
532
+ .stock-item-caigouruku-tc,.stock-item-pandian,.stock-item-qitaruku {
533
+ .stock-item-one;
534
+ .stock-item-two;
535
+ }
536
+
537
+ .stock-item-search {
538
+ background-image: url("https://newretail.static.chanjet.com/search-background.jpg");
539
+ background-size : cover;
540
+
541
+ h1 {
542
+ padding-left: 0
543
+ }
544
+ }
545
+ }
546
+ }
547
+
548
+ .portal-container-modal-more{
549
+ .ant-modal-body{
550
+ height: 375px;
551
+ }
552
+ .modal-quick{
553
+ width: 115px;
554
+ height: 115px;
555
+ margin:10px;
556
+ text-align: center;
557
+ cursor:hand;
558
+ float: left;
559
+
560
+ .quick{
561
+ width: 60px;
562
+ height: 60px;
563
+ display: flex;
564
+ align-items: center;
565
+ justify-content: center;
566
+ border-radius:12px;
567
+ margin: 10px 26px;
568
+ }
569
+ i{
570
+ font-size: 30px;
571
+ color: #FFF !important;
572
+ }
573
+ }
574
+
575
+ .worktop-item-assemblyorder div{
576
+ background: #26A0DE;
577
+
578
+ }
579
+ .worktop-item-shapevoucher div{
580
+ background: #7978FF;
581
+ }
582
+ }
583
+
584
+ .portal-hsy-tc-container {
585
+ position : absolute;
586
+ height : 99%;
587
+ width : 100%;
588
+ background: #FFFFFF;
589
+ }
590
+
591
+ .portal-hsy-tc-container-hide {
592
+ top: -100%;
593
+ }
594
+
595
+ /*适配Pad*/
596
+ .portal-container-pad{
597
+
598
+ .portal-center-content {
599
+ width: 66vw !important;
600
+ height: 100vh !important;
601
+ .worktop-container-left{
602
+ width: 48vw !important;
603
+ .worktop-item-cashier{
604
+ width: 48vw !important;
605
+ height: 40vh !important;
606
+ }
607
+
608
+ .worktop-item {
609
+ display: inline-block;
610
+ width: 24vw;
611
+ }
612
+ .worktop-item-onduty{
613
+ width: 48vw !important;
614
+ }
615
+ .worktop-item-offduty {
616
+ float: none !important;
617
+ width: 23vw !important;
618
+ margin-right: 2vw !important;
619
+ }
620
+ .worktop-item-settlement {
621
+ width: 23vw !important;
622
+ margin-right: 0 !important;
623
+ }
624
+
625
+ }
626
+ .worktop-container-right{
627
+ .worktop-item {
628
+ width: 16vw !important;
629
+ height: 19.5vh !important;
630
+ margin-bottom: 1vh;
631
+ h1 {
632
+ font-size: 18px !important;
633
+ //color: #891C1C;
634
+ }
635
+ i{
636
+ //color: #A86A03;
637
+ font-size: 36px;
638
+ }
639
+ &:last-child{
640
+ padding: 20px;
641
+ }
642
+ }
643
+
644
+ }
645
+ }
646
+ }
647
+
648
+ /*适配SunMi*/
649
+ .portal-container-sunmi{
650
+
651
+ .portal-center-content {
652
+ width: 66vw !important;
653
+ height: 100vh !important;
654
+ .worktop-container-left{
655
+ width: 48vw !important;
656
+ .worktop-item-cashier{
657
+ width: 48vw !important;
658
+ height: 40vh !important;
659
+ }
660
+
661
+ .worktop-item {
662
+ display: inline-block;
663
+ width: 24vw;
664
+ }
665
+ .worktop-item-onduty{
666
+ width: 48vw !important;
667
+ }
668
+ .worktop-item-offduty {
669
+ float: none !important;
670
+ width: 23vw !important;
671
+ margin-right: 2vw !important;
672
+ }
673
+ .worktop-item-settlement {
674
+ width: 23vw !important;
675
+ margin-right: 0 !important;
676
+ }
677
+ }
678
+ .worktop-container-right{
679
+ .worktop-item {
680
+ width: 16vw !important;
681
+ height: 24.3vh !important;
682
+ margin-bottom: 1vh;
683
+ h1 {
684
+ font-size: 18px !important;
685
+ //color: #891C1C;
686
+ }
687
+ i{
688
+ //color: #A86A03;
689
+ font-size: 36px;
690
+ }
691
+ &:last-child{
692
+ padding: 20px;
693
+ }
694
+ }
695
+
696
+ }
697
+ }
698
+ }
699
+
700
+ @media (max-width: 1200px){
701
+ .portal-container{
702
+ .ant-col-xl-6 {
703
+ width: 28%;
704
+ }
705
+ .ant-col-xl-12 {
706
+ width: 44%;
707
+ }
708
+ }
709
+ }
710
+
711
+ @media (min-width: 1000px) {
712
+ .portal-container{
713
+ .portal-left-col, .portal-center-col, .portal-right-col{
714
+ display: inline-block;
715
+ float: left;
716
+ }
717
+ .ant-col-md-6 {
718
+ display: block;
719
+ -webkit-box-sizing: border-box;
720
+ box-sizing: border-box;
721
+ width: 29.16666667%;
722
+ }
723
+ .ant-col-md-12 {
724
+ display: block;
725
+ -webkit-box-sizing: border-box;
726
+ box-sizing: border-box;
727
+ width: 41.66666667%;
728
+ }
729
+ }
730
+ }
731
+
732
+ @media (max-width: 1080px) {
733
+ .portal-container{
734
+ min-width: 996px;
735
+ padding: 4% 0px 0px 0px !important;
736
+ zoom: 0.8;
737
+ .portal-left-col, .portal-center-col, .portal-right-col{
738
+ display: inline-block;
739
+ float: left;
740
+ }
741
+ .ant-col-md-6 {
742
+ display: block;
743
+ -webkit-box-sizing: border-box;
744
+ box-sizing: border-box;
745
+ width: 29.16666667%;
746
+ }
747
+ .ant-col-md-12 {
748
+ display: block;
749
+ -webkit-box-sizing: border-box;
750
+ box-sizing: border-box;
751
+ width: 41.66666667%;
752
+ }
753
+ }
754
+ }
755
+
756
+ @media (max-height: 680px) {
757
+ .portal-container{
758
+ zoom: 0.85;
759
+ }
760
+ }
761
+
762
+ @media (max-height: 580px) {
763
+ .portal-container{
764
+ zoom: 0.75;
765
+ }
766
+ }
767
+
768
+ @media (max-height: 500px) {
769
+ .portal-container{
770
+ min-width: 996px;
771
+ padding: 4% 0px 0px 0px !important;
772
+ zoom: 0.65;
773
+ .portal-left-col, .portal-center-col, .portal-right-col{
774
+ display: inline-block;
775
+ float: left;
776
+ }
777
+ }
733
778
  }