@vtx/modals2 5.0.30 → 5.0.31

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 (18) hide show
  1. package/lib/_components/vm-card-statistics/index.less +27 -27
  2. package/lib/_components/vm-factor-list/index.less +11 -11
  3. package/lib/_components/vm-table/index.js +4 -4
  4. package/lib/vtx-base-modal/Header/index.less +98 -98
  5. package/lib/vtx-base-modal/Tabs/index.less +54 -54
  6. package/lib/vtx-car-modal/components/Info/index.less +6 -6
  7. package/lib/vtx-car-modal/content/Common/OilConsumption/index.less +6 -6
  8. package/lib/vtx-car-modal/content/Common/WaterConsumption/index.less +6 -6
  9. package/lib/vtx-cc-unit-modal/components/BaseInfo/index.less +6 -6
  10. package/lib/vtx-device-modal/components/DataAnalysis/index.less +66 -66
  11. package/lib/vtx-restaurant-modal/components/Basic/index.less +16 -16
  12. package/lib/vtx-restaurant-modal/config.js +52 -52
  13. package/lib/vtx-road-modal/components/Statistical/index.less +32 -32
  14. package/lib/vtx-staff-modal/api.js +62 -26
  15. package/lib/vtx-staff-modal/components/BaseInfo/WorkStatic.js +118 -33
  16. package/lib/vtx-staff-modal/components/BaseInfo/index.js +12 -80
  17. package/package.json +78 -78
  18. package/lib/vtx-staff-modal/components/BaseInfo/WorkStaticDay.js +0 -48
package/lib/_components/vm-card-statistics/index.less CHANGED
@@ -1,27 +1,27 @@
1
- .vm-car-statistics {
2
- width: 208px;
3
- height: 84px;
4
- display: flex;
5
- flex-direction: column;
6
- justify-content: space-between;
7
- padding: 20px;
8
- background-size: 100% 100%;
9
- &-label {
10
- color: var(--img-text-color);
11
- }
12
- &-value, &-unit {
13
- color: #1f1f1f;
14
- }
15
- &.vm-car-statistics-dark {
16
- .vm-car-statistics-value,.vm-car-statistics-unit {
17
- background: linear-gradient(180deg, #ffffff 0%, #119FFB 100%);
18
- background-clip: text;
19
- -webkit-text-fill-color: transparent;
20
- }
21
- }
22
- &-value {
23
- font-size: 20px;
24
- font-weight: bold;
25
- margin-right: 4px;
26
- }
27
- }
1
+ .vm-car-statistics {
2
+ width: 208px;
3
+ height: 84px;
4
+ display: flex;
5
+ flex-direction: column;
6
+ justify-content: space-between;
7
+ padding: 20px;
8
+ background-size: 100% 100%;
9
+ &-label {
10
+ color: var(--img-text-color);
11
+ }
12
+ &-value, &-unit {
13
+ color: #1f1f1f;
14
+ }
15
+ &.vm-car-statistics-dark {
16
+ .vm-car-statistics-value,.vm-car-statistics-unit {
17
+ background: linear-gradient(180deg, #ffffff 0%, #119FFB 100%);
18
+ background-clip: text;
19
+ -webkit-text-fill-color: transparent;
20
+ }
21
+ }
22
+ &-value {
23
+ font-size: 20px;
24
+ font-weight: bold;
25
+ margin-right: 4px;
26
+ }
27
+ }
package/lib/_components/vm-factor-list/index.less CHANGED
@@ -1,11 +1,11 @@
1
- .vm-factor-list-wrap {
2
- display: flex;
3
- padding: 12px 16px;
4
- height: 68px;
5
- background: #F3F8FF;
6
- border-radius: 8px;
7
- gap: 26px;
8
- &.dark {
9
- background: rgba(0,136,240,0.15);
10
- }
11
- }
1
+ .vm-factor-list-wrap {
2
+ display: flex;
3
+ padding: 12px 16px;
4
+ height: 68px;
5
+ background: #F3F8FF;
6
+ border-radius: 8px;
7
+ gap: 26px;
8
+ &.dark {
9
+ background: rgba(0,136,240,0.15);
10
+ }
11
+ }
package/lib/_components/vm-table/index.js CHANGED
@@ -173,10 +173,10 @@ var VMTable = function VMTable(props) {
173
173
  });
174
174
  };
