@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.
Files changed (68) hide show
  1. package/lib/_components/vm-card-statistics/index.less +27 -27
  2. package/lib/_components/vm-factor-list/index.less +11 -11
  3. package/lib/_components/vm-table/index.js +4 -4
  4. package/lib/index.js +2 -1
  5. package/lib/vtx-base-modal/Header/index.less +98 -98
  6. package/lib/vtx-base-modal/Tabs/index.less +54 -54
  7. package/lib/vtx-car-modal/api.js +241 -1
  8. package/lib/vtx-car-modal/components/Info/index.js +34 -9
  9. package/lib/vtx-car-modal/components/Info/index.less +6 -6
  10. package/lib/vtx-car-modal/content/Common/OilConsumption/index.less +6 -6
  11. package/lib/vtx-car-modal/content/Common/WaterConsumption/index.less +6 -6
  12. package/lib/vtx-car-modal/content/Jzlj/Alarm/Bottom.js +276 -0
  13. package/lib/vtx-car-modal/content/Jzlj/Alarm/index.js +155 -0
  14. package/lib/vtx-car-modal/content/Jzlj/Alarm/index.less +34 -0
  15. package/lib/vtx-car-modal/content/Jzlj/BaseInfo/index.js +256 -0
  16. package/lib/vtx-car-modal/content/Jzlj/BaseInfo/index.less +20 -0
  17. package/lib/vtx-car-modal/content/Jzlj/Collection/Chart.js +99 -0
  18. package/lib/vtx-car-modal/content/Jzlj/Collection/index.js +357 -0
  19. package/lib/vtx-car-modal/content/Jzlj/Collection/index.less +57 -0
  20. package/lib/vtx-car-modal/content/Jzlj/Dispose/Pies.js +77 -0
  21. package/lib/vtx-car-modal/content/Jzlj/Dispose/index.js +282 -0
  22. package/lib/vtx-car-modal/content/Jzlj/Dispose/index.less +53 -0
  23. package/lib/vtx-car-modal/content/Jzlj/RunCalendar/index.js +175 -0
  24. package/lib/vtx-car-modal/content/Jzlj/RunCalendar/index.less +12 -0
  25. package/lib/vtx-car-modal/content/Jzlj/index.js +12 -0
  26. package/lib/vtx-car-modal/content/index.js +2 -1
  27. package/lib/vtx-car-modal/imgs/jzlj/pjrcc_dark.png +0 -0
  28. package/lib/vtx-car-modal/imgs/jzlj/pjrcc_light.png +0 -0
  29. package/lib/vtx-car-modal/imgs/jzlj/pjryl_dark.png +0 -0
  30. package/lib/vtx-car-modal/imgs/jzlj/pjryl_light.png +0 -0
  31. package/lib/vtx-car-modal/imgs/jzlj/rl_lds_dark.png +0 -0
  32. package/lib/vtx-car-modal/imgs/jzlj/rl_lds_light.png +0 -0
  33. package/lib/vtx-car-modal/imgs/jzlj/rl_yl_dark.png +0 -0
  34. package/lib/vtx-car-modal/imgs/jzlj/rl_yl_light.png +0 -0
  35. package/lib/vtx-car-modal/index.js +65 -9
  36. package/lib/vtx-cc-unit-modal/components/BaseInfo/index.less +6 -6
  37. package/lib/vtx-device-modal/components/DataAnalysis/index.less +66 -66
  38. package/lib/vtx-jzlj-df-tpd-modal/components/Collection/index.js +1 -1
  39. package/lib/vtx-jzlj-gcxm-modal/components/Collection/index.js +1 -1
  40. package/lib/vtx-jzlj-xnc-modal/components/Collection/index.js +1 -1
  41. package/lib/vtx-jzlj-ysqy-modal/api.js +37 -0
  42. package/lib/vtx-jzlj-ysqy-modal/components/Overview/index.js +79 -0
  43. package/lib/vtx-jzlj-ysqy-modal/components/Overview/index.less +17 -0
  44. package/lib/vtx-jzlj-ysqy-modal/components/index.js +2 -0
  45. package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_czz_dark.png +0 -0
  46. package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_czz_light.png +0 -0
  47. package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_syl_dark.png +0 -0
  48. package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_syl_light.png +0 -0
  49. package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_zsbl_dark.png +0 -0
  50. package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_zsbl_light.png +0 -0
  51. package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_zyyl_dark.png +0 -0
  52. package/lib/vtx-jzlj-ysqy-modal/imgs/dispose_zyyl_light.png +0 -0
  53. package/lib/vtx-jzlj-ysqy-modal/imgs/overview_ctyl_pjrcc_dark.png +0 -0
  54. package/lib/vtx-jzlj-ysqy-modal/imgs/overview_ctyl_pjrcc_light.png +0 -0
  55. package/lib/vtx-jzlj-ysqy-modal/imgs/overview_ctyl_pjryl_dark.png +0 -0
  56. package/lib/vtx-jzlj-ysqy-modal/imgs/overview_ctyl_pjryl_light.png +0 -0
  57. package/lib/vtx-jzlj-ysqy-modal/imgs/overview_czz_zl_dark.png +0 -0
  58. package/lib/vtx-jzlj-ysqy-modal/imgs/overview_czz_zl_light.png +0 -0
  59. package/lib/vtx-jzlj-ysqy-modal/imgs/overview_czz_zs_dark.png +0 -0
  60. package/lib/vtx-jzlj-ysqy-modal/imgs/overview_czz_zs_light.png +0 -0
  61. package/lib/vtx-jzlj-ysqy-modal/index.js +72 -0
  62. package/lib/vtx-jzlj-ysqy-modal/style/index.js +1 -0
  63. package/lib/vtx-jzlj-ysqy-modal/style/index.less +1 -0
  64. package/lib/vtx-restaurant-modal/components/Basic/index.less +16 -16
  65. package/lib/vtx-restaurant-modal/config.js +52 -52
  66. package/lib/vtx-road-modal/components/Statistical/index.less +32 -32
  67. package/lib/vtx-shxq-modal/api.js +5 -3
  68. 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__*/_jsx(Provider, {
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 Dispose() {
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 Dispose() {
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 Dispose() {
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
+ }
@@ -0,0 +1,17 @@
1
+ .ysqy-overview {
2
+ width: 100%;
3
+ height: 100%;
4
+ display: flex;
5
+ flex-direction: column;
6
+ gap: 16px;
7
+
8
+ &-top {
9
+ width: 100%;
10
+ height: 180px;
11
+ }
12
+
13
+ &-bottom {
14
+ width: 100%;
15
+ height: calc(100% - 180px);
16
+ }
17
+ }
@@ -0,0 +1,2 @@
1
+ import Overview from "./Overview";
2
+ export { Overview };
@@ -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
+ }