@vtx/modals2 5.0.48 → 5.0.50
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.
- package/lib/_components/vm-card-statistics/index.less +27 -27
- package/lib/_components/vm-factor-list/index.less +11 -11
- package/lib/_components/vm-line-charts/index.js +7 -1
- package/lib/_components/vm-popover/index.less +7 -7
- package/lib/vtx-base-modal/Header/index.less +98 -98
- package/lib/vtx-car-modal/api.js +324 -301
- package/lib/vtx-car-modal/components/Info/index.less +6 -6
- package/lib/vtx-car-modal/content/Common/AlarmInfo/StaticInfo.js +19 -7
- package/lib/vtx-car-modal/content/Common/OilConsumption/index.less +6 -6
- package/lib/vtx-car-modal/content/Common/WaterConsumption/index.less +6 -6
- package/lib/vtx-car-modal/content/JXH/BaseInfo/index.js +1 -1
- package/lib/vtx-car-modal/content/JXH/WorkRecord/index.js +1 -1
- package/lib/vtx-car-modal/content/Unmanned/WorkInfo/index.js +1 -1
- package/lib/vtx-cc-unit-modal/components/BaseInfo/index.less +6 -6
- package/lib/vtx-device-modal/components/DataAnalysis/index.less +66 -66
- package/lib/vtx-restaurant-modal/components/Basic/index.less +16 -16
- package/lib/vtx-restaurant-modal/config.js +52 -52
- package/lib/vtx-road-modal/components/Statistical/index.less +32 -32
- package/lib/vtx-staff-modal/components/BaseInfo/WorkStatic.js +2 -2
- package/package.json +81 -81
|
@@ -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
|
+
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Col, Row } from 'antd';
|
|
2
|
+
import { keyBy } from 'lodash';
|
|
2
3
|
import sumBy from 'lodash/sumBy';
|
|
3
|
-
import { useContext } from 'react';
|
|
4
|
+
import { useContext, useMemo } from 'react';
|
|
4
5
|
import { VmLineCharts, VmPieCharts, VmWrapper } from "../../../../_components";
|
|
5
6
|
import { BaseService } from "../../../api";
|
|
6
7
|
import { CarContext } from "../../../index";
|
|
@@ -11,6 +12,8 @@ var StaticInfo = function StaticInfo(_ref) {
|
|
|
11
12
|
endDate = _ref.endDate;
|
|
12
13
|
var _useContext = useContext(CarContext),
|
|
13
14
|
id = _useContext.id;
|
|
15
|
+
var _BaseService$useGetSe = BaseService.useGetSetInfo(),
|
|
16
|
+
setInfo = _BaseService$useGetSe.setInfo;
|
|
14
17
|
var _BaseService$useToday = BaseService.useTodayRun(id, startDate, endDate, 'GPS'),
|
|
15
18
|
todayRunRes = _BaseService$useToday.todayRunRes,
|
|
16
19
|
loading = _BaseService$useToday.loading;
|
|
@@ -29,12 +32,21 @@ var StaticInfo = function StaticInfo(_ref) {
|
|
|
29
32
|
});
|
|
30
33
|
}
|
|
31
34
|
var lineData = (todayRunRes === null || todayRunRes === void 0 ? void 0 : todayRunRes.alarmGroupByDayChart) || {};
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
var strategyTypeMap = keyBy((setInfo === null || setInfo === void 0 ? void 0 : setInfo.strategyTypeList) || [], 'name');
|
|
36
|
+
var dataList = useMemo(function () {
|
|
37
|
+
var dataList = [];
|
|
38
|
+
(lineData.values || []).forEach(function (item, index) {
|
|
39
|
+
var _strategyTypeMap$name;
|
|
40
|
+
var name = (lineData.legends || [])[index];
|
|
41
|
+
if ((_strategyTypeMap$name = strategyTypeMap[name]) !== null && _strategyTypeMap$name !== void 0 && _strategyTypeMap$name.isOn) {
|
|
42
|
+
dataList.push({
|
|
43
|
+
name: name,
|
|
44
|
+
data: item
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
return dataList;
|
|
49
|
+
}, [lineData, strategyTypeMap]);
|
|
38
50
|
return /*#__PURE__*/_jsxs(Row, {
|
|
39
51
|
gutter: [16, 16],
|
|
40
52
|
style: {
|
|
@@ -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
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -81,7 +81,7 @@ function BaseWork(_ref) {
|
|
|
81
81
|
date = _ref.date;
|
|
82
82
|
var _useSettings = useSettings(),
|
|
83
83
|
isDark = _useSettings.isDark;
|
|
84
|
-
var _JxhService$useWorkSu = JxhService.useWorkSummaryJxh(id, dayjs(date).format('YYYY-MM-DD'), dayjs(date).format('YYYY-MM-DD')),
|
|
84
|
+
var _JxhService$useWorkSu = JxhService.useWorkSummaryJxh(id, dayjs(date).format('YYYY-MM-DD'), dayjs(date).format('YYYY-MM-DD'), true),
|
|
85
85
|
workSummaryJxhRes = _JxhService$useWorkSu.workSummaryJxhRes,
|
|
86
86
|
loading = _JxhService$useWorkSu.loading;
|
|
87
87
|
var averageSpeed = ((workSummaryJxhRes === null || workSummaryJxhRes === void 0 ? void 0 : workSummaryJxhRes.workMileage) || 0) / (workSummaryJxhRes !== null && workSummaryJxhRes !== void 0 && workSummaryJxhRes.workDuration ? workSummaryJxhRes.workDuration % (24 * 60 * 60) / 60 / 60 : 1);
|
|
@@ -52,7 +52,7 @@ var WorkRecord = function WorkRecord() {
|
|
|
52
52
|
order = state.order;
|
|
53
53
|
var startDate = dayjs(state.startDate).format('YYYY-MM-DD');
|
|
54
54
|
var endDate = dayjs(state.endDate).format('YYYY-MM-DD');
|
|
55
|
-
var _JxhService$useWorkSu = JxhService.useWorkSummaryJxh(id, startDate, endDate,
|
|
55
|
+
var _JxhService$useWorkSu = JxhService.useWorkSummaryJxh(id, startDate, endDate, false),
|
|
56
56
|
workSummaryJxhRes = _JxhService$useWorkSu.workSummaryJxhRes,
|
|
57
57
|
loading = _JxhService$useWorkSu.loading;
|
|
58
58
|
// 作业类型
|
|
@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
export default function (props) {
|
|
14
14
|
var _useSettings = useSettings(),
|
|
15
15
|
isDark = _useSettings.isDark;
|
|
16
|
-
var _JxhService$useWorkSu = JxhService.useWorkSummaryJxh(props.id, dayjs(props.date).format('YYYY-MM-DD'), dayjs(props.date).format('YYYY-MM-DD')),
|
|
16
|
+
var _JxhService$useWorkSu = JxhService.useWorkSummaryJxh(props.id, dayjs(props.date).format('YYYY-MM-DD'), dayjs(props.date).format('YYYY-MM-DD'), true),
|
|
17
17
|
workSummaryJxhRes = _JxhService$useWorkSu.workSummaryJxhRes,
|
|
18
18
|
loading = _JxhService$useWorkSu.loading;
|
|
19
19
|
var data = [{
|
|
@@ -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
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -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
|
+
}
|
|
@@ -60,108 +60,108 @@ export var QD_DETAIL_FIELDS = [{
|
|
|
60
60
|
label: '二维码'
|
|
61
61
|
}];
|
|
62
62
|
export var RestaurantConfigureEnum = {
|
|
63
|
-
/**
|
|
64
|
-
* 编号
|
|
63
|
+
/**
|
|
64
|
+
* 编号
|
|
65
65
|
*/
|
|
66
66
|
CODE: 'code',
|
|
67
|
-
/**
|
|
68
|
-
* 产生单位名称
|
|
67
|
+
/**
|
|
68
|
+
* 产生单位名称
|
|
69
69
|
*/
|
|
70
70
|
NAME: 'name',
|
|
71
|
-
/**
|
|
72
|
-
* 店铺名称
|
|
71
|
+
/**
|
|
72
|
+
* 店铺名称
|
|
73
73
|
*/
|
|
74
74
|
SHORT_NAME: 'shortName',
|
|
75
|
-
/**
|
|
76
|
-
* 行政区划名称
|
|
75
|
+
/**
|
|
76
|
+
* 行政区划名称
|
|
77
77
|
*/
|
|
78
78
|
DIVISION_NAME: 'divisionId',
|
|
79
|
-
/**
|
|
80
|
-
* 联系人
|
|
79
|
+
/**
|
|
80
|
+
* 联系人
|
|
81
81
|
*/
|
|
82
82
|
CONTACT_PERSON: 'contactPerson',
|
|
83
|
-
/**
|
|
84
|
-
* 联系方式
|
|
83
|
+
/**
|
|
84
|
+
* 联系方式
|
|
85
85
|
*/
|
|
86
86
|
CONTACT_PHONE: 'contactPhone',
|
|
87
|
-
/**
|
|
88
|
-
* 身份证号
|
|
87
|
+
/**
|
|
88
|
+
* 身份证号
|
|
89
89
|
*/
|
|
90
90
|
CARD_ID: 'cardId',
|
|
91
|
-
/**
|
|
92
|
-
* 商户地址
|
|
91
|
+
/**
|
|
92
|
+
* 商户地址
|
|
93
93
|
*/
|
|
94
94
|
ADDRESS: 'address',
|
|
95
|
-
/**
|
|
96
|
-
* 经纬度
|
|
95
|
+
/**
|
|
96
|
+
* 经纬度
|
|
97
97
|
*/
|
|
98
98
|
LOCATION: 'location',
|
|
99
|
-
/**
|
|
100
|
-
* 产生单位状态
|
|
99
|
+
/**
|
|
100
|
+
* 产生单位状态
|
|
101
101
|
*/
|
|
102
102
|
SIGNED_STATUS: 'signedStatus',
|
|
103
|
-
/**
|
|
104
|
-
* 签约状态
|
|
103
|
+
/**
|
|
104
|
+
* 签约状态
|
|
105
105
|
*/
|
|
106
106
|
IS_SIGN: 'isSign',
|
|
107
|
-
/**
|
|
108
|
-
* 收集类型
|
|
107
|
+
/**
|
|
108
|
+
* 收集类型
|
|
109
109
|
*/
|
|
110
110
|
COLLECT_STATUS: 'collectStatus',
|
|
111
|
-
/**
|
|
112
|
-
* 收集点
|
|
111
|
+
/**
|
|
112
|
+
* 收集点
|
|
113
113
|
*/
|
|
114
114
|
SY_POINT_NAME: 'syPointId',
|
|
115
|
-
/**
|
|
116
|
-
* 商户类型名称
|
|
115
|
+
/**
|
|
116
|
+
* 商户类型名称
|
|
117
117
|
*/
|
|
118
118
|
CLASSES_NAME: 'classesId',
|
|
119
|
-
/**
|
|
120
|
-
* 规模名称
|
|
119
|
+
/**
|
|
120
|
+
* 规模名称
|
|
121
121
|
*/
|
|
122
122
|
SCALE_NAME: 'scaleId',
|
|
123
|
-
/**
|
|
124
|
-
* 垃圾桶个数
|
|
123
|
+
/**
|
|
124
|
+
* 垃圾桶个数
|
|
125
125
|
*/
|
|
126
126
|
TRASH_CAN_NUM: 'trashCanNum',
|
|
127
|
-
/**
|
|
128
|
-
* 统一社会信用代码
|
|
127
|
+
/**
|
|
128
|
+
* 统一社会信用代码
|
|
129
129
|
*/
|
|
130
130
|
CREDIT_CODE: 'creditCode',
|
|
131
|
-
/**
|
|
132
|
-
* 行业名称
|
|
131
|
+
/**
|
|
132
|
+
* 行业名称
|
|
133
133
|
*/
|
|
134
134
|
INDUSTRY_NAME: 'industryId',
|
|
135
|
-
/**
|
|
136
|
-
* 经营范围
|
|
135
|
+
/**
|
|
136
|
+
* 经营范围
|
|
137
137
|
*/
|
|
138
138
|
BUSINESS_SCOPE: 'businessScope',
|
|
139
|
-
/**
|
|
140
|
-
* 注册资金
|
|
139
|
+
/**
|
|
140
|
+
* 注册资金
|
|
141
141
|
*/
|
|
142
142
|
REGISTER_MONEY: 'registerMoney',
|
|
143
|
-
/**
|
|
144
|
-
* 企业成立时间
|
|
143
|
+
/**
|
|
144
|
+
* 企业成立时间
|
|
145
145
|
*/
|
|
146
146
|
ESTABLISHED_TIME: 'establishedTime',
|
|
147
|
-
/**
|
|
148
|
-
* 建议收集时间
|
|
147
|
+
/**
|
|
148
|
+
* 建议收集时间
|
|
149
149
|
*/
|
|
150
150
|
SUGGEST_COLLECT_TIME: 'suggestCollectTime',
|
|
151
|
-
/**
|
|
152
|
-
* 营业时间段
|
|
151
|
+
/**
|
|
152
|
+
* 营业时间段
|
|
153
153
|
*/
|
|
154
154
|
BUSINESS_TIME: 'businessTime',
|
|
155
|
-
/**
|
|
156
|
-
* 垃圾桶摆放位置图片
|
|
155
|
+
/**
|
|
156
|
+
* 垃圾桶摆放位置图片
|
|
157
157
|
*/
|
|
158
158
|
TRASH_BIN_LOCATION_PHOTO: 'trashBinLocationPhoto',
|
|
159
|
-
/**
|
|
160
|
-
* 商户图片
|
|
159
|
+
/**
|
|
160
|
+
* 商户图片
|
|
161
161
|
*/
|
|
162
162
|
PHOTO_IDS: 'photoIds',
|
|
163
|
-
/**
|
|
164
|
-
* 证件图片
|
|
163
|
+
/**
|
|
164
|
+
* 证件图片
|
|
165
165
|
*/
|
|
166
166
|
PAPER_FILE_IDS: 'paperFileIds'
|
|
167
167
|
};
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
.road-statistic-summary-main-rate {
|
|
2
|
-
--bg-color: linear-gradient(180deg, #E4EFFF 0%, #F5FBFF 100%);
|
|
3
|
-
&-dark {
|
|
4
|
-
--bg-color: linear-gradient(180deg, #1C7CBF 0%, #0B588E 100%);
|
|
5
|
-
}
|
|
6
|
-
width: 100%;
|
|
7
|
-
height: 130px;
|
|
8
|
-
display: flex;
|
|
9
|
-
align-items: center;
|
|
10
|
-
justify-content: space-around;
|
|
11
|
-
padding: 0 24px;
|
|
12
|
-
background: var(--bg-color);
|
|
13
|
-
border-radius: 8px;
|
|
14
|
-
&--block {
|
|
15
|
-
width: 8px;
|
|
16
|
-
height: 8px;
|
|
17
|
-
border-radius: 50%;
|
|
18
|
-
}
|
|
19
|
-
&--label {
|
|
20
|
-
display: flex;
|
|
21
|
-
gap: 4px;
|
|
22
|
-
align-items: center;
|
|
23
|
-
font-size: 16px;
|
|
24
|
-
color: var(--img-text-color);
|
|
25
|
-
}
|
|
26
|
-
&--value {
|
|
27
|
-
margin-left: 12px;
|
|
28
|
-
font-weight: bold;
|
|
29
|
-
font-size: 24px;
|
|
30
|
-
color: #1F1F1F;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
1
|
+
.road-statistic-summary-main-rate {
|
|
2
|
+
--bg-color: linear-gradient(180deg, #E4EFFF 0%, #F5FBFF 100%);
|
|
3
|
+
&-dark {
|
|
4
|
+
--bg-color: linear-gradient(180deg, #1C7CBF 0%, #0B588E 100%);
|
|
5
|
+
}
|
|
6
|
+
width: 100%;
|
|
7
|
+
height: 130px;
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: space-around;
|
|
11
|
+
padding: 0 24px;
|
|
12
|
+
background: var(--bg-color);
|
|
13
|
+
border-radius: 8px;
|
|
14
|
+
&--block {
|
|
15
|
+
width: 8px;
|
|
16
|
+
height: 8px;
|
|
17
|
+
border-radius: 50%;
|
|
18
|
+
}
|
|
19
|
+
&--label {
|
|
20
|
+
display: flex;
|
|
21
|
+
gap: 4px;
|
|
22
|
+
align-items: center;
|
|
23
|
+
font-size: 16px;
|
|
24
|
+
color: var(--img-text-color);
|
|
25
|
+
}
|
|
26
|
+
&--value {
|
|
27
|
+
margin-left: 12px;
|
|
28
|
+
font-weight: bold;
|
|
29
|
+
font-size: 24px;
|
|
30
|
+
color: #1F1F1F;
|
|
31
|
+
}
|
|
32
|
+
}
|