@vtx/modals2 2.15.56 → 2.15.58

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 (114) hide show
  1. package/README.md +33 -33
  2. package/lib/style/index.less +8 -8
  3. package/lib/style/themes/dark.less +128 -128
  4. package/lib/style/themes/default.less +44 -44
  5. package/lib/style/themes/index.less +1 -1
  6. package/lib/vm-alarm-info/Components/index.less +43 -43
  7. package/lib/vm-alarm-info/style/index.less +16 -16
  8. package/lib/vm-alarm-situation/style/index.less +67 -67
  9. package/lib/vm-alarm-situation-pt/style/index.less +65 -65
  10. package/lib/vm-analysis-comparison/style/index.less +12 -12
  11. package/lib/vm-appraisal-info/style/index.less +136 -136
  12. package/lib/vm-base-list/style/index.less +39 -39
  13. package/lib/vm-button/style/index.less +20 -20
  14. package/lib/vm-charts/index.less +30 -30
  15. package/lib/vm-checkbox/style/index.less +25 -25
  16. package/lib/vm-container/style/index.less +30 -30
  17. package/lib/vm-correlation-comparison/style/index.less +13 -13
  18. package/lib/vm-custom/style/index.less +20 -20
  19. package/lib/vm-empty/style/index.less +23 -23
  20. package/lib/vm-iframe-modal/style/index.less +9 -9
  21. package/lib/vm-image-text/style/index.less +32 -32
  22. package/lib/vm-map/style/index.less +3 -3
  23. package/lib/vm-modal-table/style/index.less +23 -23
  24. package/lib/vm-radio/style/index.less +26 -26
  25. package/lib/vm-real-time-monitor/style/index.less +12 -12
  26. package/lib/vm-repair-maintain/style/index.less +115 -115
  27. package/lib/vm-round-content/style/index.less +33 -33
  28. package/lib/vm-select-device/style/index.less +16 -16
  29. package/lib/vm-sub-tabs/style/index.less +179 -179
  30. package/lib/vm-sub-title/style/index.less +69 -69
  31. package/lib/vm-video/index.less +36 -36
  32. package/lib/vtx-base-info/style/index.less +66 -66
  33. package/lib/vtx-base-modal/style/index.less +1097 -1097
  34. package/lib/vtx-car-modal/components/AlarmInfo/index.less +40 -40
  35. package/lib/vtx-car-modal/components/BaseInfo/index.less +290 -290
  36. package/lib/vtx-car-modal/components/Collection/index.less +18 -18
  37. package/lib/vtx-car-modal/components/DetailInfo/index.less +21 -21
  38. package/lib/vtx-car-modal/components/Maintenance/index.less +35 -35
  39. package/lib/vtx-car-modal/components/OilConsumption/OilLIne.js +2 -2
  40. package/lib/vtx-car-modal/components/OilConsumption/OilLIne.js.map +1 -1
  41. package/lib/vtx-car-modal/components/OilConsumption/index.js +1 -1
  42. package/lib/vtx-car-modal/components/OilConsumption/index.js.map +1 -1
  43. package/lib/vtx-car-modal/components/OilConsumption/index.less +39 -39
  44. package/lib/vtx-car-modal/components/StaticInfo/index.less +82 -82
  45. package/lib/vtx-car-modal/components/WaterConsumption/index.less +25 -25
  46. package/lib/vtx-car-modal/components/WorkInfo/index.less +66 -66
  47. package/lib/vtx-car-modal/style/index.less +8 -8
  48. package/lib/vtx-cc-cp-modal/components/OrderInfo/index.less +108 -108
  49. package/lib/vtx-cc-cp-modal/components/SyInfo/index.less +46 -46
  50. package/lib/vtx-cc-cp-modal/style/index.less +1 -1
  51. package/lib/vtx-cc-unit-modal/style/index.less +1 -1
  52. package/lib/vtx-cp-modal/components/AlarmInfo/index.less +109 -109
  53. package/lib/vtx-cp-modal/components/BaseInfo/index.less +156 -156
  54. package/lib/vtx-cp-modal/components/ExeceptionInfo/index.less +109 -109
  55. package/lib/vtx-cp-modal/components/SyInfo/index.less +47 -47
  56. package/lib/vtx-cp-modal/style/index.less +1 -1
  57. package/lib/vtx-default-modal/components/BaseInfo/index.less +38 -38
  58. package/lib/vtx-default-modal/style/index.less +1 -1
  59. package/lib/vtx-df-modal/components/BaseInfo/index.less +173 -173
  60. package/lib/vtx-df-modal/components/Metering/index.less +83 -83
  61. package/lib/vtx-df-modal/components/WorkCondition/index.less +136 -136
  62. package/lib/vtx-df-modal/style/index.less +1 -1
  63. package/lib/vtx-facility-modal/components/OverView/index.less +120 -120
  64. package/lib/vtx-facility-modal/style/index.less +1 -1
  65. package/lib/vtx-housing-estate-modal/components/Alarm/index.less +66 -66
  66. package/lib/vtx-housing-estate-modal/components/OverView/index.less +256 -256
  67. package/lib/vtx-housing-estate-modal/components/SPJK/index.less +6 -6
  68. package/lib/vtx-housing-estate-modal/components/TFRD/index.less +15 -15
  69. package/lib/vtx-housing-estate-modal/components/WGGS/index.less +38 -38
  70. package/lib/vtx-housing-estate-modal/components/WGXW/index.less +102 -102
  71. package/lib/vtx-housing-estate-modal/style/index.less +1 -1
  72. package/lib/vtx-kh-modal/components/BaseInfo/index.less +66 -66
  73. package/lib/vtx-kh-modal/style/index.less +1 -1
  74. package/lib/vtx-pump-modal/components/AlarmRecord/index.less +103 -103
  75. package/lib/vtx-pump-modal/components/Basic/index.less +74 -74
  76. package/lib/vtx-pump-modal/components/Sbxl/index.less +90 -90
  77. package/lib/vtx-pump-modal/components/Sjfx/index.less +60 -60
  78. package/lib/vtx-pump-modal/components/Sxyx/index.less +161 -161
  79. package/lib/vtx-pump-modal/style/index.less +1 -1
  80. package/lib/vtx-restaurant-modal/components/Alarm/index.less +35 -35
  81. package/lib/vtx-restaurant-modal/components/Collection/index.less +29 -29
  82. package/lib/vtx-restaurant-modal/components/QdBasic/Info.js +2 -11
  83. package/lib/vtx-restaurant-modal/components/QdBasic/Info.js.map +1 -1
  84. package/lib/vtx-restaurant-modal/config.js +3 -0
  85. package/lib/vtx-restaurant-modal/config.js.map +1 -1
  86. package/lib/vtx-restaurant-modal/style/index.less +1 -1
  87. package/lib/vtx-road-modal/components/BaseInfo/index.less +146 -146
  88. package/lib/vtx-road-modal/components/Statistical/index.less +112 -112
  89. package/lib/vtx-road-modal/style/index.less +1 -1
  90. package/lib/vtx-staff-modal/components/AlarmInfo/index.less +23 -23
  91. package/lib/vtx-staff-modal/components/Attendance/index.less +44 -44
  92. package/lib/vtx-staff-modal/components/BaseInfo/index.less +225 -225
  93. package/lib/vtx-staff-modal/components/DetailInfo/index.less +38 -38
  94. package/lib/vtx-staff-modal/components/Equipment/index.less +52 -52
  95. package/lib/vtx-staff-modal/components/StaticInfo/index.less +283 -283
  96. package/lib/vtx-staff-modal/style/index.less +1 -1
  97. package/lib/vtx-throw-point-modal/components/Alarm/index.less +69 -69
  98. package/lib/vtx-throw-point-modal/components/OverView/index.less +331 -331
  99. package/lib/vtx-throw-point-modal/components/SBZJ/index.less +92 -92
  100. package/lib/vtx-throw-point-modal/components/TFRD/index.less +15 -15
  101. package/lib/vtx-throw-point-modal/components/WGGS/index.less +38 -38
  102. package/lib/vtx-throw-point-modal/components/WGXW/index.less +102 -102
  103. package/lib/vtx-throw-point-modal/style/index.less +1 -1
  104. package/lib/vtx-wr-modal/components/AlarmInfo/index.less +106 -106
  105. package/lib/vtx-wr-modal/components/BaseInfo/index.less +142 -142
  106. package/lib/vtx-wr-modal/components/BaseInfoNew/index.less +570 -570
  107. package/lib/vtx-wr-modal/components/BaseInfoNew2/index.less +461 -461
  108. package/lib/vtx-wr-modal/components/Evaluate/index.less +124 -124
  109. package/lib/vtx-wr-modal/components/Monitor/index.less +82 -82
  110. package/lib/vtx-wr-modal/components/Score/index.less +134 -134
  111. package/lib/vtx-wr-modal/style/index.less +1 -1
  112. package/lib/vtx-zg-modal/components/BaseInfo/index.less +97 -97
  113. package/lib/vtx-zg-modal/style/index.less +1 -1
  114. package/package.json +1 -1
