@vtx/modals2 2.15.64 → 2.15.65

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 (141) hide show
  1. package/README.md +33 -33
  2. package/lib/index.js +7 -0
  3. package/lib/index.js.map +1 -1
  4. package/lib/style/index.less +8 -8
  5. package/lib/style/themes/dark.less +128 -128
  6. package/lib/style/themes/default.less +44 -44
  7. package/lib/style/themes/index.less +1 -1
  8. package/lib/vm-alarm-info/Components/index.less +43 -43
  9. package/lib/vm-alarm-info/style/index.less +16 -16
  10. package/lib/vm-alarm-situation/style/index.less +67 -67
  11. package/lib/vm-alarm-situation-pt/style/index.less +65 -65
  12. package/lib/vm-analysis-comparison/style/index.less +12 -12
  13. package/lib/vm-appraisal-info/style/index.less +136 -136
  14. package/lib/vm-base-list/style/index.less +39 -39
  15. package/lib/vm-button/style/index.less +20 -20
  16. package/lib/vm-charts/index.less +30 -30
  17. package/lib/vm-checkbox/style/index.less +25 -25
  18. package/lib/vm-container/style/index.less +30 -30
  19. package/lib/vm-correlation-comparison/style/index.less +13 -13
  20. package/lib/vm-custom/style/index.less +20 -20
  21. package/lib/vm-empty/style/index.less +23 -23
  22. package/lib/vm-iframe-modal/style/index.less +9 -9
  23. package/lib/vm-image-text/style/index.less +32 -32
  24. package/lib/vm-map/style/index.less +3 -3
  25. package/lib/vm-modal-table/style/index.less +23 -23
  26. package/lib/vm-radio/style/index.less +26 -26
  27. package/lib/vm-real-time-monitor/style/index.less +12 -12
  28. package/lib/vm-repair-maintain/style/index.less +115 -115
  29. package/lib/vm-round-content/style/index.less +33 -33
  30. package/lib/vm-select-device/style/index.less +16 -16
  31. package/lib/vm-sub-tabs/style/index.less +179 -179
  32. package/lib/vm-sub-title/style/index.less +69 -69
  33. package/lib/vm-video/index.less +36 -36
  34. package/lib/vtx-area-modal/api.js +421 -0
  35. package/lib/vtx-area-modal/api.js.map +1 -0
  36. package/lib/vtx-area-modal/components/BaseInfo/Lcfx.js +116 -0
  37. package/lib/vtx-area-modal/components/BaseInfo/Lcfx.js.map +1 -0
  38. package/lib/vtx-area-modal/components/BaseInfo/ListZymx.js +118 -0
  39. package/lib/vtx-area-modal/components/BaseInfo/ListZymx.js.map +1 -0
  40. package/lib/vtx-area-modal/components/BaseInfo/TodayWork.js +40 -0
  41. package/lib/vtx-area-modal/components/BaseInfo/TodayWork.js.map +1 -0
  42. package/lib/vtx-area-modal/components/BaseInfo/index.css +314 -0
  43. package/lib/vtx-area-modal/components/BaseInfo/index.js +192 -0
  44. package/lib/vtx-area-modal/components/BaseInfo/index.js.map +1 -0
  45. package/lib/vtx-area-modal/components/BaseInfo/index.less +256 -0
  46. package/lib/vtx-area-modal/components/index.js +14 -0
  47. package/lib/vtx-area-modal/components/index.js.map +1 -0
  48. package/lib/vtx-area-modal/config.js +12 -0
  49. package/lib/vtx-area-modal/config.js.map +1 -0
  50. package/lib/vtx-area-modal/imgs/offlinePeople.png +0 -0
  51. package/lib/vtx-area-modal/imgs/onlinePeople.png +0 -0
  52. package/lib/vtx-area-modal/imgs/rjzx.png +0 -0
  53. package/lib/vtx-area-modal/imgs/rjzx_light.png +0 -0
  54. package/lib/vtx-area-modal/imgs/todayOnline.png +0 -0
  55. package/lib/vtx-area-modal/imgs/todayOnline_light.png +0 -0
  56. package/lib/vtx-area-modal/imgs/todayWork.png +0 -0
  57. package/lib/vtx-area-modal/imgs/todayWork_light.png +0 -0
  58. package/lib/vtx-area-modal/imgs/zzx.png +0 -0
  59. package/lib/vtx-area-modal/index.js +57 -0
  60. package/lib/vtx-area-modal/index.js.map +1 -0
  61. package/lib/vtx-area-modal/style/css.js +5 -0
  62. package/lib/vtx-area-modal/style/css.js.map +1 -0
  63. package/lib/vtx-area-modal/style/index.css +152 -0
  64. package/lib/vtx-area-modal/style/index.js +5 -0
  65. package/lib/vtx-area-modal/style/index.js.map +1 -0
  66. package/lib/vtx-area-modal/style/index.less +1 -0
  67. package/lib/vtx-base-info/style/index.less +69 -69
  68. package/lib/vtx-base-modal/style/index.less +1094 -1094
  69. package/lib/vtx-car-modal/components/AlarmInfo/index.less +40 -40
  70. package/lib/vtx-car-modal/components/BaseInfo/index.less +290 -290
  71. package/lib/vtx-car-modal/components/Collection/index.less +18 -18
  72. package/lib/vtx-car-modal/components/DetailInfo/index.less +21 -21
  73. package/lib/vtx-car-modal/components/Maintenance/index.less +35 -35
  74. package/lib/vtx-car-modal/components/OilConsumption/index.less +39 -39
  75. package/lib/vtx-car-modal/components/StaticInfo/index.less +82 -82
  76. package/lib/vtx-car-modal/components/WaterConsumption/index.less +25 -25
  77. package/lib/vtx-car-modal/components/WorkInfo/index.less +66 -66
  78. package/lib/vtx-car-modal/style/index.less +8 -8
  79. package/lib/vtx-cc-cp-modal/components/OrderInfo/index.less +108 -108
  80. package/lib/vtx-cc-cp-modal/components/SyInfo/index.less +46 -46
  81. package/lib/vtx-cc-cp-modal/style/index.less +1 -1
  82. package/lib/vtx-cc-unit-modal/style/index.less +1 -1
  83. package/lib/vtx-cp-modal/components/AlarmInfo/index.less +109 -109
  84. package/lib/vtx-cp-modal/components/BaseInfo/index.less +156 -156
  85. package/lib/vtx-cp-modal/components/ExeceptionInfo/index.less +109 -109
  86. package/lib/vtx-cp-modal/components/SyInfo/index.less +47 -47
  87. package/lib/vtx-cp-modal/style/index.less +1 -1
  88. package/lib/vtx-default-modal/components/BaseInfo/index.less +38 -38
  89. package/lib/vtx-default-modal/style/index.less +1 -1
  90. package/lib/vtx-df-modal/components/BaseInfo/index.less +173 -173
  91. package/lib/vtx-df-modal/components/Metering/index.less +83 -83
  92. package/lib/vtx-df-modal/components/WorkCondition/index.less +136 -136
  93. package/lib/vtx-df-modal/style/index.less +1 -1
  94. package/lib/vtx-facility-modal/components/OverView/index.less +120 -120
  95. package/lib/vtx-facility-modal/style/index.less +1 -1
  96. package/lib/vtx-housing-estate-modal/components/Alarm/index.less +66 -66
  97. package/lib/vtx-housing-estate-modal/components/OverView/index.less +256 -256
  98. package/lib/vtx-housing-estate-modal/components/SPJK/index.less +6 -6
  99. package/lib/vtx-housing-estate-modal/components/TFRD/index.less +15 -15
  100. package/lib/vtx-housing-estate-modal/components/WGGS/index.less +38 -38
  101. package/lib/vtx-housing-estate-modal/components/WGXW/index.less +102 -102
  102. package/lib/vtx-housing-estate-modal/style/index.less +1 -1
  103. package/lib/vtx-kh-modal/components/BaseInfo/index.less +66 -66
  104. package/lib/vtx-kh-modal/style/index.less +1 -1
  105. package/lib/vtx-pump-modal/components/AlarmRecord/index.less +103 -103
  106. package/lib/vtx-pump-modal/components/Basic/index.less +74 -74
  107. package/lib/vtx-pump-modal/components/Sbxl/index.less +90 -90
  108. package/lib/vtx-pump-modal/components/Sjfx/index.less +60 -60
  109. package/lib/vtx-pump-modal/components/Sxyx/index.less +161 -161
  110. package/lib/vtx-pump-modal/style/index.less +1 -1
  111. package/lib/vtx-restaurant-modal/components/Alarm/index.less +35 -35
  112. package/lib/vtx-restaurant-modal/style/index.less +1 -1
  113. package/lib/vtx-road-modal/components/BaseInfo/index.less +146 -146
  114. package/lib/vtx-road-modal/components/Statistical/index.less +112 -112
  115. package/lib/vtx-road-modal/style/index.less +1 -1
  116. package/lib/vtx-staff-modal/api.js +2 -1
  117. package/lib/vtx-staff-modal/api.js.map +1 -1
  118. package/lib/vtx-staff-modal/components/AlarmInfo/index.less +23 -23
  119. package/lib/vtx-staff-modal/components/Attendance/index.less +44 -44
  120. package/lib/vtx-staff-modal/components/BaseInfo/index.less +225 -225
  121. package/lib/vtx-staff-modal/components/DetailInfo/index.less +38 -38
  122. package/lib/vtx-staff-modal/components/Equipment/index.less +52 -52
  123. package/lib/vtx-staff-modal/components/StaticInfo/index.less +270 -270
  124. package/lib/vtx-throw-point-modal/components/Alarm/index.less +69 -69
  125. package/lib/vtx-throw-point-modal/components/OverView/index.less +331 -331
  126. package/lib/vtx-throw-point-modal/components/SBZJ/index.less +92 -92
  127. package/lib/vtx-throw-point-modal/components/TFRD/index.less +15 -15
  128. package/lib/vtx-throw-point-modal/components/WGGS/index.less +38 -38
  129. package/lib/vtx-throw-point-modal/components/WGXW/index.less +102 -102
  130. package/lib/vtx-throw-point-modal/style/index.less +1 -1
  131. package/lib/vtx-wr-modal/components/AlarmInfo/index.less +106 -106
  132. package/lib/vtx-wr-modal/components/BaseInfo/index.less +142 -142
  133. package/lib/vtx-wr-modal/components/BaseInfoNew/index.less +570 -570
  134. package/lib/vtx-wr-modal/components/BaseInfoNew2/index.less +469 -469
  135. package/lib/vtx-wr-modal/components/Evaluate/index.less +124 -124
  136. package/lib/vtx-wr-modal/components/Monitor/index.less +82 -82
  137. package/lib/vtx-wr-modal/components/Score/index.less +134 -134
  138. package/lib/vtx-wr-modal/style/index.less +1 -1
  139. package/lib/vtx-zg-modal/components/BaseInfo/index.less +97 -97
  140. package/lib/vtx-zg-modal/style/index.less +1 -1
  141. package/package.json +124 -124
