tplus-portaltouch 3.22.3 → 3.22.4

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.
@@ -1,612 +0,0 @@
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
- //.item-disabled-placeholder{
34
- // position: absolute;
35
- // z-index: 99;
36
- // left: 0px;
37
- // top: 0px;
38
- // right: 0px;
39
- // bottom: 0px;
40
- // background-color: rgba(197, 194, 194, .6);
41
- //}
42
- }
43
- .menu-item-common{
44
- border-radius: 5px;
45
- cursor: pointer;
46
- position: relative;
47
- overflow: hidden;
48
- box-shadow: 0px 4px 8px rgba(0, 0, 0, .04);
49
- &:hover{
50
- box-shadow: 0px 4px 12px rgba(0, 0, 0, .12);
51
- .animation;
52
- }
53
- .animation;
54
- i {
55
- position: absolute;
56
- // color: @icon-white;
57
- }
58
- .icon-iconff{
59
- background-color: #0b737b;
60
- }
61
- h1{
62
- //color: @icon-white;
63
- word-break:keep-all;
64
- white-space:nowrap;
65
- overflow:hidden;
66
- text-overflow:ellipsis;
67
- }
68
- p {
69
- //color: @icon-white;
70
- }
71
- }
72
- .portal-left-content, .portal-center-content, .portal-right-content{
73
- i {
74
- &:before {
75
- position: relative;
76
- }
77
- }
78
- }
79
- .portal-left-content{
80
- width: 308px;
81
- float: right;
82
- margin-right: 12px;
83
- .member-item{
84
- .menu-item-common;
85
- //background-color: @bg-white-27;
86
- }
87
- .member-item-padding{
88
- padding: 30px 0px 0px 15px;
89
- }
90
- .member-item-top{
91
- width: 100%;
92
- height: 160px;
93
- h1 {
94
- font-size: 22px;
95
- }
96
- p {
97
- font-size: 18px;
98
- font-weight: 900;
99
- }
100
- i {
101
- width: 62px;
102
- height: 72px;
103
- right: 12%;
104
- bottom: 20%;
105
- font-size: 64px;
106
- &:before{
107
- top: -15px;
108
- left: -2px;
109
- }
110
- }
111
- .member-item-padding;
112
- }
113
- .member-item-center-container{
114
- width: 308px;
115
- margin: 8px 0px;
116
- overflow: auto;
117
- & > div{
118
- width: 150px;
119
- height: 142px;
120
- float: left;
121
- h1 {
122
- font-size: 18px;
123
- //font-weight: normal;
124
- }
125
- p {
126
- font-size: 22px;
127
- font-weight: 900;
128
- }
129
- .member-item-padding;
130
- }
131
- .member-item-center-1{
132
- margin-right: 8px;
133
- i {
134
- width: 36px;
135
- height: 36px;
136
- right: 10%;
137
- bottom: 10%;
138
- font-size: 32px;
139
- &:before {
140
- top: -6px;
141
- left: 2px;
142
- }
143
- }
144
- }
145
- .member-item-center-2{
146
- i {
147
- width: 36px;
148
- height: 36px;
149
- right: 10%;
150
- bottom: 10%;
151
- font-size: 36px;
152
- &:before{
153
- top: -8px;
154
- left: 1px;
155
- }
156
- }
157
- }
158
- }
159
- .member-item-bottom-top, .member-item-practice{
160
- width: 100%;
161
- height: 80px;
162
- margin-bottom: 8px;
163
- line-height: 80px;
164
- font-size: 22px;
165
- padding-left: 15px;
166
- i {
167
- width: 36px;
168
- height: 36px;
169
- right: 10%;
170
- top: 50%;
171
- margin-top: -18px;
172
- font-size: 32px;
173
- &:before{
174
- top: -20px;
175
- }
176
- }
177
- }
178
- .member-item-bottom-container{
179
- width: 308px;
180
- display: inline-block;
181
- & > div {
182
- width: 150px;
183
- height: 60px;
184
- float: left;
185
- line-height: 60px;
186
- h1{
187
- padding-left: 15px;
188
- }
189
- i {
190
- width: 20px;
191
- height: 20px;
192
- right: 14%;
193
- top: 50%;
194
- margin-top: -10px;
195
- }
196
- }
197
- .member-item-bottom-1{
198
- margin-right: 8px;
199
- i{
200
- font-size: 18px;
201
- &:before{
202
- top: -20px;
203
- left: 2px;
204
- }
205
- }
206
- }
207
- .member-item-bottom-2{
208
- i{
209
- font-size: 18px;
210
- &:before{
211
- top: -20px;
212
- left: 2px;
213
- }
214
- }
215
- }
216
- }
217
-
218
- }
219
- .portal-center-content{
220
- width: 460px;
221
- margin: 0px auto;
222
- overflow: hidden;
223
- .worktop-container-left{
224
- float: left;
225
- width: 300px;
226
- margin-right: 8px;
227
- & > div {
228
- width: 100%;
229
- //background-color: rgba(255, 255, 255, .6);
230
- margin-bottom: 8px;
231
- .menu-item-common;
232
- i{
233
- width: 48px;
234
- height: 48px;
235
- top: 50%;
236
- right: 12%;
237
- margin-top: -24px;
238
- font-size: 42px;
239
- &:before{
240
- top: -6px;
241
- left: 2px;
242
- }
243
- }
244
- }
245
- .worktop-item-cashier{
246
- background-image: url("https://newretail.static.chanjet.com/cashier-background.jpg");
247
- background-size: cover;
248
- height: 200px;
249
- h1{
250
- font-size: 40px;
251
- text-align: center;
252
- position: relative;
253
- top: 60%;
254
- }
255
- i{
256
- width: 48px;
257
- height: 60px;
258
- top: 20%;
259
- left: 50%;
260
- margin-left: -24px;
261
- margin-top: 0px;
262
- font-size: 60px;
263
- &:before{
264
- top: -15px;
265
- left: -7px;
266
- }
267
- }
268
- }
269
- .worktop-item-common{
270
- padding: 20px;
271
- h1 {
272
- font-size: 24px;
273
- }
274
- }
275
- .worktop-item-onduty{
276
- height: 108px;
277
- //background-color: @bg-orange2;
278
- .worktop-item-common;
279
- }
280
- .worktop-item-offduty{
281
- height: 108px;
282
- //background-color: @bg-yellow;
283
- .worktop-item-common
284
- }
285
- .worktop-item-settlement{
286
- height: 108px;
287
- //background-color: @bg-orange;
288
- .worktop-item-common
289
- }
290
- }
291
- .worktop-container-right{
292
- width: 150px;
293
- float: left;
294
- & > div {
295
- width: 100%;
296
- height: 90px;
297
- margin-bottom: 8px;
298
- padding: 20px;
299
- //background-color: rgba(255, 255, 255, .6);
300
- h1{
301
- font-size: 18px;
302
- }
303
- i{
304
- width: 30px;
305
- height: 36px;
306
- bottom: 18%;
307
- right: 14%;
308
- font-size: 24px;
309
- }
310
- .menu-item-common;
311
- }
312
- & > div:last-child{
313
- padding: 0px;
314
- }
315
- .worktop-item-right-bottom {
316
- overflow: hidden;
317
- height: auto;
318
- background-color: transparent;
319
- width: 150px;
320
- &:hover{
321
- box-shadow: none;
322
- }
323
- & > div {
324
- .menu-item-common;
325
- width: 71px;
326
- height: 71px;
327
- float: left;
328
- margin-bottom: 8px;
329
- margin-right: 8px;
330
- //background-color: @bg-white-77;
331
- h1{
332
- font-size: 14px;
333
- text-align: center;
334
- line-height: 40px;
335
- font-weight: normal;
336
- //color: @font-red-brown;
337
- }
338
- i{
339
- width: 18px;
340
- height: 18px;
341
- bottom: 12%;
342
- left: 50%;
343
- margin-left: -9px;
344
- font-size: 18px;
345
- //color: @icon-orange;
346
- &:before{
347
- top: -5px;
348
- }
349
- }
350
- }
351
- & > div:nth-child(even) {
352
- margin-right: 0px;
353
- }
354
- }
355
- .worktop-item-search{
356
- //background-color: @bg-orange2;
357
- }
358
- .worktop-item-money{
359
- //background-color: @bg-yellow;
360
- }
361
- .worktop-item-statis{
362
- //background-color: @bg-orange;
363
- }
364
- .worktop-item-classify{
365
- //background-color: @bg-white-77;
366
- h1 {
367
- //color: @font-red-brown;
368
- }
369
- i {
370
- //color: @icon-orange;
371
- }
372
- }
373
- }
374
- }
375
- .portal-right-content{
376
- display: inline-block;
377
- width: 320px;
378
- margin-left: 12px;
379
- & > div {
380
- .menu-item-common;
381
- width: 150px;
382
- height: 125px;
383
- float: left;
384
- margin-bottom: 8px;
385
- margin-right: 8px;
386
- //background-color: @bg-white-62;
387
- padding: 8px 0px 0px 20px;
388
- h1 {
389
- font-size: 18px;
390
- }
391
- i{
392
- width: 32px;
393
- height: 32px;
394
- bottom: 15%;
395
- right: 15%;
396
- font-size: 32px;
397
- &:before{
398
- top: -7px;
399
- }
400
- }
401
- }
402
- & > div:nth-child(even) {
403
- margin-right: 0px;
404
- }
405
- .stock-item-buy{
406
- //background-color: @bg-orange;
407
- }
408
- .stock-item-bar{
409
- //background-color: @bg-yellow;
410
- }
411
- .stock-item-allocate{
412
- //background-color: @bg-orange2;
413
- }
414
- .stock-item-search{
415
- background-image: url("https://newretail.static.chanjet.com/search-background.jpg");
416
- background-size: cover;
417
- }
418
- .stock-item-offduty, .stock-item-outstock,.stock-item-record, .stock-item-instock{
419
- h1 {
420
- //color: @font-red-brown;
421
- }
422
- i {
423
- //color: @icon-orange;
424
- }
425
- }
426
- }
427
- }
428
-
429
- /*适配Pad*/
430
- .portal-container-pad{
431
-
432
- .portal-center-content {
433
- width: 66vw !important;
434
- height: 100vh !important;
435
- .worktop-container-left{
436
- width: 48vw !important;
437
- .worktop-item-cashier{
438
- width: 48vw !important;
439
- height: 40vh !important;
440
- }
441
-
442
- .worktop-item {
443
- display: inline-block;
444
- width: 24vw;
445
- }
446
- .worktop-item-onduty{
447
- width: 48vw !important;
448
- }
449
- .worktop-item-offduty {
450
- float: none !important;
451
- width: 23vw !important;
452
- margin-right: 2vw !important;
453
- }
454
- .worktop-item-settlement {
455
- width: 23vw !important;
456
- margin-right: 0 !important;
457
- }
458
-
459
- }
460
- .worktop-container-right{
461
- .worktop-item {
462
- width: 16vw !important;
463
- height: 19.5vh !important;
464
- margin-bottom: 1vh;
465
- h1 {
466
- font-size: 18px !important;
467
- //color: #891C1C;
468
- }
469
- i{
470
- //color: #A86A03;
471
- font-size: 36px;
472
- }
473
- &:last-child{
474
- padding: 20px;
475
- }
476
- }
477
-
478
- }
479
- }
480
- }
481
-
482
- /*适配SunMi*/
483
- .portal-container-sunmi{
484
-
485
- .portal-center-content {
486
- width: 66vw !important;
487
- height: 100vh !important;
488
- .worktop-container-left{
489
- width: 48vw !important;
490
- .worktop-item-cashier{
491
- width: 48vw !important;
492
- height: 40vh !important;
493
- }
494
-
495
- .worktop-item {
496
- display: inline-block;
497
- width: 24vw;
498
- }
499
- .worktop-item-onduty{
500
- width: 48vw !important;
501
- }
502
- .worktop-item-offduty {
503
- float: none !important;
504
- width: 23vw !important;
505
- margin-right: 2vw !important;
506
- }
507
- .worktop-item-settlement {
508
- width: 23vw !important;
509
- margin-right: 0 !important;
510
- }
511
- }
512
- .worktop-container-right{
513
- .worktop-item {
514
- width: 16vw !important;
515
- height: 24.3vh !important;
516
- margin-bottom: 1vh;
517
- h1 {
518
- font-size: 18px !important;
519
- //color: #891C1C;
520
- }
521
- i{
522
- //color: #A86A03;
523
- font-size: 36px;
524
- }
525
- &:last-child{
526
- padding: 20px;
527
- }
528
- }
529
-
530
- }
531
- }
532
- }
533
-
534
- @media (max-width: 1200px){
535
- .portal-container{
536
- .ant-col-xl-6 {
537
- width: 28%;
538
- }
539
- .ant-col-xl-12 {
540
- width: 44%;
541
- }
542
- }
543
- }
544
-
545
- @media (min-width: 1000px) {
546
- .portal-container{
547
- .portal-left-col, .portal-center-col, .portal-right-col{
548
- display: inline-block;
549
- float: left;
550
- }
551
- .ant-col-md-6 {
552
- display: block;
553
- -webkit-box-sizing: border-box;
554
- box-sizing: border-box;
555
- width: 29.16666667%;
556
- }
557
- .ant-col-md-12 {
558
- display: block;
559
- -webkit-box-sizing: border-box;
560
- box-sizing: border-box;
561
- width: 41.66666667%;
562
- }
563
- }
564
- }
565
-
566
- @media (max-width: 1080px) {
567
- .portal-container{
568
- min-width: 996px;
569
- padding: 4% 0px 0px 0px !important;
570
- zoom: 0.8;
571
- .portal-left-col, .portal-center-col, .portal-right-col{
572
- display: inline-block;
573
- float: left;
574
- }
575
- .ant-col-md-6 {
576
- display: block;
577
- -webkit-box-sizing: border-box;
578
- box-sizing: border-box;
579
- width: 29.16666667%;
580
- }
581
- .ant-col-md-12 {
582
- display: block;
583
- -webkit-box-sizing: border-box;
584
- box-sizing: border-box;
585
- width: 41.66666667%;
586
- }
587
- }
588
- }
589
-
590
- @media (max-height: 680px) {
591
- .portal-container{
592
- zoom: 0.85;
593
- }
594
- }
595
-
596
- @media (max-height: 580px) {
597
- .portal-container{
598
- zoom: 0.75;
599
- }
600
- }
601
-
602
- @media (max-height: 500px) {
603
- .portal-container{
604
- min-width: 996px;
605
- padding: 4% 0px 0px 0px !important;
606
- zoom: 0.65;
607
- .portal-left-col, .portal-center-col, .portal-right-col{
608
- display: inline-block;
609
- float: left;
610
- }
611
- }
612
- }