@@ -1,66 +1,66 @@
1
- .car-work {
2
- padding: 10px;
3
- &-head {
4
- padding: 10px 20px;
5
- background-color: var(--bg-color2);
6
- border: 1px solid var(--bg-border-color2);
7
-
8
- display: flex;
9
- justify-content: space-between;
10
- align-items: center;
11
- }
12
- &-content {
13
- background-color: var(--bg-color2);
14
- border: 1px solid var(--bg-border-color2);
15
- }
16
- &-summary {
17
- padding: 0 20px;
18
- display: flex;
19
- justify-content: space-between;
20
- align-items: center;
21
-
22
- &-left {
23
- width: 45%;
24
- }
25
- }
26
- &-summary-nopb {
27
- padding: 10px 20px;
28
- display: flex;
29
- justify-content: space-between;
30
- align-items: center;
31
- }
32
- &-summary-pb {
33
- padding: 0 20px;
34
- display: flex;
35
- justify-content: space-between;
36
- align-items: center;
37
- &-item {
38
- width: 50%;
39
- height: 200px;
40
- display: flex;
41
- justify-content: space-between;
42
- align-items: center;
43
- }
44
- }
45
- &-summary-norelation {
46
- padding: 24px 0;
47
- display: flex;
48
- justify-content: space-around;
49
- align-items: center;
50
- }
51
- &-summary-relation-item {
52
- height: 200px;
53
- display: flex;
54
- flex-wrap: wrap;
55
- }
56
- &-summary-relation-chart {
57
- width: 55%;
58
- }
59
- &-table {
60
- min-height: 400px;
61
- margin-top: 10px;
62
- padding: 10px 20px;
63
- background-color: var(--bg-color2);
64
- border: 1px solid var(--bg-border-color2);
65
- }
66
- }
1
+ .car-work {
2
+ padding: 10px;
3
+ &-head {
4
+ padding: 10px 20px;
5
+ background-color: var(--bg-color2);
6
+ border: 1px solid var(--bg-border-color2);
7
+
8
+ display: flex;
9
+ justify-content: space-between;
10
+ align-items: center;
11
+ }
12
+ &-content {
13
+ background-color: var(--bg-color2);
14
+ border: 1px solid var(--bg-border-color2);
15
+ }
16
+ &-summary {
17
+ padding: 0 20px;
18
+ display: flex;
19
+ justify-content: space-between;
20
+ align-items: center;
21
+
22
+ &-left {
23
+ width: 45%;
24
+ }
25
+ }
26
+ &-summary-nopb {
27
+ padding: 10px 20px;
28
+ display: flex;
29
+ justify-content: space-between;
30
+ align-items: center;
31
+ }
32
+ &-summary-pb {
33
+ padding: 0 20px;
34
+ display: flex;
35
+ justify-content: space-between;
36
+ align-items: center;
37
+ &-item {
38
+ width: 50%;
39
+ height: 200px;
40
+ display: flex;
41
+ justify-content: space-between;
42
+ align-items: center;
43
+ }
44
+ }
45
+ &-summary-norelation {
46
+ padding: 24px 0;
47
+ display: flex;
48
+ justify-content: space-around;
49
+ align-items: center;
50
+ }
51
+ &-summary-relation-item {
52
+ height: 200px;
53
+ display: flex;
54
+ flex-wrap: wrap;
55
+ }
56
+ &-summary-relation-chart {
57
+ width: 55%;
58
+ }
59
+ &-table {
60
+ min-height: 400px;
61
+ margin-top: 10px;
62
+ padding: 10px 20px;
63
+ background-color: var(--bg-color2);
64
+ border: 1px solid var(--bg-border-color2);
65
+ }
66
+ }
@@ -1,8 +1,8 @@
1
- @import '../../style/index';
2
-
3
- .car-subtitle {
4
- font-size: 14px;
5
- color: var(--sub-title-color);
6
- display: flex;
7
- align-items: center;
8
- }
1
+ @import '../../style/index';
2
+
3
+ .car-subtitle {
4
+ font-size: 14px;
5
+ color: var(--sub-title-color);
6
+ display: flex;
7
+ align-items: center;
8
+ }
@@ -1,108 +1,108 @@
1
- .cc-cp-order {
2
- margin: 6px;
3
- width: 100%;
4
- .order-summary {
5
- padding: 14px 20px;
6
- background-color: var(--bg-color2);
7
- border: 1px solid var(--bg-border-color2);
8
-
9
- &-time {
10
- margin: 24px;
11
- display: flex;
12
- justify-content: start;
13
- align-items: center;
14
- img {
15
- width: 46px;
16
- height: 46px;
17
- margin-right: 19px;
18
- }
19
- &-name {
20
- font-size: 12px;
21
- color: var(--title-color);
22
- }
23
- &-value {
24
- color: var(--title-color);
25
- font-size: 12px;
26
- span {
27
- font-size: 20px;
28
- line-height: 25px;
29
- }
30
- &-compare {
31
- display: inline-block;
32
- margin-left: 36px;
33
- }
34
- }
35
- }
36
- .triangle-up {
37
- width: 12px;
38
- height: 8px;
39
- position: relative;
40
- overflow: hidden;
41
- display: inline-block;
42
- margin-left: 4px;
43
- &::before {
44
- content: '';
45
- position: absolute;
46
- top: 0;
47
- left: 0;
48
- right: 0;
49
- bottom: 0;
50
- background: #f65861;
51
- transform-origin: left bottom;
52
- transform: rotate(45deg);
53
- }
54
- }
55
- .triangle-down {
56
- width: 12px;
57
- height: 8px;
58
- position: relative;
59
- overflow: hidden;
60
- display: inline-block;
61
- margin-left: 4px;
62
- margin-bottom: -2px;
63
- &::before {
64
- content: '';
65
- position: absolute;
66
- top: 0;
67
- left: 0;
68
- right: 0;
69
- bottom: 0;
70
- background: #41ffb4;
71
- transform-origin: right top;
72
- transform: rotate(45deg);
73
- }
74
- }
75
- }
76
-
77
- .order-trend {
78
- height: 358px;
79
- padding: 14px 20px;
80
- background-color: var(--bg-color2);
81
- border: 1px solid var(--bg-border-color2);
82
- }
83
-
84
- .order-record {
85
- padding: 14px 20px;
86
- background-color: var(--bg-color2);
87
- border: 1px solid var(--bg-border-color2);
88
-
89
- min-height: 180px;
90
-
91
- &-head {
92
- display: flex;
93
- justify-content: space-between;
94
- align-items: center;
95
- }
96
-
97
- &-table {
98
- margin-top: 14px;
99
- height: 200px;
100
- }
101
-
102
- .orderLevel {
103
- img {
104
- margin-top: -2px;
105
- }
106
- }
107
- }
108
- }
1
+ .cc-cp-order {
2
+ margin: 6px;
3
+ width: 100%;
4
+ .order-summary {
5
+ padding: 14px 20px;
6
+ background-color: var(--bg-color2);
7
+ border: 1px solid var(--bg-border-color2);
8
+
9
+ &-time {
10
+ margin: 24px;
11
+ display: flex;
12
+ justify-content: start;
13
+ align-items: center;
14
+ img {
15
+ width: 46px;
16
+ height: 46px;
17
+ margin-right: 19px;
18
+ }
19
+ &-name {
20
+ font-size: 12px;
21
+ color: var(--title-color);
22
+ }
23
+ &-value {
24
+ color: var(--title-color);
25
+ font-size: 12px;
26
+ span {
27
+ font-size: 20px;
28
+ line-height: 25px;
29
+ }
30
+ &-compare {
31
+ display: inline-block;
32
+ margin-left: 36px;
33
+ }
34
+ }
35
+ }
36
+ .triangle-up {
37
+ width: 12px;
38
+ height: 8px;
39
+ position: relative;
40
+ overflow: hidden;
41
+ display: inline-block;
42
+ margin-left: 4px;
43
+ &::before {
44
+ content: '';
45
+ position: absolute;
46
+ top: 0;
47
+ left: 0;
48
+ right: 0;
49
+ bottom: 0;
50
+ background: #f65861;
51
+ transform-origin: left bottom;
52
+ transform: rotate(45deg);
53
+ }
54
+ }
55
+ .triangle-down {
56
+ width: 12px;
57
+ height: 8px;
58
+ position: relative;
59
+ overflow: hidden;
60
+ display: inline-block;
61
+ margin-left: 4px;
62
+ margin-bottom: -2px;
63
+ &::before {
64
+ content: '';
65
+ position: absolute;
66
+ top: 0;
67
+ left: 0;
68
+ right: 0;
69
+ bottom: 0;
70
+ background: #41ffb4;
71
+ transform-origin: right top;
72
+ transform: rotate(45deg);
73
+ }
74
+ }
75
+ }
76
+
77
+ .order-trend {
78
+ height: 358px;
79
+ padding: 14px 20px;
80
+ background-color: var(--bg-color2);
81
+ border: 1px solid var(--bg-border-color2);
82
+ }
83
+
84
+ .order-record {
85
+ padding: 14px 20px;
86
+ background-color: var(--bg-color2);
87
+ border: 1px solid var(--bg-border-color2);
88
+
89
+ min-height: 180px;
90
+
91
+ &-head {
92
+ display: flex;
93
+ justify-content: space-between;
94
+ align-items: center;
95
+ }
96
+
97
+ &-table {
98
+ margin-top: 14px;
99
+ height: 200px;
100
+ }
101
+
102
+ .orderLevel {
103
+ img {
104
+ margin-top: -2px;
105
+ }
106
+ }
107
+ }
108
+ }
@@ -1,46 +1,46 @@
1
- .cc-cp-syinfo {
2
- padding: 6px 10px;
3
- &-head {
4
- padding: 8px 20px;
5
- background-color: var(--bg-color2);
6
- border: 1px solid var(--bg-border-color2);
7
-
8
- display: flex;
9
- justify-content: flex-end;
10
- }
11
- &-base {
12
- margin-top: 10px;
13
- }
14
- &-base-noweight {
15
- padding: 12px 20px;
16
- margin-top: 10px;
17
- background-color: var(--bg-color2);
18
- border: 1px solid var(--bg-border-color2);
19
- }
20
- &-base-weight {
21
- height: 200px;
22
- background-color: var(--bg-color2);
23
- border: 1px solid var(--bg-border-color2);
24
-
25
- padding-left: 20px;
26
- padding-top: 12px;
27
- &-item {
28
- display: flex;
29
- flex-wrap: wrap;
30
- }
31
- }
32
- &-base-chart {
33
- height: 200px;
34
- padding-left: 20px;
35
- padding-top: 12px;
36
- background-color: var(--bg-color2);
37
- border: 1px solid var(--bg-border-color2);
38
- }
39
- &-table {
40
- padding: 20px;
41
- margin-top: 10px;
42
- height: 400px;
43
- background-color: var(--bg-color2);
44
- border: 1px solid var(--bg-border-color2);
45
- }
46
- }
1
+ .cc-cp-syinfo {
2
+ padding: 6px 10px;
3
+ &-head {
4
+ padding: 8px 20px;
5
+ background-color: var(--bg-color2);
6
+ border: 1px solid var(--bg-border-color2);
7
+
8
+ display: flex;
9
+ justify-content: flex-end;
10
+ }
11
+ &-base {
12
+ margin-top: 10px;
13
+ }
14
+ &-base-noweight {
15
+ padding: 12px 20px;
16
+ margin-top: 10px;
17
+ background-color: var(--bg-color2);
18
+ border: 1px solid var(--bg-border-color2);
19
+ }
20
+ &-base-weight {
21
+ height: 200px;
22
+ background-color: var(--bg-color2);
23
+ border: 1px solid var(--bg-border-color2);
24
+
25
+ padding-left: 20px;
26
+ padding-top: 12px;
27
+ &-item {
28
+ display: flex;
29
+ flex-wrap: wrap;
30
+ }
31
+ }
32
+ &-base-chart {
33
+ height: 200px;
34
+ padding-left: 20px;
35
+ padding-top: 12px;
36
+ background-color: var(--bg-color2);
37
+ border: 1px solid var(--bg-border-color2);
38
+ }
39
+ &-table {
40
+ padding: 20px;
41
+ margin-top: 10px;
42
+ height: 400px;
43
+ background-color: var(--bg-color2);
44
+ border: 1px solid var(--bg-border-color2);
45
+ }
46
+ }
@@ -1 +1 @@
1
- @import '../../style/index';
1
+ @import '../../style/index';
@@ -1 +1 @@
1
- @import '../../style/index';
1
+ @import '../../style/index';
@@ -1,109 +1,109 @@
1
- .cp-alarm {
2
- margin: 6px;
3
- width: 100%;
4
-
5
- .alarm-summary {
6
- padding: 14px 20px;
7
- background-color: var(--bg-color2);
8
- border: 1px solid var(--bg-border-color2);
9
-
10
- &-time {
11
- margin: 24px;
12
- display: flex;
13
- justify-content: start;
14
- align-items: center;
15
- img {
16
- width: 46px;
17
- height: 46px;
18
- margin-right: 19px;
19
- }
20
- &-name {
21
- font-size: 12px;
22
- color: var(--title-color);
23
- }
24
- &-value {
25
- color: var(--title-color);
26
- font-size: 12px;
27
- span {
28
- font-size: 20px;
29
- line-height: 25px;
30
- }
31
- &-compare {
32
- display: inline-block;
33
- margin-left: 36px;
34
- }
35
- }
36
- }
37
- .triangle-up {
38
- width: 12px;
39
- height: 8px;
40
- position: relative;
41
- overflow: hidden;
42
- display: inline-block;
43
- margin-left: 4px;
44
- &::before {
45
- content: '';
46
- position: absolute;
47
- top: 0;
48
- left: 0;
49
- right: 0;
50
- bottom: 0;
51
- background: #f65861;
52
- transform-origin: left bottom;
53
- transform: rotate(45deg);
54
- }
55
- }
56
- .triangle-down {
57
- width: 12px;
58
- height: 8px;
59
- position: relative;
60
- overflow: hidden;
61
- display: inline-block;
62
- margin-left: 4px;
63
- margin-bottom: -2px;
64
- &::before {
65
- content: '';
66
- position: absolute;
67
- top: 0;
68
- left: 0;
69
- right: 0;
70
- bottom: 0;
71
- background: #41ffb4;
72
- transform-origin: right top;
73
- transform: rotate(45deg);
74
- }
75
- }
76
- }
77
-
78
- .alarm-trend {
79
- height: 328px;
80
- padding: 14px 20px;
81
- background-color: var(--bg-color2);
82
- border: 1px solid var(--bg-border-color2);
83
- }
84
-
85
- .alarm-record {
86
- padding: 14px 20px;
87
- background-color: var(--bg-color2);
88
- border: 1px solid var(--bg-border-color2);
89
-
90
- min-height: 180px;
91
-
92
- &-head {
93
- display: flex;
94
- justify-content: space-between;
95
- align-items: center;
96
- }
97
-
98
- &-table {
99
- margin-top: 14px;
100
- height: 200px;
101
- }
102
-
103
- .alarmLevel {
104
- img {
105
- margin-top: -2px;
106
- }
107
- }
108
- }
109
- }
1
+ .cp-alarm {
2
+ margin: 6px;
3
+ width: 100%;
4
+
5
+ .alarm-summary {
6
+ padding: 14px 20px;
7
+ background-color: var(--bg-color2);
8
+ border: 1px solid var(--bg-border-color2);
9
+
10
+ &-time {
11
+ margin: 24px;
12
+ display: flex;
13
+ justify-content: start;
14
+ align-items: center;
15
+ img {
16
+ width: 46px;
17
+ height: 46px;
18
+ margin-right: 19px;
19
+ }
20
+ &-name {
21
+ font-size: 12px;
22
+ color: var(--title-color);
23
+ }
24
+ &-value {
25
+ color: var(--title-color);
26
+ font-size: 12px;
27
+ span {
28
+ font-size: 20px;
29
+ line-height: 25px;
30
+ }
31
+ &-compare {
32
+ display: inline-block;
33
+ margin-left: 36px;
34
+ }
35
+ }
36
+ }
37
+ .triangle-up {
38
+ width: 12px;
39
+ height: 8px;
40
+ position: relative;
41
+ overflow: hidden;
42
+ display: inline-block;
43
+ margin-left: 4px;
44
+ &::before {
45
+ content: '';
46
+ position: absolute;
47
+ top: 0;
48
+ left: 0;
49
+ right: 0;
50
+ bottom: 0;
51
+ background: #f65861;
52
+ transform-origin: left bottom;
53
+ transform: rotate(45deg);
54
+ }
55
+ }
56
+ .triangle-down {
57
+ width: 12px;
58
+ height: 8px;
59
+ position: relative;
60
+ overflow: hidden;
61
+ display: inline-block;
62
+ margin-left: 4px;
63
+ margin-bottom: -2px;
64
+ &::before {
65
+ content: '';
66
+ position: absolute;
67
+ top: 0;
68
+ left: 0;
69
+ right: 0;
70
+ bottom: 0;
71
+ background: #41ffb4;
72
+ transform-origin: right top;
73
+ transform: rotate(45deg);
74
+ }
75
+ }
76
+ }
77
+
78
+ .alarm-trend {
79
+ height: 328px;
80
+ padding: 14px 20px;
81
+ background-color: var(--bg-color2);
82
+ border: 1px solid var(--bg-border-color2);
83
+ }
84
+
85
+ .alarm-record {
86
+ padding: 14px 20px;
87
+ background-color: var(--bg-color2);
88
+ border: 1px solid var(--bg-border-color2);
89
+
90
+ min-height: 180px;
91
+
92
+ &-head {
93
+ display: flex;
94
+ justify-content: space-between;
95
+ align-items: center;
96
+ }
97
+
98
+ &-table {
99
+ margin-top: 14px;
100
+ height: 200px;
101
+ }
102
+
103
+ .alarmLevel {
104
+ img {
105
+ margin-top: -2px;
106
+ }
107
+ }
108
+ }
109
+ }