@@ -1,18 +1,18 @@
1
- .car-collection {
2
- padding: 10px;
3
- height: 100%;
4
- .car-main {
5
- height: 100%;
6
- padding: 11px 16px;
7
- background-color: var(--bg-color2);
8
- border: 1px solid var(--bg-border-color2);
9
-
10
- display: flex;
11
- flex-direction: column;
12
- .car-head {
13
- display: flex;
14
- justify-content: space-between;
15
- align-items: center;
16
- }
17
- }
18
- }
1
+ .car-collection {
2
+ padding: 10px;
3
+ height: 100%;
4
+ .car-main {
5
+ height: 100%;
6
+ padding: 11px 16px;
7
+ background-color: var(--bg-color2);
8
+ border: 1px solid var(--bg-border-color2);
9
+
10
+ display: flex;
11
+ flex-direction: column;
12
+ .car-head {
13
+ display: flex;
14
+ justify-content: space-between;
15
+ align-items: center;
16
+ }
17
+ }
18
+ }
@@ -1,21 +1,21 @@
1
- .detail-main {
2
- .ant-collapse {
3
- color: var(--label-color);
4
- background-color: var(--bg-color2);
5
- }
6
- .ant-collapse-content {
7
- background-color: var(--bg-color2);
8
- }
9
- .ant-collapse > .ant-collapse-item > .ant-collapse-header {
10
- color: var(--label-color);
11
- }
12
- .ant-collapse {
13
- border: 1px solid var(--modal-border-color);
14
- }
15
- .ant-collapse > .ant-collapse-item {
16
- border-bottom: 1px solid var(--bg-border-color2);
17
- }
18
- .ant-collapse-content > .ant-collapse-content-box {
19
- border-bottom: 1px solid var(--modal-border-color);
20
- }
21
- }
1
+ .detail-main {
2
+ .ant-collapse {
3
+ color: var(--label-color);
4
+ background-color: var(--bg-color2);
5
+ }
6
+ .ant-collapse-content {
7
+ background-color: var(--bg-color2);
8
+ }
9
+ .ant-collapse > .ant-collapse-item > .ant-collapse-header {
10
+ color: var(--label-color);
11
+ }
12
+ .ant-collapse {
13
+ border: 1px solid var(--modal-border-color);
14
+ }
15
+ .ant-collapse > .ant-collapse-item {
16
+ border-bottom: 1px solid var(--bg-border-color2);
17
+ }
18
+ .ant-collapse-content > .ant-collapse-content-box {
19
+ border-bottom: 1px solid var(--modal-border-color);
20
+ }
21
+ }
@@ -1,35 +1,35 @@
1
- .car-maintenance {
2
- padding: 10px;
3
- min-height: 500px;
4
- &-main {
5
- margin-bottom: 10px;
6
- padding: 20px;
7
- background-color: var(--bg-color2);
8
- border: 1px solid var(--bg-border-color2);
9
-
10
- &-item-wrap {
11
- display: flex;
12
- flex-wrap: wrap;
13
- }
14
-
15
- &-item {
16
- width: 400px;
17
- display: flex;
18
- justify-content: start;
19
- margin-bottom: 8px;
20
- &-label {
21
- color: var(--label-color);
22
- margin-right: 8px;
23
- }
24
- &-value {
25
- color: var(--info-color);
26
- }
27
- &-warn {
28
- color: var(--info-danger);
29
- img {
30
- margin: -8px 10px 0 10px;
31
- }
32
- }
33
- }
34
- }
35
- }
1
+ .car-maintenance {
2
+ padding: 10px;
3
+ min-height: 500px;
4
+ &-main {
5
+ margin-bottom: 10px;
6
+ padding: 20px;
7
+ background-color: var(--bg-color2);
8
+ border: 1px solid var(--bg-border-color2);
9
+
10
+ &-item-wrap {
11
+ display: flex;
12
+ flex-wrap: wrap;
13
+ }
14
+
15
+ &-item {
16
+ width: 400px;
17
+ display: flex;
18
+ justify-content: start;
19
+ margin-bottom: 8px;
20
+ &-label {
21
+ color: var(--label-color);
22
+ margin-right: 8px;
23
+ }
24
+ &-value {
25
+ color: var(--info-color);
26
+ }
27
+ &-warn {
28
+ color: var(--info-danger);
29
+ img {
30
+ margin: -8px 10px 0 10px;
31
+ }
32
+ }
33
+ }
34
+ }
35
+ }
@@ -1,39 +1,39 @@
1
- .oil-consumption {
2
- padding: 10px;
3
-
4
- &-head {
5
- // display: flex;
6
- // justify-content: start;
7
- &-filter {
8
- display: flex;
9
- justify-content: space-between;
10
- align-items: center;
11
- }
12
- &-main {
13
- margin-top: 24px;
14
- // display: flex;
15
- // flex-wrap: wrap;
16
- }
17
- &-summary {
18
- padding: 20px;
19
- // width: 600px;
20
- height: 234px;
21
- background-color: var(--bg-color2);
22
- border: 1px solid var(--bg-border-color2);
23
- }
24
- &-oil {
25
- padding: 20px;
26
- // width: 665px;
27
- height: 234px;
28
- background-color: var(--bg-color2);
29
- border: 1px solid var(--bg-border-color2);
30
- }
31
- }
32
- &-main {
33
- margin-top: 10px;
34
- min-height: 400px;
35
- padding: 16px;
36
- background-color: var(--bg-color2);
37
- border: 1px solid var(--bg-border-color2);
38
- }
39
- }
1
+ .oil-consumption {
2
+ padding: 10px;
3
+
4
+ &-head {
5
+ // display: flex;
6
+ // justify-content: start;
7
+ &-filter {
8
+ display: flex;
9
+ justify-content: space-between;
10
+ align-items: center;
11
+ }
12
+ &-main {
13
+ margin-top: 24px;
14
+ // display: flex;
15
+ // flex-wrap: wrap;
16
+ }
17
+ &-summary {
18
+ padding: 20px;
19
+ // width: 600px;
20
+ height: 234px;
21
+ background-color: var(--bg-color2);
22
+ border: 1px solid var(--bg-border-color2);
23
+ }
24
+ &-oil {
25
+ padding: 20px;
26
+ // width: 665px;
27
+ height: 234px;
28
+ background-color: var(--bg-color2);
29
+ border: 1px solid var(--bg-border-color2);
30
+ }
31
+ }
32
+ &-main {
33
+ margin-top: 10px;
34
+ min-height: 400px;
35
+ padding: 16px;
36
+ background-color: var(--bg-color2);
37
+ border: 1px solid var(--bg-border-color2);
38
+ }
39
+ }
@@ -1,82 +1,82 @@
1
- .car-static {
2
- padding: 10px;
3
-
4
- &.bottom {
5
- max-height: 77vh;
6
- overflow: auto;
7
- }
8
- &.right {
9
- width: 100%;
10
- }
11
- .car-main {
12
- padding: 11px 16px;
13
- background-color: var(--bg-color2);
14
- border: 1px solid var(--bg-border-color2);
15
- overflow: auto;
16
- .car-head {
17
- display: flex;
18
- justify-content: space-between;
19
- align-items: center;
20
- }
21
- }
22
- &-charts {
23
- margin: 24px auto;
24
- text-align: center;
25
- }
26
- &-list {
27
- min-height: 466px;
28
- }
29
- }
30
- .car-calendar {
31
- display: flex;
32
- flex-direction: column;
33
- color: var(--title-color);
34
- position: absolute;
35
- left: 0;
36
- right: 0;
37
- top: 0;
38
- bottom: 0;
39
- padding-top: 34px;
40
-
41
- &-item {
42
- display: flex;
43
- justify-content: start;
44
- align-items: center;
45
-
46
- img {
47
- width: 26px;
48
- height: 26px;
49
- margin: 0 6px 0 18px;
50
- }
51
- }
52
- }
53
- .ant-picker-calendar,
54
- .ant-picker-calendar-full {
55
- background-color: var(--bg-color2) !important;
56
- border: 1px solid var(--bg-border-color2);
57
-
58
- .ant-picker-panel {
59
- background: var(--calendar-bg) !important;
60
- }
61
- .ant-picker-body {
62
- border: 1px solid var(--calendar-border);
63
- padding: 0 !important;
64
- }
65
- .ant-picker-content thead {
66
- background: var(--calendar-thead-bg);
67
- }
68
- .ant-picker-content th {
69
- color: var(--info-color);
70
- }
71
- .ant-picker-panel .ant-picker-calendar-date {
72
- color: var(--info-color);
73
- border-top: 2px solid var(--calendar-border) !important;
74
- margin: 0 1px !important;
75
- }
76
- .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
77
- background: var(--calendar-date-today-hover-bg-color) !important;
78
- }
79
- .ant-picker-calendar-date-today {
80
- background: var(--calendar-date-today-bg-color) !important;
81
- }
82
- }
1
+ .car-static {
2
+ padding: 10px;
3
+
4
+ &.bottom {
5
+ max-height: 77vh;
6
+ overflow: auto;
7
+ }
8
+ &.right {
9
+ width: 100%;
10
+ }
11
+ .car-main {
12
+ padding: 11px 16px;
13
+ background-color: var(--bg-color2);
14
+ border: 1px solid var(--bg-border-color2);
15
+ overflow: auto;
16
+ .car-head {
17
+ display: flex;
18
+ justify-content: space-between;
19
+ align-items: center;
20
+ }
21
+ }
22
+ &-charts {
23
+ margin: 24px auto;
24
+ text-align: center;
25
+ }
26
+ &-list {
27
+ min-height: 466px;
28
+ }
29
+ }
30
+ .car-calendar {
31
+ display: flex;
32
+ flex-direction: column;
33
+ color: var(--title-color);
34
+ position: absolute;
35
+ left: 0;
36
+ right: 0;
37
+ top: 0;
38
+ bottom: 0;
39
+ padding-top: 34px;
40
+
41
+ &-item {
42
+ display: flex;
43
+ justify-content: start;
44
+ align-items: center;
45
+
46
+ img {
47
+ width: 26px;
48
+ height: 26px;
49
+ margin: 0 6px 0 18px;
50
+ }
51
+ }
52
+ }
53
+ .ant-picker-calendar,
54
+ .ant-picker-calendar-full {
55
+ background-color: var(--bg-color2) !important;
56
+ border: 1px solid var(--bg-border-color2);
57
+
58
+ .ant-picker-panel {
59
+ background: var(--calendar-bg) !important;
60
+ }
61
+ .ant-picker-body {
62
+ border: 1px solid var(--calendar-border);
63
+ padding: 0 !important;
64
+ }
65
+ .ant-picker-content thead {
66
+ background: var(--calendar-thead-bg);
67
+ }
68
+ .ant-picker-content th {
69
+ color: var(--info-color);
70
+ }
71
+ .ant-picker-panel .ant-picker-calendar-date {
72
+ color: var(--info-color);
73
+ border-top: 2px solid var(--calendar-border) !important;
74
+ margin: 0 1px !important;
75
+ }
76
+ .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
77
+ background: var(--calendar-date-today-hover-bg-color) !important;
78
+ }
79
+ .ant-picker-calendar-date-today {
80
+ background: var(--calendar-date-today-bg-color) !important;
81
+ }
82
+ }
@@ -1,25 +1,25 @@
1
- .water-consumption {
2
- padding: 10px;
3
-
4
- &-head {
5
- padding: 20px;
6
- background-color: var(--bg-color2);
7
- border: 1px solid var(--bg-border-color2);
8
-
9
- &-filter {
10
- display: flex;
11
- justify-content: space-between;
12
- align-items: center;
13
- }
14
- &-main {
15
- display: flex;
16
- }
17
- }
18
- &-main {
19
- margin-top: 10px;
20
- padding: 16px;
21
- min-height: 400px;
22
- background-color: var(--bg-color2);
23
- border: 1px solid var(--bg-border-color2);
24
- }
25
- }
1
+ .water-consumption {
2
+ padding: 10px;
3
+
4
+ &-head {
5
+ padding: 20px;
6
+ background-color: var(--bg-color2);
7
+ border: 1px solid var(--bg-border-color2);
8
+
9
+ &-filter {
10
+ display: flex;
11
+ justify-content: space-between;
12
+ align-items: center;
13
+ }
14
+ &-main {
15
+ display: flex;
16
+ }
17
+ }
18
+ &-main {
19
+ margin-top: 10px;
20
+ padding: 16px;
21
+ min-height: 400px;
22
+ background-color: var(--bg-color2);
23
+ border: 1px solid var(--bg-border-color2);
24
+ }
25
+ }
@@ -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
+ }