@vtx/modals2 5.0.59 → 5.0.61

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.
@@ -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
+ }
@@ -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
+ }
@@ -1,7 +1,7 @@
1
- .vm-popover {
2
- &.dark {
3
- .ant-popover-inner-content, .ant-popover-arrow-content, .ant-popover-arrow-content::before {
4
- background: rgb(51 95 135);
5
- }
6
- }
7
- }
1
+ .vm-popover {
2
+ &.dark {
3
+ .ant-popover-inner-content, .ant-popover-arrow-content, .ant-popover-arrow-content::before {
4
+ background: rgb(51 95 135);
5
+ }
6
+ }
7
+ }
@@ -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
+ }
@@ -21,6 +21,22 @@ import { getTenantById, getUmsConfig } from "./service";
21
21
  import "./style";
22
22
  import VmTabs from "./Tabs";
23
23
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
24
+ var getTabContent = function getTabContent(contents, tabKey) {
25
+ if (!tabKey) {
26
+ return undefined;
27
+ }
28
+ if (Object.prototype.hasOwnProperty.call(contents, tabKey)) {
29
+ return contents[tabKey];
30
+ }
31
+ var keyParts = "".concat(tabKey).split('-');
32
+ for (var index = 1; index < keyParts.length; index++) {
33
+ var suffixKey = keyParts.slice(index).join('-');
34
+ if (Object.prototype.hasOwnProperty.call(contents, suffixKey)) {
35
+ return contents[suffixKey];
36
+ }
37
+ }
38
+ return undefined;
39
+ };
24
40
  var VmBaseModal = function VmBaseModal(props) {
25
41
  var _props$tabs = props.tabs,
26
42
  tabs = _props$tabs === void 0 ? [] : _props$tabs,
@@ -100,6 +116,21 @@ var VmBaseModal = function VmBaseModal(props) {
100
116
  }
101
117
  }
102
118
  }, [JSON.stringify(tabs), tabChose]);
119
+ var activeTabKey = useMemo(function () {
120
+ var _tabs$;
121
+ if (currentTabKey && tabs.find(function (item) {
122
+ return item.key === currentTabKey;
123
+ })) {
124
+ return currentTabKey;
125
+ }
126
+ if (tabChose && tabs.find(function (item) {
127
+ return item.key === tabChose;
128
+ })) {
129
+ return tabChose;
130
+ }
131
+ return ((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.key) || currentTabKey;
132
+ }, [currentTabKey, JSON.stringify(tabs), tabChose]);
133
+ var activeContent = getTabContent(contents, activeTabKey);
103
134
  var onCancel = function onCancel() {
104
135
  if (props.onCancel && typeof props.onCancel === 'function') {
105
136
  props.onCancel();
@@ -188,7 +219,7 @@ var VmBaseModal = function VmBaseModal(props) {
188
219
  onChange: function onChange(key) {
189
220
  setCurrentTabKey(key);
190
221
  },
191
- active: currentTabKey,
222
+ active: activeTabKey,
192
223
  theme: theme
193
224
  }), /*#__PURE__*/_jsx(VtxThemeProvider, {
194
225
  value: value,
@@ -196,7 +227,7 @@ var VmBaseModal = function VmBaseModal(props) {
196
227
  className: 'vm-base-modal-content-wrap',
197
228
  children: /*#__PURE__*/_jsx("div", {
198
229
  className: 'vm-base-modal-content',
199
- children: contents[currentTabKey]
230
+ children: activeContent
200
231
  })
201
232
  })
202
233
  })]
@@ -210,7 +241,7 @@ var VmBaseModal = function VmBaseModal(props) {
210
241
  className: 'vm-base-modal-content-wrap',
211
242
  children: /*#__PURE__*/_jsx("div", {
212
243
  className: 'vm-base-modal-content',
213
- children: contents[currentTabKey]
244
+ children: activeContent
214
245
  })
215
246
  })
216
247
  })
