@vtx/modals2 5.0.25 → 5.0.27
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-table/index.js +4 -4
- package/lib/index.js +2 -1
- package/lib/vtx-base-modal/Header/index.less +98 -98
- package/lib/vtx-base-modal/Tabs/index.less +54 -54
- package/lib/vtx-car-modal/api.js +241 -1
- package/lib/vtx-car-modal/components/Info/index.js +34 -9
- package/lib/vtx-car-modal/components/Info/index.less +6 -6
- 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/Jzlj/Alarm/Bottom.js +276 -0
- package/lib/vtx-car-modal/content/Jzlj/Alarm/index.js +155 -0
- package/lib/vtx-car-modal/content/Jzlj/Alarm/index.less +34 -0
- package/lib/vtx-car-modal/content/Jzlj/BaseInfo/index.js +256 -0
- package/lib/vtx-car-modal/content/Jzlj/BaseInfo/index.less +20 -0
- package/lib/vtx-car-modal/content/Jzlj/Collection/Chart.js +99 -0
- package/lib/vtx-car-modal/content/Jzlj/Collection/index.js +357 -0
- package/lib/vtx-car-modal/content/Jzlj/Collection/index.less +57 -0
- package/lib/vtx-car-modal/content/Jzlj/Dispose/Pies.js +77 -0
- package/lib/vtx-car-modal/content/Jzlj/Dispose/index.js +282 -0
- package/lib/vtx-car-modal/content/Jzlj/Dispose/index.less +53 -0
- package/lib/vtx-car-modal/content/Jzlj/RunCalendar/index.js +175 -0
- package/lib/vtx-car-modal/content/Jzlj/RunCalendar/index.less +12 -0
- package/lib/vtx-car-modal/content/Jzlj/index.js +12 -0
- package/lib/vtx-car-modal/content/index.js +2 -1
- package/lib/vtx-car-modal/imgs/jzlj/pjrcc_dark.png +0 -0
- package/lib/vtx-car-modal/imgs/jzlj/pjrcc_light.png +0 -0
- package/lib/vtx-car-modal/imgs/jzlj/pjryl_dark.png +0 -0
- package/lib/vtx-car-modal/imgs/jzlj/pjryl_light.png +0 -0
- package/lib/vtx-car-modal/imgs/jzlj/rl_lds_dark.png +0 -0
- package/lib/vtx-car-modal/imgs/jzlj/rl_lds_light.png +0 -0
- package/lib/vtx-car-modal/imgs/jzlj/rl_yl_dark.png +0 -0
- package/lib/vtx-car-modal/imgs/jzlj/rl_yl_light.png +0 -0
- package/lib/vtx-car-modal/index.js +65 -9
- 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-jzlj-df-tpd-modal/components/Collection/index.js +1 -1
- package/lib/vtx-jzlj-gcxm-modal/components/Collection/index.js +1 -1
- package/lib/vtx-jzlj-xnc-modal/components/Collection/index.js +1 -1
- package/lib/vtx-jzlj-ysqy-modal/api.js +37 -0
- package/lib/vtx-jzlj-ysqy-modal/components/Overview/index.js +79 -0
- package/lib/vtx-jzlj-ysqy-modal/components/Overview/index.less +17 -0
- package/lib/vtx-jzlj-ysqy-modal/components/index.js +2 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_czz_dark.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_czz_light.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_syl_dark.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_syl_light.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_zsbl_dark.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_zsbl_light.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_zyyl_dark.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_zyyl_light.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/overview_ctyl_pjrcc_dark.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/overview_ctyl_pjrcc_light.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/overview_ctyl_pjryl_dark.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/overview_ctyl_pjryl_light.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/overview_czz_zl_dark.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/overview_czz_zl_light.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/overview_czz_zs_dark.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/imgs/overview_czz_zs_light.png +0 -0
- package/lib/vtx-jzlj-ysqy-modal/index.js +72 -0
- package/lib/vtx-jzlj-ysqy-modal/style/index.js +1 -0
- package/lib/vtx-jzlj-ysqy-modal/style/index.less +1 -0
- 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-shxq-modal/api.js +5 -3
- package/package.json +78 -78
|
@@ -1,18 +1,27 @@
|
|
|
1
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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
7
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
8
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
9
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
2
10
|
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
11
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
4
12
|
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); }
|
|
13
|
+
import { useSetState } from 'ahooks';
|
|
5
14
|
import dayjs from 'dayjs';
|
|
6
15
|
import React, { useMemo } from 'react';
|
|
7
|
-
import { VmCustom, VmVideo } from "../_components";
|
|
16
|
+
import { VmCustom, VmIframeModal, VmVideo } from "../_components";
|
|
8
17
|
import useGetChannels from "../_hooks/useGetChannels";
|
|
9
18
|
import useGetConfig from "../_hooks/useGetConfig";
|
|
10
19
|
import VtxBaseModal from "../vtx-base-modal";
|
|
11
20
|
import { BaseService, OilService } from "./api";
|
|
12
|
-
import { Cc, Common, JXH, Ljsy, Ljzy } from "./content";
|
|
21
|
+
import { Cc, Common, JXH, Jzlj, Ljsy, Ljzy } from "./content";
|
|
13
22
|
import "./style";
|
|
14
23
|
// 总览信息
|
|
15
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
24
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
16
25
|
var TABS_BASE = 'base';
|
|
17
26
|
// 车辆档案
|
|
18
27
|
var TABS_DETAIL = 'detail';
|
|
@@ -62,6 +71,18 @@ var TABS_LJZY_BASE = 'ljzy-base';
|
|
|
62
71
|
var TABS_LJZY_STATIC = 'ljzy-static';
|
|
63
72
|
// 垃圾转运-进厂信息
|
|
64
73
|
var TABS_LJZY_WORK = 'ljzy-work';
|
|
74
|
+
|
|
75
|
+
// 建筑垃圾车(渣土车)
|
|
76
|
+
// 建筑垃圾车-总览信息
|
|
77
|
+
var TABS_JZLJ_CAR_BASE = 'jzlj-car-base';
|
|
78
|
+
// 建筑垃圾车-处置证信息
|
|
79
|
+
var TABS_JZLJ_CAR_DISPOSE = 'jzlj-car-dispose';
|
|
80
|
+
// 建筑垃圾车-联单信息
|
|
81
|
+
var TABS_JZLJ_CAR_COLLECTION = 'jzlj-car-collection';
|
|
82
|
+
// 建筑垃圾车-报警信息
|
|
83
|
+
var TABS_JZLJ_CAR_ALARM = 'jzlj-car-alarm';
|
|
84
|
+
// 建筑垃圾车-运行日历
|
|
85
|
+
var TABS_JZLJ_CAR_RUNNING_CALENDAR = 'jzlj-car-running-calendar';
|
|
65
86
|
export var CarContext = /*#__PURE__*/React.createContext({
|
|
66
87
|
id: '',
|
|
67
88
|
info: {},
|
|
@@ -117,6 +138,8 @@ var VtxCarModal = function VtxCarModal(props) {
|
|
|
117
138
|
code = 'car-cc';
|
|
118
139
|
} else if (actionType.includes('ACTION_LJZY')) {
|
|
119
140
|
code = 'car-ljzy';
|
|
141
|
+
} else if (actionType.includes('ACTION_ZT')) {
|
|
142
|
+
code = 'jzlj-car';
|
|
120
143
|
} else {
|
|
121
144
|
code = 'car';
|
|
122
145
|
}
|
|
@@ -184,6 +207,23 @@ var VtxCarModal = function VtxCarModal(props) {
|
|
|
184
207
|
key: TABS_LJZY_WORK,
|
|
185
208
|
title: '进厂信息'
|
|
186
209
|
}];
|
|
210
|
+
} else if (actionType.includes('ACTION_ZT')) {
|
|
211
|
+
tabs = [{
|
|
212
|
+
key: TABS_JZLJ_CAR_BASE,
|
|
213
|
+
title: '总览信息'
|
|
214
|
+
}, {
|
|
215
|
+
key: TABS_JZLJ_CAR_DISPOSE,
|
|
216
|
+
title: '处置证信息'
|
|
217
|
+
}, {
|
|
218
|
+
key: TABS_JZLJ_CAR_COLLECTION,
|
|
219
|
+
title: '联单信息'
|
|
220
|
+
}, {
|
|
221
|
+
key: TABS_JZLJ_CAR_ALARM,
|
|
222
|
+
title: '报警信息'
|
|
223
|
+
}, {
|
|
224
|
+
key: TABS_JZLJ_CAR_RUNNING_CALENDAR,
|
|
225
|
+
title: '运行日历'
|
|
226
|
+
}];
|
|
187
227
|
} else {
|
|
188
228
|
tabs = [{
|
|
189
229
|
key: TABS_BASE,
|
|
@@ -203,7 +243,7 @@ var VtxCarModal = function VtxCarModal(props) {
|
|
|
203
243
|
}, [info === null || info === void 0 ? void 0 : info.actionType]);
|
|
204
244
|
var contents = (_contents = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_contents, TABS_BASE, /*#__PURE__*/_jsx(Common.BaseInfo, {})), TABS_STATIC, /*#__PURE__*/_jsx(Common.StaticInfo, {})), TABS_ALARM, /*#__PURE__*/_jsx(Common.AlarmInfo, {})), TABS_VIDEO, /*#__PURE__*/_jsx(VmVideo, {
|
|
205
245
|
channels: channels
|
|
206
|
-
})), TABS_OIL, /*#__PURE__*/_jsx(Common.OilConsumption, {})), TABS_WATER, /*#__PURE__*/_jsx(Common.WaterConsumption, {})), TABS_MAINTENANCE, /*#__PURE__*/_jsx(Common.Maintenance, {})), TABS_DETAIL, /*#__PURE__*/_jsx(Common.DetailInfo, {})), TABS_DEVICE, /*#__PURE__*/_jsx(Common.DeviceInfo, {})), TABS_JXH_BASE, /*#__PURE__*/_jsx(JXH.BaseInfo, {})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_contents, TABS_JXH_STATIC, /*#__PURE__*/_jsx(JXH.StaticInfo, {})), TABS_JXH_WORK, /*#__PURE__*/_jsx(JXH.WorkRecord, {})), TABS_JXH_ALARM, /*#__PURE__*/_jsx(JXH.AlarmInfo, {})), TABS_LJSY_BASE, /*#__PURE__*/_jsx(Ljsy.BaseInfo, {})), TABS_LJSY_STATIC, /*#__PURE__*/_jsx(Ljsy.StaticInfo, {})), TABS_LJSY_WORK, /*#__PURE__*/_jsx(Ljsy.WorkRecord, {})), TABS_LJSY_ALARM, /*#__PURE__*/_jsx(Ljsy.AlarmInfo, {})), TABS_CC_BASE, /*#__PURE__*/_jsx(Cc.BaseInfo, {})), TABS_CC_ORDER, /*#__PURE__*/_jsx(Cc.OrderInfo, {})), TABS_CC_STATIC, /*#__PURE__*/_jsx(Cc.StaticInfo, {})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_contents, TABS_CC_WORK, /*#__PURE__*/_jsx(Cc.WorkRecord, {})), TABS_CC_ALARM, /*#__PURE__*/_jsx(Cc.AlarmInfo, {})), TABS_LJZY_BASE, /*#__PURE__*/_jsx(Ljzy.BaseInfo, {})), TABS_LJZY_STATIC, /*#__PURE__*/_jsx(Ljzy.StaticInfo, {})), TABS_LJZY_WORK, /*#__PURE__*/_jsx(Ljzy.WorkRecord, {})));
|
|
246
|
+
})), TABS_OIL, /*#__PURE__*/_jsx(Common.OilConsumption, {})), TABS_WATER, /*#__PURE__*/_jsx(Common.WaterConsumption, {})), TABS_MAINTENANCE, /*#__PURE__*/_jsx(Common.Maintenance, {})), TABS_DETAIL, /*#__PURE__*/_jsx(Common.DetailInfo, {})), TABS_DEVICE, /*#__PURE__*/_jsx(Common.DeviceInfo, {})), TABS_JXH_BASE, /*#__PURE__*/_jsx(JXH.BaseInfo, {})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_contents, TABS_JXH_STATIC, /*#__PURE__*/_jsx(JXH.StaticInfo, {})), TABS_JXH_WORK, /*#__PURE__*/_jsx(JXH.WorkRecord, {})), TABS_JXH_ALARM, /*#__PURE__*/_jsx(JXH.AlarmInfo, {})), TABS_LJSY_BASE, /*#__PURE__*/_jsx(Ljsy.BaseInfo, {})), TABS_LJSY_STATIC, /*#__PURE__*/_jsx(Ljsy.StaticInfo, {})), TABS_LJSY_WORK, /*#__PURE__*/_jsx(Ljsy.WorkRecord, {})), TABS_LJSY_ALARM, /*#__PURE__*/_jsx(Ljsy.AlarmInfo, {})), TABS_CC_BASE, /*#__PURE__*/_jsx(Cc.BaseInfo, {})), TABS_CC_ORDER, /*#__PURE__*/_jsx(Cc.OrderInfo, {})), TABS_CC_STATIC, /*#__PURE__*/_jsx(Cc.StaticInfo, {})), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_contents, TABS_CC_WORK, /*#__PURE__*/_jsx(Cc.WorkRecord, {})), TABS_CC_ALARM, /*#__PURE__*/_jsx(Cc.AlarmInfo, {})), TABS_LJZY_BASE, /*#__PURE__*/_jsx(Ljzy.BaseInfo, {})), TABS_LJZY_STATIC, /*#__PURE__*/_jsx(Ljzy.StaticInfo, {})), TABS_LJZY_WORK, /*#__PURE__*/_jsx(Ljzy.WorkRecord, {})), TABS_JZLJ_CAR_BASE, /*#__PURE__*/_jsx(Jzlj.BaseInfo, {})), TABS_JZLJ_CAR_DISPOSE, /*#__PURE__*/_jsx(Jzlj.Dispose, {})), TABS_JZLJ_CAR_COLLECTION, /*#__PURE__*/_jsx(Jzlj.Collection, {})), TABS_JZLJ_CAR_ALARM, /*#__PURE__*/_jsx(Jzlj.Alarm, {})), TABS_JZLJ_CAR_RUNNING_CALENDAR, /*#__PURE__*/_jsx(Jzlj.RunCalendar, {})));
|
|
207
247
|
var _useGetConfig = useGetConfig(code, tabs),
|
|
208
248
|
tabsData = _useGetConfig.tabsData;
|
|
209
249
|
var tabsList = useMemo(function () {
|
|
@@ -234,6 +274,14 @@ var VtxCarModal = function VtxCarModal(props) {
|
|
|
234
274
|
}
|
|
235
275
|
});
|
|
236
276
|
}
|
|
277
|
+
var _useSetState = useSetState({
|
|
278
|
+
src: '',
|
|
279
|
+
visible: false,
|
|
280
|
+
title: ''
|
|
281
|
+
}),
|
|
282
|
+
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
283
|
+
iframeModalInfo = _useSetState2[0],
|
|
284
|
+
setIframeModalInfo = _useSetState2[1];
|
|
237
285
|
var value = useMemo(function () {
|
|
238
286
|
return {
|
|
239
287
|
id: id,
|
|
@@ -243,13 +291,14 @@ var VtxCarModal = function VtxCarModal(props) {
|
|
|
243
291
|
endDate: endDate,
|
|
244
292
|
showFields: showFields,
|
|
245
293
|
onTdClick: onTdClick,
|
|
246
|
-
onCancel: onCancel
|
|
294
|
+
onCancel: onCancel,
|
|
295
|
+
setIframeModalInfo: setIframeModalInfo
|
|
247
296
|
};
|
|
248
|
-
}, [id, info, detail, startDate, endDate, showFields, onCancel, onTdClick]);
|
|
297
|
+
}, [id, info, detail, startDate, endDate, showFields, onCancel, onTdClick, setIframeModalInfo]);
|
|
249
298
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
250
|
-
children: visible && /*#__PURE__*/
|
|
299
|
+
children: visible && /*#__PURE__*/_jsxs(Provider, {
|
|
251
300
|
value: value,
|
|
252
|
-
children: /*#__PURE__*/_jsx(VtxBaseModal, {
|
|
301
|
+
children: [/*#__PURE__*/_jsx(VtxBaseModal, {
|
|
253
302
|
title: title,
|
|
254
303
|
subTitle: '',
|
|
255
304
|
width: width,
|
|
@@ -274,7 +323,14 @@ var VtxCarModal = function VtxCarModal(props) {
|
|
|
274
323
|
value: info.carStatusStr
|
|
275
324
|
}],
|
|
276
325
|
contents: contents
|
|
277
|
-
})
|
|
326
|
+
}), /*#__PURE__*/_jsx(VmIframeModal, _objectSpread(_objectSpread({}, iframeModalInfo), {}, {
|
|
327
|
+
theme: theme,
|
|
328
|
+
onCancel: function onCancel() {
|
|
329
|
+
return setIframeModalInfo({
|
|
330
|
+
visible: false
|
|
331
|
+
});
|
|
332
|
+
}
|
|
333
|
+
}))]
|
|
278
334
|
})
|
|
279
335
|
});
|
|
280
336
|
};
|
|
@@ -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
|
+
}
|
|
@@ -25,7 +25,7 @@ import yl_dark from "../../imgs/overview_ctyl_pjryl_dark.png";
|
|
|
25
25
|
import yl_light from "../../imgs/overview_ctyl_pjryl_light.png";
|
|
26
26
|
import Chart from "./Chart";
|
|
27
27
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
28
|
-
export default function
|
|
28
|
+
export default function Collection() {
|
|
29
29
|
var _React$useContext = React.useContext(JzljDfTpdContext),
|
|
30
30
|
id = _React$useContext.id,
|
|
31
31
|
theme = _React$useContext.theme,
|
|
@@ -25,7 +25,7 @@ import yl_dark from "../../imgs/overview_ctyl_pjryl_dark.png";
|
|
|
25
25
|
import yl_light from "../../imgs/overview_ctyl_pjryl_light.png";
|
|
26
26
|
import Chart from "./Chart";
|
|
27
27
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
28
|
-
export default function
|
|
28
|
+
export default function Collection() {
|
|
29
29
|
var _React$useContext = React.useContext(JzljGcxmContext),
|
|
30
30
|
id = _React$useContext.id,
|
|
31
31
|
theme = _React$useContext.theme,
|
|
@@ -25,7 +25,7 @@ import yl_dark from "../../imgs/overview_ctyl_pjryl_dark.png";
|
|
|
25
25
|
import yl_light from "../../imgs/overview_ctyl_pjryl_light.png";
|
|
26
26
|
import Chart from "./Chart";
|
|
27
27
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
28
|
-
export default function
|
|
28
|
+
export default function Collection() {
|
|
29
29
|
var _React$useContext = React.useContext(JzljXncContext),
|
|
30
30
|
id = _React$useContext.id,
|
|
31
31
|
theme = _React$useContext.theme,
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { request } from '@vtx/utils';
|
|
2
|
+
import { useRequest } from 'ahooks';
|
|
3
|
+
var overviewApis = {
|
|
4
|
+
useInfo: function useInfo(id) {
|
|
5
|
+
var _useRequest = useRequest(function () {
|
|
6
|
+
return request.get('/cloud/jzlj/web/ys/unit/info/get', {
|
|
7
|
+
data: {
|
|
8
|
+
id: id
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
}, {
|
|
12
|
+
ready: !!id,
|
|
13
|
+
refreshDeps: [id]
|
|
14
|
+
}),
|
|
15
|
+
data = _useRequest.data;
|
|
16
|
+
return {
|
|
17
|
+
info: (data === null || data === void 0 ? void 0 : data.data) || {}
|
|
18
|
+
};
|
|
19
|
+
},
|
|
20
|
+
useCarInfo: function useCarInfo(id) {
|
|
21
|
+
var _useRequest2 = useRequest(function () {
|
|
22
|
+
return request.get('/cloud/jzlj/web/api/car/info/list', {
|
|
23
|
+
data: {
|
|
24
|
+
belongUnitIds: id
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}, {
|
|
28
|
+
ready: !!id,
|
|
29
|
+
refreshDeps: [id]
|
|
30
|
+
}),
|
|
31
|
+
data = _useRequest2.data;
|
|
32
|
+
return {
|
|
33
|
+
carInfoData: (data === null || data === void 0 ? void 0 : data.data) || []
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
export { overviewApis };
|
|
@@ -0,0 +1,79 @@
|
|
|
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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
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); }
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import { JzljYsqyContext } from "../..";
|
|
9
|
+
import { VmInfoCollection, VmTable, VmWrapper } from "../../../_components";
|
|
10
|
+
import { overviewApis } from "../../api";
|
|
11
|
+
import "./index.less";
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export default function Overview() {
|
|
14
|
+
var _React$useContext = React.useContext(JzljYsqyContext),
|
|
15
|
+
id = _React$useContext.id,
|
|
16
|
+
_React$useContext$inf = _React$useContext.info,
|
|
17
|
+
info = _React$useContext$inf === void 0 ? {} : _React$useContext$inf;
|
|
18
|
+
var infoData = [{
|
|
19
|
+
label: '企业名称',
|
|
20
|
+
value: info === null || info === void 0 ? void 0 : info.name
|
|
21
|
+
}, {
|
|
22
|
+
label: '注册地所在行政区划',
|
|
23
|
+
value: info === null || info === void 0 ? void 0 : info.divisionName
|
|
24
|
+
}, {
|
|
25
|
+
label: '联系人',
|
|
26
|
+
value: info === null || info === void 0 ? void 0 : info.lxMan
|
|
27
|
+
}, {
|
|
28
|
+
label: '联系电话',
|
|
29
|
+
value: info === null || info === void 0 ? void 0 : info.lxPhone
|
|
30
|
+
}, {
|
|
31
|
+
label: '营业执照编号',
|
|
32
|
+
value: info === null || info === void 0 ? void 0 : info.yyzzCode
|
|
33
|
+
}, {
|
|
34
|
+
label: '运输垃圾类型',
|
|
35
|
+
value: info === null || info === void 0 ? void 0 : info.rubbishTypeChs
|
|
36
|
+
}, {
|
|
37
|
+
label: '营业执照',
|
|
38
|
+
value: info === null || info === void 0 ? void 0 : info.file,
|
|
39
|
+
componentType: 'ATTACHS'
|
|
40
|
+
}];
|
|
41
|
+
var _overviewApis$useCarI = overviewApis.useCarInfo(id),
|
|
42
|
+
_overviewApis$useCarI2 = _overviewApis$useCarI.carInfoData,
|
|
43
|
+
carInfoData = _overviewApis$useCarI2 === void 0 ? [] : _overviewApis$useCarI2;
|
|
44
|
+
var columns = [['车牌号', 'carCode', {}], ['车辆种类', 'carGradeName', {}], ['核定载重(吨)', 'regulationWeight', {
|
|
45
|
+
align: 'right'
|
|
46
|
+
}]].map(function (item) {
|
|
47
|
+
return _objectSpread({
|
|
48
|
+
title: item[0],
|
|
49
|
+
dataIndex: item[1],
|
|
50
|
+
key: item[1]
|
|
51
|
+
}, item[2]);
|
|
52
|
+
});
|
|
53
|
+
var myTableProps = {
|
|
54
|
+
dataSource: carInfoData,
|
|
55
|
+
rowKey: 'id',
|
|
56
|
+
columns: columns,
|
|
57
|
+
indexFixed: true
|
|
58
|
+
};
|
|
59
|
+
return /*#__PURE__*/_jsxs("div", {
|
|
60
|
+
className: "ysqy-overview",
|
|
61
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
62
|
+
className: "ysqy-overview-top",
|
|
63
|
+
children: /*#__PURE__*/_jsx(VmWrapper, {
|
|
64
|
+
title: "\u57FA\u672C\u4FE1\u606F",
|
|
65
|
+
children: /*#__PURE__*/_jsx(VmInfoCollection, {
|
|
66
|
+
data: infoData,
|
|
67
|
+
width: '33.33%',
|
|
68
|
+
horizontal: true
|
|
69
|
+
})
|
|
70
|
+
})
|
|
71
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
72
|
+
className: "ysqy-overview-bottom",
|
|
73
|
+
children: /*#__PURE__*/_jsx(VmWrapper, {
|
|
74
|
+
title: "\u8F66\u8F86\u4FE1\u606F",
|
|
75
|
+
children: /*#__PURE__*/_jsx(VmTable, _objectSpread({}, myTableProps))
|
|
76
|
+
})
|
|
77
|
+
})]
|
|
78
|
+
});
|
|
79
|
+
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import VmCustom from "../_components/vm-custom";
|
|
3
|
+
import useGetConfig from "../_hooks/useGetConfig";
|
|
4
|
+
import VtxBaseModal from "../vtx-base-modal";
|
|
5
|
+
import { overviewApis } from "./api";
|
|
6
|
+
import { Overview } from "./components";
|
|
7
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
+
export var JzljYsqyContext = /*#__PURE__*/React.createContext({
|
|
9
|
+
id: ''
|
|
10
|
+
});
|
|
11
|
+
var Provider = JzljYsqyContext.Provider;
|
|
12
|
+
export default function VtxJzljYsqyModal(props) {
|
|
13
|
+
var id = props.id,
|
|
14
|
+
_props$visible = props.visible,
|
|
15
|
+
visible = _props$visible === void 0 ? false : _props$visible,
|
|
16
|
+
onCancel = props.onCancel,
|
|
17
|
+
_props$theme = props.theme,
|
|
18
|
+
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
|
19
|
+
title = props.title,
|
|
20
|
+
_props$tabChose = props.tabChose,
|
|
21
|
+
tabChose = _props$tabChose === void 0 ? '' : _props$tabChose;
|
|
22
|
+
var _overviewApis$useInfo = overviewApis.useInfo(id),
|
|
23
|
+
_overviewApis$useInfo2 = _overviewApis$useInfo.info,
|
|
24
|
+
info = _overviewApis$useInfo2 === void 0 ? {} : _overviewApis$useInfo2;
|
|
25
|
+
var store = {
|
|
26
|
+
theme: theme,
|
|
27
|
+
id: id,
|
|
28
|
+
info: info
|
|
29
|
+
};
|
|
30
|
+
var tabs_init = [{
|
|
31
|
+
key: 'jzlj-ysqy-base',
|
|
32
|
+
title: '总览信息',
|
|
33
|
+
dom: /*#__PURE__*/_jsx(Overview, {})
|
|
34
|
+
}];
|
|
35
|
+
var tabs = tabs_init.map(function (ele) {
|
|
36
|
+
return {
|
|
37
|
+
key: ele.key,
|
|
38
|
+
title: ele.title
|
|
39
|
+
};
|
|
40
|
+
});
|
|
41
|
+
var contents = {};
|
|
42
|
+
tabs_init.forEach(function (ele) {
|
|
43
|
+
contents[ele.key] = (ele === null || ele === void 0 ? void 0 : ele.dom) || '';
|
|
44
|
+
});
|
|
45
|
+
var _useGetConfig = useGetConfig('jzlj-ysqy', tabs),
|
|
46
|
+
tabsData = _useGetConfig.tabsData;
|
|
47
|
+
// 自定义页签可配置多个,
|
|
48
|
+
if (tabsData !== null && tabsData !== void 0 && tabsData.length) {
|
|
49
|
+
tabsData.forEach(function (ele) {
|
|
50
|
+
if (ele.url) {
|
|
51
|
+
contents[ele.key] = /*#__PURE__*/_jsx(VmCustom, {
|
|
52
|
+
id: id,
|
|
53
|
+
url: ele === null || ele === void 0 ? void 0 : ele.url
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
59
|
+
children: /*#__PURE__*/_jsx(Provider, {
|
|
60
|
+
value: store,
|
|
61
|
+
children: /*#__PURE__*/_jsx(VtxBaseModal, {
|
|
62
|
+
title: title,
|
|
63
|
+
theme: theme,
|
|
64
|
+
visible: visible,
|
|
65
|
+
onCancel: onCancel,
|
|
66
|
+
tabs: tabsData,
|
|
67
|
+
tabChose: tabChose,
|
|
68
|
+
contents: contents
|
|
69
|
+
})
|
|
70
|
+
})
|
|
71
|
+
});
|
|
72
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "./index.less";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../../style/index';
|
|
@@ -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
|
+
}
|