@vtx/modals2 5.0.14 → 5.0.15

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 (58) hide show
  1. package/lib/_components/vm-card-statistics/index.less +27 -27
  2. package/lib/_components/vm-extra-tab/style/index.less +1 -1
  3. package/lib/_components/vm-factor/index.js +1 -1
  4. package/lib/_components/vm-factor-list/index.js +4 -1
  5. package/lib/_components/vm-factor-list/index.less +11 -11
  6. package/lib/_components/vm-filter/style/index.less +4 -3
  7. package/lib/_components/vm-pie-charts/index.js +3 -0
  8. package/lib/_components/vm-table/index.js +4 -4
  9. package/lib/_components/vm-wrapper/style/index.less +1 -1
  10. package/lib/_util/iconSvgHtml.js +653 -224
  11. package/lib/index.js +4 -1
  12. package/lib/style/index.less +1 -6
  13. package/lib/vtx-base-modal/Header/index.less +98 -98
  14. package/lib/vtx-base-modal/Tabs/index.js +28 -3
  15. package/lib/vtx-base-modal/Tabs/index.less +31 -31
  16. package/lib/vtx-base-modal/index.js +2 -2
  17. package/lib/vtx-base-modal/style/index.less +3 -1
  18. package/lib/vtx-car-modal/components/Info/index.less +6 -6
  19. package/lib/vtx-car-modal/content/Common/OilConsumption/index.less +6 -6
  20. package/lib/vtx-car-modal/content/Common/WaterConsumption/index.less +6 -6
  21. package/lib/vtx-car-modal/index.js +29 -29
  22. package/lib/vtx-cc-cp-modal/index.js +6 -6
  23. package/lib/vtx-cc-unit-modal/components/BaseInfo/index.less +6 -6
  24. package/lib/vtx-cc-unit-modal/index.js +6 -6
  25. package/lib/vtx-cp-modal/index.js +10 -14
  26. package/lib/vtx-default-modal/components/BaseInfo/index.less +1 -0
  27. package/lib/vtx-default-modal/index.js +3 -3
  28. package/lib/vtx-device-modal/components/DataAnalysis/index.less +66 -66
  29. package/lib/vtx-device-modal/index.js +5 -5
  30. package/lib/vtx-df-modal/index.js +5 -6
  31. package/lib/vtx-housing-estate-modal/index.js +1 -1
  32. package/lib/vtx-jzlj-gcxm-modal/components/Base/index.js +20 -0
  33. package/lib/vtx-jzlj-gcxm-modal/components/index.js +2 -0
  34. package/lib/vtx-jzlj-gcxm-modal/index.js +77 -0
  35. package/lib/vtx-jzlj-gcxm-modal/style/index.js +1 -0
  36. package/lib/vtx-jzlj-gcxm-modal/style/index.less +1 -0
  37. package/lib/vtx-qyry-modal/index.js +6 -6
  38. package/lib/vtx-restaurant-modal/components/Basic/index.less +16 -16
  39. package/lib/vtx-restaurant-modal/config.js +52 -52
  40. package/lib/vtx-restaurant-modal/index.js +6 -6
  41. package/lib/vtx-road-modal/components/Statistical/index.less +32 -32
  42. package/lib/vtx-road-modal/index.js +3 -3
  43. package/lib/vtx-shxq-modal/components/BaseInfo/index.js +1 -1
  44. package/lib/vtx-shxq-modal/components/Tfd/index.js +1 -1
  45. package/lib/vtx-shxq-modal/components/Tfd/index.less +6 -0
  46. package/lib/vtx-shxq-modal/components/ThrowRecord/index.js +1 -1
  47. package/lib/vtx-shxq-modal/index.js +2 -2
  48. package/lib/vtx-staff-modal/index.js +5 -9
  49. package/lib/vtx-tfd-modal/index.js +2 -2
  50. package/lib/vtx-wr-modal/components/Base/Ptss.js +71 -31
  51. package/lib/vtx-wr-modal/components/Base/assets/alert.png +0 -0
  52. package/lib/vtx-wr-modal/components/Base/index.js +15 -3
  53. package/lib/vtx-wr-modal/components/Base/index.less +14 -1
  54. package/lib/vtx-wr-modal/index.js +3 -1
  55. package/lib/vtx-zf-modal/components/Record/index.js +10 -2
  56. package/lib/vtx-zf-modal/index.js +1 -17
  57. package/lib/vtx-zzz-modal/style/index.js +1 -0
  58. package/package.json +1 -1