175
175
 
176
- /**
177
- * 表格导出按钮
178
- * @param props
179
- * @returns
176
+ /**
177
+ * 表格导出按钮
178
+ * @param props
179
+ * @returns
180
180
  */
181
181
 
182
182
  export var ExportBtn = function ExportBtn(props) {
package/lib/vtx-base-modal/Header/index.less CHANGED
@@ -1,98 +1,98 @@
1
- .vm-modal-header-container {
2
- width: 100%;
3
- height: 116px;
4
- border-radius: 8px 8px 0 0;
5
- background: var(--modal-head-bg);
6
- padding: 0 16px;
7
- margin-top: 1px;
8
- }
9
-
10
- .vm-modal-header-wrap {
11
- width: 100%;
12
- height: 56px;
13
- display: flex;
14
- align-items: center;
15
- justify-content: space-between;
16
- position: relative;
17
- &::after {
18
- position: absolute;
19
- top: 54px;
20
- left: 0;
21
- content: '';
22
- width: 180px;
23
- height: 1px;
24
- background: var(--modal-head-line-bg);
25
- box-shadow: var(--modal-head-line-shadow);
26
- border-radius: 8px;
27
- animation: move 6s linear infinite;
28
-
29
- @keyframes move {
30
- 0% {
31
- left: 0;
32
- }
33
-
34
- 100% {
35
- left: calc(100% - 180px);
36
- }
37
- }
38
- }
39
-
40
- &-left {
41
- display: flex;
42
- align-items: center;
43
- gap: 8px;
44
-
45
- &-title {
46
- font-weight: bold;
47
- font-size: 20px;
48
- color: var(--modal-title-color);
49
- }
50
-
51
- &-tag {
52
- display: flex;
53
- align-items: center;
54
- justify-content: center;
55
- gap: 4px;
56
- height: 24px;
57
- border-radius: 16px;
58
- font-size: 12px;
59
- padding: 0 8px;
60
- border: 1px solid;
61
- }
62
- }
63
-
64
- &-right {
65
- display: flex;
66
- align-items: center;
67
- gap: 16px;
68
-
69
- &-close {
70
- display: flex;
71
- align-items: center;
72
- justify-content: center;
73
- color: var(--modal-close-color);
74
- width: 28px;
75
- height: 28px;
76
- cursor: pointer;
77
- font-size: 16px;
78
- }
79
-
80
- &-line {
81
- width: 1px;
82
- height: 14px;
83
- background-color: var(--modal-head-split-line-color);
84
- }
85
-
86
- &-collect {
87
- width: 28px;
88
- height: 28px;
89
- border-radius: 8px;
90
- text-align: center;
91
- cursor: pointer;
92
-
93
- &.active {
94
- background: var(--collect-bg);
95
- }
96
- }
97
- }
98
- }
1
+ .vm-modal-header-container {
2
+ width: 100%;
3
+ height: 116px;
4
+ border-radius: 8px 8px 0 0;
5
+ background: var(--modal-head-bg);
6
+ padding: 0 16px;
7
+ margin-top: 1px;
8
+ }
9
+
10
+ .vm-modal-header-wrap {
11
+ width: 100%;
12
+ height: 56px;
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: space-between;
16
+ position: relative;
17
+ &::after {
18
+ position: absolute;
19
+ top: 54px;
20
+ left: 0;
21
+ content: '';
22
+ width: 180px;
23
+ height: 1px;
24
+ background: var(--modal-head-line-bg);
25
+ box-shadow: var(--modal-head-line-shadow);
26
+ border-radius: 8px;
27
+ animation: move 6s linear infinite;
28
+
29
+ @keyframes move {
30
+ 0% {
31
+ left: 0;
32
+ }
33
+
34
+ 100% {
35
+ left: calc(100% - 180px);
36
+ }
37
+ }
38
+ }
39
+
40
+ &-left {
41
+ display: flex;
42
+ align-items: center;
43
+ gap: 8px;
44
+
45
+ &-title {
46
+ font-weight: bold;
47
+ font-size: 20px;
48
+ color: var(--modal-title-color);
49
+ }
50
+
51
+ &-tag {
52
+ display: flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ gap: 4px;
56
+ height: 24px;
57
+ border-radius: 16px;
58
+ font-size: 12px;
59
+ padding: 0 8px;
60
+ border: 1px solid;
61
+ }
62
+ }
63
+
64
+ &-right {
65
+ display: flex;
66
+ align-items: center;
67
+ gap: 16px;
68
+
69
+ &-close {
70
+ display: flex;
71
+ align-items: center;
72
+ justify-content: center;
73
+ color: var(--modal-close-color);
74
+ width: 28px;
75
+ height: 28px;
76
+ cursor: pointer;
77
+ font-size: 16px;
78
+ }
79
+
80
+ &-line {
81
+ width: 1px;
82
+ height: 14px;
83
+ background-color: var(--modal-head-split-line-color);
84
+ }
85
+
86
+ &-collect {
87
+ width: 28px;
88
+ height: 28px;
89
+ border-radius: 8px;
90
+ text-align: center;
91
+ cursor: pointer;
92
+
93
+ &.active {
94
+ background: var(--collect-bg);
95
+ }
96
+ }
97
+ }
98
+ }
package/lib/vtx-base-modal/Tabs/index.less CHANGED
@@ -1,54 +1,54 @@
1
- .vm-modal-tabs {
2
- width: 100%;
3
- height: 60px;
4
- background: var(--vm-tabs-bg);
5
- border-radius: 8px 8px 0 0;
6
- border: none;
7
- // border: 2px solid var(--vm-tab-border-color);
8
- display: flex;
9
- justify-content: center;
10
- gap: 16px;
11
- align-items: center;
12
-
13
- &-item {
14
- display: flex;
15
- height: 36px;
16
- padding: 0 14px;
17
- font-size: 16px;
18
- gap: 8px;
19
- color: var(--vm-tabs-font-color);
20
- cursor: pointer;
21
- align-items: center;
22
- justify-content: center;
23
-
24
- &-active {
25
- background: var(--vm-tab-item-active-bg-color);
26
- border-radius: 26px;
27
- color: var(--vm-tab-item-active-color);
28
- box-shadow: var(--vm-tab-item-active-box-shadow);
29
- &.vm-modal-tabs-item-dark {
30
- position: relative;
31
- &::before {
32
- content: '';
33
- position: absolute;
34
- top: 0;
35
- left: 0;
36
- right: 0;
37
- bottom: 0;
38
- background: linear-gradient(
39
- 180deg,
40
- rgba(255, 255, 255, 1),
41
- rgba(54, 161, 255, 1)
42
- );
43
- border-radius: 26px;
44
- padding: 1px;
45
- -webkit-mask: linear-gradient(#fff 0 0) content-box,
46
- linear-gradient(#fff 0 0);
47
- -webkit-mask-composite: xor;
48
- mask-composite: exclude;
49
- z-index: -1;
50
- }
51
- }
52
- }
53
- }
54
- }
1
+ .vm-modal-tabs {
2
+ width: 100%;
3
+ height: 60px;
4
+ background: var(--vm-tabs-bg);
5
+ border-radius: 8px 8px 0 0;
6
+ border: none;
7
+ // border: 2px solid var(--vm-tab-border-color);
8
+ display: flex;
9
+ justify-content: center;
10
+ gap: 16px;
11
+ align-items: center;
12
+
13
+ &-item {
14
+ display: flex;
15
+ height: 36px;
16
+ padding: 0 14px;
17
+ font-size: 16px;
18
+ gap: 8px;
19
+ color: var(--vm-tabs-font-color);
20
+ cursor: pointer;
21
+ align-items: center;
22
+ justify-content: center;
23
+
24
+ &-active {
25
+ background: var(--vm-tab-item-active-bg-color);
26
+ border-radius: 26px;
27
+ color: var(--vm-tab-item-active-color);
28
+ box-shadow: var(--vm-tab-item-active-box-shadow);
29
+ &.vm-modal-tabs-item-dark {
30
+ position: relative;
31
+ &::before {
32
+ content: '';
33
+ position: absolute;
34
+ top: 0;
35
+ left: 0;
36
+ right: 0;
37
+ bottom: 0;
38
+ background: linear-gradient(
39
+ 180deg,
40
+ rgba(255, 255, 255, 1),
41
+ rgba(54, 161, 255, 1)
42
+ );
43
+ border-radius: 26px;
44
+ padding: 1px;
45
+ -webkit-mask: linear-gradient(#fff 0 0) content-box,
46
+ linear-gradient(#fff 0 0);
47
+ -webkit-mask-composite: xor;
48
+ mask-composite: exclude;
49
+ z-index: -1;
50
+ }
51
+ }
52
+ }
53
+ }
54
+ }
package/lib/vtx-car-modal/components/Info/index.less CHANGED
@@ -1,6 +1,6 @@
1
- .vm-car-map-wrap {
2
- flex: 1;
3
- min-height: 0;
4
- width: 100%;
5
- margin-top: 10px;
6
- }
1
+ .vm-car-map-wrap {
2
+ flex: 1;
3
+ min-height: 0;
4
+ width: 100%;
5
+ margin-top: 10px;
6
+ }
package/lib/vtx-car-modal/content/Common/OilConsumption/index.less CHANGED
@@ -1,6 +1,6 @@
1
- .vtx-car-oil-wrap {
2
- height: 100%;
3
- display: flex;
4
- gap: 16px;
5
- flex-direction: column;
6
- }
1
+ .vtx-car-oil-wrap {
2
+ height: 100%;
3
+ display: flex;
4
+ gap: 16px;
5
+ flex-direction: column;
6
+ }
package/lib/vtx-car-modal/content/Common/WaterConsumption/index.less CHANGED
@@ -1,6 +1,6 @@
1
- .vtx-car-water-wrap {
2
- height: 100%;
3
- display: flex;
4
- gap: 16px;
5
- flex-direction: column;
6
- }
1
+ .vtx-car-water-wrap {
2
+ height: 100%;
3
+ display: flex;
4
+ gap: 16px;
5
+ flex-direction: column;
6
+ }
package/lib/vtx-cc-unit-modal/components/BaseInfo/index.less CHANGED
@@ -1,6 +1,6 @@
1
- .vm-cc-unit-map-wrap {
2
- flex: 1;
3
- min-height: 230px;
4
- width: 100%;
5
- margin-top: 10px;
6
- }
1
+ .vm-cc-unit-map-wrap {
2
+ flex: 1;
3
+ min-height: 230px;
4
+ width: 100%;
5
+ margin-top: 10px;
6
+ }
package/lib/vtx-device-modal/components/DataAnalysis/index.less CHANGED
@@ -1,66 +1,66 @@
1
- .vtx-device-analysis-dot {
2
- width: 6px;
3
- height: 6px;
4
- background: var(--green-color);
5
- border-radius: 50%;
6
- &.error {
7
- background: var(--red-color);
8
- }
9
- }
10
-
11
- .vtx-device-analysis-tabs {
12
- display: flex;
13
- gap: 16px;
14
- color: var(--modal-title-color);
15
- font-size: 14px;
16
- &-item {
17
- cursor: pointer;
18
- &.active {
19
- color: var(--blue-color);
20
- }
21
- }
22
- }
23
-
24
- .vtx-device-alarm-summary {
25
- width: 368px;
26
- height: 104px;
27
- padding: 20px;
28
- margin-bottom: 20px;
29
- color: var(--modal-title-color);
30
- display: flex;
31
- justify-content: space-between;
32
- flex-direction: column;
33
- cursor: pointer;
34
- background-image: url("../../imgs/current.png");
35
- background-size: 100% 100%;
36
- border-radius: 8px;
37
- border: 1px solid transparent;
38
- &-lable {
39
- font-size: 16px;
40
- font-weight: 600;
41
- }
42
- &-value {
43
- font-weight: 600;
44
- font-size: 24px;
45
- color: var(--red-color);
46
- }
47
- &.dark {
48
- background-image: url("../../imgs/current_dark.png");
49
- &:last-child {
50
- background-image: url("../../imgs/history_dark.png");
51
- }
52
- }
53
- &.active {
54
- border:1px solid var(--red-color);
55
- }
56
- &:last-child {
57
- margin-bottom: 0;
58
- background-image: url("../../imgs/history.png");
59
- .vtx-device-alarm-summary-value {
60
- color: var(--yellow-color);
61
- }
62
- &.active {
63
- border:1px solid var(--yellow-color);
64
- }
65
- }
66
- }
1
+ .vtx-device-analysis-dot {
2
+ width: 6px;
3
+ height: 6px;
4
+ background: var(--green-color);
5
+ border-radius: 50%;
6
+ &.error {
7
+ background: var(--red-color);
8
+ }
9
+ }
10
+
11
+ .vtx-device-analysis-tabs {
12
+ display: flex;
13
+ gap: 16px;
14
+ color: var(--modal-title-color);
15
+ font-size: 14px;
16
+ &-item {
17
+ cursor: pointer;
18
+ &.active {
19
+ color: var(--blue-color);
20
+ }
21
+ }
22
+ }
23
+
24
+ .vtx-device-alarm-summary {
25
+ width: 368px;
26
+ height: 104px;
27
+ padding: 20px;
28
+ margin-bottom: 20px;
29
+ color: var(--modal-title-color);
30
+ display: flex;
31
+ justify-content: space-between;
32
+ flex-direction: column;
33
+ cursor: pointer;
34
+ background-image: url("../../imgs/current.png");
35
+ background-size: 100% 100%;
36
+ border-radius: 8px;
37
+ border: 1px solid transparent;
38
+ &-lable {
39
+ font-size: 16px;
40
+ font-weight: 600;
41
+ }
42
+ &-value {
43
+ font-weight: 600;
44
+ font-size: 24px;
45
+ color: var(--red-color);
46
+ }
47
+ &.dark {
48
+ background-image: url("../../imgs/current_dark.png");
49
+ &:last-child {
50
+ background-image: url("../../imgs/history_dark.png");
51
+ }
52
+ }
53
+ &.active {
54
+ border:1px solid var(--red-color);
55
+ }
56
+ &:last-child {
57
+ margin-bottom: 0;
58
+ background-image: url("../../imgs/history.png");
59
+ .vtx-device-alarm-summary-value {
60
+ color: var(--yellow-color);
61
+ }
62
+ &.active {
63
+ border:1px solid var(--yellow-color);
64
+ }
65
+ }
66
+ }
package/lib/vtx-restaurant-modal/components/Basic/index.less CHANGED
@@ -1,16 +1,16 @@
1
- .vtx-restaurant-rule_item {
2
- border-radius: 8px 8px 8px 8px;
3
- border: 1px solid var(--gray-line-color);
4
- padding: 16px 16px 8px;
5
- margin-top: 12px;
6
- position: relative;
7
- .vtx-restaurant-border {
8
- width: 100%;
9
- position: absolute;
10
- left: 0;
11
- top: -2px;
12
- height: 44px;
13
- border-radius: 8px 8px 0px 0px;
14
- border-top: 2px solid var(--blue-color);
15
- }
16
- }
1
+ .vtx-restaurant-rule_item {
2
+ border-radius: 8px 8px 8px 8px;
3
+ border: 1px solid var(--gray-line-color);
4
+ padding: 16px 16px 8px;
5
+ margin-top: 12px;
6
+ position: relative;
7
+ .vtx-restaurant-border {
8
+ width: 100%;
9
+ position: absolute;
10
+ left: 0;
11
+ top: -2px;
12
+ height: 44px;
13
+ border-radius: 8px 8px 0px 0px;
14
+ border-top: 2px solid var(--blue-color);
15
+ }
16
+ }