@@ -97,7 +97,7 @@ var Info = function Info(_ref) {
97
97
  var list = [{
98
98
  name: '今日行驶',
99
99
  unit: 'km',
100
- value: (info === null || info === void 0 ? void 0 : info.mileage) || 0,
100
+ value: (info === null || info === void 0 ? void 0 : info.accuMileage) || 0,
101
101
  img: showListImg ? isDark ? darkRunIcon : runIcon : null,
102
102
  fontType: 'blue'
103
103
  }, {
@@ -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,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
+ }
@@ -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
  };
@@ -19,6 +19,7 @@ import { useState } from 'react';
19
19
  import { VmEmpty, VmProgress, VmTable, VmTag, VmWrapper } from "../../../_components";
20
20
  import useSettings from "../../../_hooks/useSettings";
21
21
  import { BaseService } from "../../api";
22
+ import { buildIframeQuery } from "../../utils/url";
22
23
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
23
24
  var Work = function Work(props) {
24
25
  var id = props.id,
@@ -124,7 +125,14 @@ var Work = function Work(props) {
124
125
  if (prefixList.length === 2) {
125
126
  prefix = "/".concat(prefixList[0]);
126
127
  }
127
- var src = "".concat(prefix, "/carHistory/#/zyqsHistory?carId=").concat(record.carId, "&theme=").concat(theme === 'blue' ? 'dark' : theme, "&startTime=").concat(dayjs(date).format('YYYY-MM-DD 00:00:00'), "&endTime=").concat(dayjs(date).format('YYYY-MM-DD 23:59:59'), "&").concat(location.href.split('?')[1], "&roadId=").concat(record.roadId);
128
+ var query = buildIframeQuery(location.href.split('?')[1], {
129
+ carId: record.carId,
130
+ theme: theme === 'blue' ? 'dark' : theme,
131
+ startTime: dayjs(date).format('YYYY-MM-DD 00:00:00'),
132
+ endTime: dayjs(date).format('YYYY-MM-DD 23:59:59'),
133
+ roadId: record.roadId
134
+ });
135
+ var src = "".concat(prefix, "/carHistory/#/zyqsHistory?").concat(query);
128
136
  setIframeModalInfo({
129
137
  title: '车辆轨迹',
130
138
  visible: true,
@@ -18,6 +18,7 @@ import { useMemo, useState } from 'react';
18
18
  import { VmBarCharts, VmEmpty, VmProgress, VmTable, VmTag, VmWrapper } from "../../../_components";
19
19
  import useSettings from "../../../_hooks/useSettings";
20
20
  import { LaneService } from "../../api";
21
+ import { buildIframeQuery } from "../../utils/url";
21
22
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
22
23
  export var getPercentInfo = function getPercentInfo(percent) {
23
24
  var colorList = ['#D9D9D9', '#D9D9D9'];
@@ -219,7 +220,13 @@ var Work = function Work(props) {
219
220
  if (prefixList.length === 2) {
220
221
  prefix = "/".concat(prefixList[0]);
221
222
  }
222
- var src = "".concat(prefix, "/carHistory/#/zyqsLaneHistory?carId=").concat(record.workCarId, "&theme=").concat(theme === 'blue' ? 'dark' : theme, "&startTime=").concat(dayjs(date).format('YYYY-MM-DD 00:00:00'), "&endTime=").concat(dayjs(date).format('YYYY-MM-DD 23:59:59'), "&").concat(location.href.split('?')[1]);
223
+ var query = buildIframeQuery(location.href.split('?')[1], {
224
+ carId: record.workCarId,
225
+ theme: theme === 'blue' ? 'dark' : theme,
226
+ startTime: dayjs(date).format('YYYY-MM-DD 00:00:00'),
227
+ endTime: dayjs(date).format('YYYY-MM-DD 23:59:59')
228
+ });
229
+ var src = "".concat(prefix, "/carHistory/#/zyqsLaneHistory?").concat(query);
223
230
  setIframeModalInfo({
224
231
  title: '车辆轨迹',
225
232
  visible: true,
@@ -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
+ }
@@ -0,0 +1,12 @@
1
+ export var buildIframeQuery = function buildIframeQuery() {
2
+ var routeQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
3
+ var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
4
+ var searchParams = new URLSearchParams(routeQuery || '');
5
+ Object.keys(params).forEach(function (key) {
6
+ var value = params[key];
7
+ if (value !== undefined && value !== null) {
8
+ searchParams.set(key, value);
9
+ }
10
+ });
11
+ return searchParams.toString();
12
+ };
@@ -1,5 +1,5 @@
1
- /**
2
- * 区域进场量分析
1
+ /**
2
+ * 区域进场量分析
3
3
  */
4
4
 
5
5
  import { Col, Row } from 'antd';
package/package.json CHANGED
@@ -1,81 +1,81 @@
1
- {
2
- "name": "@vtx/modals2",
3
- "version": "5.0.59",
4
- "description": "弹窗组件",
5
- "license": "MIT",
6
- "module": "lib/index.js",
7
- "types": "lib/index.d.ts",
8
- "files": [
9
- "lib"
10
- ],
11
- "scripts": {
12
- "build": "father build",
13
- "build:watch": "father dev",
14
- "dev": "dumi dev",
15
- "docs:build": "dumi build",
16
- "docs:preview": "dumi preview",
17
- "doctor": "father doctor",
18
- "lint": "npm run lint:es && npm run lint:css",
19
- "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
20
- "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
21
- "prepare": "husky install && dumi setup",
22
- "prepublishOnly": "npm run build",
23
- "start": "npm run dev"
24
- },
25
- "dependencies": {
26
- "base-64": "^1.0.0",
27
- "htmr": "^1.0.2",
28
- "number-precision": "^1.6.0",
29
- "react-tagcloud": "^2.3.3",
30
- "proj4": "^2.20.8"
31
- },
32
- "devDependencies": {
33
- "@ant-design/icons": "4.7.0",
34
- "@babel/preset-react": "^7.28.5",
35
- "@babel/runtime": "^7.6.3",
36
- "@commitlint/cli": "^17.1.2",
37
- "@commitlint/config-conventional": "^17.1.0",
38
- "@types/lodash": "^4.14.202",
39
- "@types/qs": "^6.9.11",
40
- "@types/react": "^18.0.0",
41
- "@types/react-dom": "^18.0.0",
42
- "@umijs/lint": "^4.0.0",
43
- "@vtx/components": "^3.1.166",
44
- "@vtx/ol-map": "^1.0.170",
45
- "@vtx/player": "latest",
46
- "@vtx/utils": "^1.0.20",
47
- "@turf/turf": "^7.3.4",
48
- "ol": "6.15.1",
49
- "ahooks": "^3.1.5",
50
- "antd": "^4.24.16",
51
- "antd-dayjs-webpack-plugin": "^1.0.6",
52
- "axios": "^0.21.1",
53
- "babel-eslint": "^10.1.0",
54
- "babel-plugin-import": "^1.13.8",
55
- "dayjs": "^1.11.10",
56
- "dumi": "^2.2.13",
57
- "echarts": "^5.3.2",
58
- "echarts-for-react": "3.0.2",
59
- "echarts-liquidfill": "^3.1.0",
60
- "eslint": "^8.23.0",
61
- "father": "^4.1.0",
62
- "husky": "^8.0.1",
63
- "lint-staged": "^13.0.3",
64
- "lodash": "^4.17.21",
65
- "prettier": "^2.7.1",
66
- "prettier-plugin-organize-imports": "^3.0.0",
67
- "prettier-plugin-packagejson": "^2.2.18",
68
- "qs": "^6.0.0",
69
- "react": "^18.0.0",
70
- "react-dom": "^18.0.0",
71
- "stylelint": "^14.9.1"
72
- },
73
- "peerDependencies": {
74
- "react": ">=16.9.0",
75
- "react-dom": ">=16.9.0"
76
- },
77
- "publishConfig": {
78
- "access": "public"
79
- },
80
- "authors": []
81
- }
1
+ {
2
+ "name": "@vtx/modals2",
3
+ "version": "5.0.61",
4
+ "description": "弹窗组件",
5
+ "license": "MIT",
6
+ "module": "lib/index.js",
7
+ "types": "lib/index.d.ts",
8
+ "files": [
9
+ "lib"
10
+ ],
11
+ "scripts": {
12
+ "build": "father build",
13
+ "build:watch": "father dev",
14
+ "dev": "dumi dev",
15
+ "docs:build": "dumi build",
16
+ "docs:preview": "dumi preview",
17
+ "doctor": "father doctor",
18
+ "lint": "npm run lint:es && npm run lint:css",
19
+ "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
20
+ "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
21
+ "prepare": "husky install && dumi setup",
22
+ "prepublishOnly": "npm run build",
23
+ "start": "npm run dev"
24
+ },
25
+ "dependencies": {
26
+ "base-64": "^1.0.0",
27
+ "htmr": "^1.0.2",
28
+ "number-precision": "^1.6.0",
29
+ "react-tagcloud": "^2.3.3",
30
+ "proj4": "^2.20.8"
31
+ },
32
+ "devDependencies": {
33
+ "@ant-design/icons": "4.7.0",
34
+ "@babel/preset-react": "^7.28.5",
35
+ "@babel/runtime": "^7.6.3",
36
+ "@commitlint/cli": "^17.1.2",
37
+ "@commitlint/config-conventional": "^17.1.0",
38
+ "@types/lodash": "^4.14.202",
39
+ "@types/qs": "^6.9.11",
40
+ "@types/react": "^18.0.0",
41
+ "@types/react-dom": "^18.0.0",
42
+ "@umijs/lint": "^4.0.0",
43
+ "@vtx/components": "^3.1.166",
44
+ "@vtx/ol-map": "^1.0.170",
45
+ "@vtx/player": "latest",
46
+ "@vtx/utils": "^1.0.20",
47
+ "@turf/turf": "^7.3.4",
48
+ "ol": "6.15.1",
49
+ "ahooks": "^3.1.5",
50
+ "antd": "^4.24.16",
51
+ "antd-dayjs-webpack-plugin": "^1.0.6",
52
+ "axios": "^0.21.1",
53
+ "babel-eslint": "^10.1.0",
54
+ "babel-plugin-import": "^1.13.8",
55
+ "dayjs": "^1.11.10",
56
+ "dumi": "^2.2.13",
57
+ "echarts": "^5.3.2",
58
+ "echarts-for-react": "3.0.2",
59
+ "echarts-liquidfill": "^3.1.0",
60
+ "eslint": "^8.23.0",
61
+ "father": "^4.1.0",
62
+ "husky": "^8.0.1",
63
+ "lint-staged": "^13.0.3",
64
+ "lodash": "^4.17.21",
65
+ "prettier": "^2.7.1",
66
+ "prettier-plugin-organize-imports": "^3.0.0",
67
+ "prettier-plugin-packagejson": "^2.2.18",
68
+ "qs": "^6.0.0",
69
+ "react": "^18.0.0",
70
+ "react-dom": "^18.0.0",
71
+ "stylelint": "^14.9.1"
72
+ },
73
+ "peerDependencies": {
74
+ "react": ">=16.9.0",
75
+ "react-dom": ">=16.9.0"
76
+ },
77
+ "publishConfig": {
78
+ "access": "public"
79
+ },
80
+ "authors": []
81
+ }