@@ -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
+ }
@@ -12,9 +12,9 @@ import { BaseInfo } from "./components";
12
12
  import DataAnalysis from "./components/DataAnalysis";
13
13
  import "./style";
14
14
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
15
- var TABS_BASE = 'device-base';
16
- var TABS_DATA = 'device-statistical';
17
- var TABS_VIDEO = 'device-video';
15
+ var TABS_BASE = 'base';
16
+ var TABS_DATA = 'statistical';
17
+ var TABS_VIDEO = 'video';
18
18
  var VtxDeviceModal = function VtxDeviceModal(props) {
19
19
  var id = props.id,
20
20
  title = props.title,
@@ -43,10 +43,10 @@ var VtxDeviceModal = function VtxDeviceModal(props) {
43
43
  var tabsList = useMemo(function () {
44
44
  var tabsList = tabsData;
45
45
  if (tabsList.findIndex(function (ele) {
46
- return ele.key === 'device-video';
46
+ return ele.key === 'video';
47
47
  }) > -1 && (channels === null || channels === void 0 ? void 0 : channels.length) < 1) {
48
48
  tabsList = tabsList.filter(function (ele) {
49
- return ele.key !== 'device-video';
49
+ return ele.key !== 'video';
50
50
  });
51
51
  }
52
52
  return tabsList;
@@ -17,12 +17,11 @@ import useGetConfig from "../_hooks/useGetConfig";
17
17
  import VtxBaseModal from "../vtx-base-modal";
18
18
  import "./style";
19
19
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
20
- var TABS_BASE = 'df-base';
21
- var TABS_METERING = 'df-metering';
22
- var TABS_WC = 'df-workCondition';
23
- var TABS_VIDEO = 'df-video';
24
- var TABS_APPRAISAL = 'default-appraisal';
25
- var TABS_RM = 'default-rm';
20
+ var TABS_BASE = 'base';
21
+ var TABS_METERING = 'metering';
22
+ var TABS_WC = 'workCondition';
23
+ var TABS_VIDEO = 'video';
24
+ var TABS_RM = 'rm';
26
25
  var TABS_Calendar = 'calendar';
27
26
  var VtxDfModal = function VtxDfModal(props) {
28
27
  var id = props.id,
@@ -29,7 +29,7 @@ var VtxHousingEstateModal = function VtxHousingEstateModal(props) {
29
29
  title: '居民违规行为'
30
30
  }, {
31
31
  key: 'alarm',
32
- title: '报警时间分析'
32
+ title: '报警事件分析'
33
33
  }];
34
34
  var _useGetConfig = useGetConfig('estate', tabs),
35
35
  tabsData = _useGetConfig.tabsData;
@@ -0,0 +1,20 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export default function Base(_ref) {
3
+ var theme = _ref.theme,
4
+ id = _ref.id;
5
+ var src = "/jcss-reborn/#/facility?code=gcxm&theme=".concat(theme, "&id=").concat(id);
6
+ return /*#__PURE__*/_jsx("div", {
7
+ style: {
8
+ width: '100%',
9
+ height: '100%'
10
+ },
11
+ children: /*#__PURE__*/_jsx("iframe", {
12
+ src: src,
13
+ style: {
14
+ width: '100%',
15
+ height: '100%',
16
+ border: 'none'
17
+ }
18
+ })
19
+ });
20
+ }
@@ -0,0 +1,2 @@
1
+ import Base from "./Base";
2
+ export { Base };
@@ -0,0 +1,77 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
3
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
4
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
+ import React from 'react';
6
+ import VmCustom from "../_components/vm-custom";
7
+ import useGetConfig from "../_hooks/useGetConfig";
8
+ import VtxBaseModal from "../vtx-base-modal";
9
+ import { Base } from "./components";
10
+ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
11
+ export var JzljGcxmContext = /*#__PURE__*/React.createContext({
12
+ id: ''
13
+ });
14
+ var Provider = JzljGcxmContext.Provider;
15
+ export default function VtxJzljGcxmModal(props) {
16
+ var id = props.id,
17
+ _props$visible = props.visible,
18
+ visible = _props$visible === void 0 ? false : _props$visible,
19
+ onCancel = props.onCancel,
20
+ _props$theme = props.theme,
21
+ theme = _props$theme === void 0 ? 'light' : _props$theme,
22
+ title = props.title,
23
+ _props$tabChose = props.tabChose,
24
+ tabChose = _props$tabChose === void 0 ? '' : _props$tabChose;
25
+ var tabs = [{
26
+ key: 'jzlj-gcxm-overview',
27
+ title: '总览信息'
28
+ }, {
29
+ key: 'jzlj-gcxm-base',
30
+ title: '基本信息'
31
+ }, {
32
+ key: 'jzlj-gcxm-dispose',
33
+ title: '处置证信息'
34
+ }, {
35
+ key: 'jzlj-gcxm-order',
36
+ title: '联单信息'
37
+ }, {
38
+ key: 'jzlj-gcxm-alarm',
39
+ title: '报警信息'
40
+ }];
41
+ var contents = _defineProperty(_defineProperty({}, 'jzlj-gcxm-overview', /*#__PURE__*/_jsx(_Fragment, {
42
+ children: "overview"
43
+ })), 'jzlj-gcxm-base', /*#__PURE__*/_jsx(Base, {
44
+ theme: theme,
45
+ id: id
46
+ }));
47
+ var _useGetConfig = useGetConfig('jzlj-gcxm', tabs),
48
+ tabsData = _useGetConfig.tabsData;
49
+ // 自定义页签可配置多个,
50
+ if (tabsData !== null && tabsData !== void 0 && tabsData.length) {
51
+ tabsData.forEach(function (ele) {
52
+ if (ele.url) {
53
+ contents[ele.key] = /*#__PURE__*/_jsx(VmCustom, {
54
+ id: id,
55
+ url: ele === null || ele === void 0 ? void 0 : ele.url
56
+ });
57
+ }
58
+ });
59
+ }
60
+ var value = {
61
+ id: id
62
+ };
63
+ return /*#__PURE__*/_jsx(_Fragment, {
64
+ children: /*#__PURE__*/_jsx(Provider, {
65
+ value: value,
66
+ children: /*#__PURE__*/_jsx(VtxBaseModal, {
67
+ title: title,
68
+ theme: theme,
69
+ visible: visible,
70
+ onCancel: onCancel,
71
+ tabs: tabsData,
72
+ tabChose: tabChose,
73
+ contents: contents
74
+ })
75
+ })
76
+ });
77
+ }
@@ -0,0 +1 @@
1
+ import "./index.less";
@@ -0,0 +1 @@
1
+ @import '../../style/index';
@@ -10,12 +10,12 @@ import { AlarmInfo, Attendance, BaseInfo, Calendar, Equipment } from "../vtx-sta
10
10
  import "../vtx-staff-modal/style";
11
11
  import { BaseService } from "./api";
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
- var TABS_BASE = 'staff-base';
14
- var TABS_CALENDAR = 'staff-calender';
15
- var TABS_DETAIL = 'staff-detail';
16
- var TABS_ALARM = 'staff-alarm';
17
- var TABS_ATTENDANCE = 'staff-attendance';
18
- var TABS_EUQIPMENT = 'staff-equipment';
13
+ var TABS_BASE = 'base';
14
+ var TABS_CALENDAR = 'calendar';
15
+ var TABS_DETAIL = 'detail';
16
+ var TABS_ALARM = 'alarm';
17
+ var TABS_ATTENDANCE = 'attendance';
18
+ var TABS_EUQIPMENT = 'equipment';
19
19
  var tabs = [{
20
20
  key: TABS_BASE,
21
21
  title: '总览信息'
@@ -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
  };
@@ -22,12 +22,12 @@ import { BasicService } from "./api";
22
22
  import { Alarm, Basic, Calendar, Collection, DetailInfo, SignAndContract } from "./components";
23
23
  import "./style";
24
24
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
25
- var TABS_BASE = 'restaurant-base';
26
- var TABS_DETAIL = 'restaurant-detail';
27
- var TABS_CALENDAR = 'restaurant-calendar';
28
- var TABS_SIGN = 'restaurant-sign';
29
- var TABS_ALARM = 'restaurant-alarm';
30
- var TABS_COLLECTION = 'restaurant-collection';
25
+ var TABS_BASE = 'base';
26
+ var TABS_DETAIL = 'detail';
27
+ var TABS_CALENDAR = 'calendar';
28
+ var TABS_SIGN = 'sign';
29
+ var TABS_ALARM = 'alarm';
30
+ var TABS_COLLECTION = 'collection';
31
31
  export var RestaurantContext = /*#__PURE__*/createContext({
32
32
  prefix: '',
33
33
  id: '',
@@ -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
+ }
@@ -18,9 +18,9 @@ import { BaseService } from "./api";
18
18
  import { BaseInfo, Calendar, Statistical } from "./components";
19
19
  import "./style/index";
20
20
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
21
- var TABS_BASE = 'road-base';
22
- var TABS_STATIC = 'road-statistical';
23
- var TABS_CALENDAR = 'road-calendar';
21
+ var TABS_BASE = 'base';
22
+ var TABS_STATIC = 'statistical';
23
+ var TABS_CALENDAR = 'calendar';
24
24
  var VtxRoadModal = function VtxRoadModal(props) {
25
25
  var id = props.id,
26
26
  title = props.title,
@@ -116,7 +116,7 @@ var BaseInfo = function BaseInfo(props) {
116
116
  extra: /*#__PURE__*/_jsx("div", {
117
117
  style: {
118
118
  position: 'absolute',
119
- right: 200,
119
+ right: 188,
120
120
  top: 0,
121
121
  borderRadius: 10,
122
122
  background: 'rgba(12,154,255,0.99)'
@@ -48,7 +48,7 @@ var TfdRecord = function TfdRecord(props) {
48
48
  extra: /*#__PURE__*/_jsx("div", {
49
49
  style: {
50
50
  position: 'absolute',
51
- right: 200,
51
+ right: 188,
52
52
  top: 0,
53
53
  borderRadius: 10,
54
54
  background: 'rgba(12,154,255,0.99)'
@@ -25,6 +25,12 @@
25
25
  padding-bottom: 20px;
26
26
  margin-bottom: 24px;
27
27
 
28
+ &:last-child {
29
+ margin-bottom: 0;
30
+ padding-bottom: 0;
31
+ border-bottom: 0;
32
+ }
33
+
28
34
  &-title {
29
35
  font-family: PingFang SC, PingFang SC;
30
36
  font-weight: 600;
@@ -66,7 +66,7 @@ var ThrowRecord = function ThrowRecord(props) {
66
66
  extra: /*#__PURE__*/_jsx("div", {
67
67
  style: {
68
68
  position: 'absolute',
69
- right: 200,
69
+ right: 188,
70
70
  top: 0,
71
71
  borderRadius: 10,
72
72
  background: 'rgba(12,154,255,0.99)'
@@ -11,9 +11,9 @@ import { AlarmRecord, BaseInfo, Tfd, ThrowCalendar, ThrowRecord } from "./compon
11
11
  import "./style";
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
13
  var TABS_BASE = 'base';
14
- var TABS_CALENDAR = 'calender';
14
+ var TABS_CALENDAR = 'calendar';
15
15
  var TABS_THROW = 'throw';
16
- var TABS_ALARM = 'shxq-alarm';
16
+ var TABS_ALARM = 'alarm';
17
17
  var TABS_TFD = 'tfd';
18
18
  var tabs = [{
19
19
  key: TABS_BASE,