@vtx/modals2 5.0.14 → 5.0.17
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-extra-tab/style/index.less +1 -1
- package/lib/_components/vm-factor/index.js +1 -1
- package/lib/_components/vm-factor-list/index.js +4 -1
- package/lib/_components/vm-factor-list/index.less +11 -11
- package/lib/_components/vm-filter/style/index.less +4 -3
- package/lib/_components/vm-pie-charts/index.js +3 -0
- package/lib/_components/vm-table/index.js +4 -4
- package/lib/_components/vm-wrapper/style/index.less +1 -1
- package/lib/_util/iconSvgHtml.js +653 -224
- package/lib/index.js +4 -1
- package/lib/style/index.less +1 -6
- package/lib/vtx-base-modal/Header/index.less +98 -98
- package/lib/vtx-base-modal/Tabs/index.js +31 -4
- package/lib/vtx-base-modal/Tabs/index.less +54 -31
- package/lib/vtx-base-modal/index.js +2 -2
- package/lib/vtx-base-modal/style/index.less +3 -1
- package/lib/vtx-car-modal/components/Info/index.js +3 -0
- package/lib/vtx-car-modal/components/Info/index.less +6 -6
- package/lib/vtx-car-modal/content/Common/BaseInfo/index.js +16 -7
- package/lib/vtx-car-modal/content/Common/OilConsumption/index.less +6 -6
- package/lib/vtx-car-modal/content/Common/WaterConsumption/index.less +6 -6
- package/lib/vtx-car-modal/content/JXH/BaseInfo/index.js +2 -1
- package/lib/vtx-car-modal/content/Ljsy/BaseInfo/index.js +21 -10
- package/lib/vtx-car-modal/content/Ljzy/BaseInfo/index.js +16 -7
- package/lib/vtx-car-modal/index.js +29 -29
- package/lib/vtx-cc-cp-modal/index.js +6 -6
- package/lib/vtx-cc-unit-modal/components/BaseInfo/index.less +6 -6
- package/lib/vtx-cc-unit-modal/index.js +6 -6
- package/lib/vtx-cp-modal/index.js +10 -14
- package/lib/vtx-default-modal/components/BaseInfo/index.less +1 -0
- package/lib/vtx-default-modal/index.js +3 -3
- package/lib/vtx-device-modal/components/DataAnalysis/index.less +66 -66
- package/lib/vtx-device-modal/index.js +5 -5
- package/lib/vtx-df-modal/index.js +5 -6
- package/lib/vtx-housing-estate-modal/index.js +1 -1
- package/lib/vtx-jzlj-gcxm-modal/components/Base/index.js +20 -0
- package/lib/vtx-jzlj-gcxm-modal/components/index.js +2 -0
- package/lib/vtx-jzlj-gcxm-modal/index.js +77 -0
- package/lib/vtx-jzlj-gcxm-modal/style/index.js +1 -0
- package/lib/vtx-jzlj-gcxm-modal/style/index.less +1 -0
- package/lib/vtx-qyry-modal/api.js +2 -0
- package/lib/vtx-qyry-modal/index.js +5 -9
- package/lib/vtx-restaurant-modal/components/Basic/index.less +16 -16
- package/lib/vtx-restaurant-modal/config.js +52 -52
- package/lib/vtx-restaurant-modal/index.js +6 -6
- package/lib/vtx-road-modal/components/Statistical/index.less +32 -32
- package/lib/vtx-road-modal/index.js +3 -3
- package/lib/vtx-shxq-modal/components/BaseInfo/index.js +1 -1
- package/lib/vtx-shxq-modal/components/Tfd/index.js +1 -1
- package/lib/vtx-shxq-modal/components/Tfd/index.less +6 -0
- package/lib/vtx-shxq-modal/components/ThrowRecord/index.js +1 -1
- package/lib/vtx-shxq-modal/index.js +2 -2
- package/lib/vtx-staff-modal/index.js +5 -9
- package/lib/vtx-tfd-modal/index.js +2 -2
- package/lib/vtx-wr-modal/components/Base/Ptss.js +71 -31
- package/lib/vtx-wr-modal/components/Base/assets/alert.png +0 -0
- package/lib/vtx-wr-modal/components/Base/index.js +15 -3
- package/lib/vtx-wr-modal/components/Base/index.less +14 -1
- package/lib/vtx-wr-modal/index.js +3 -1
- package/lib/vtx-zf-modal/components/Record/index.js +10 -2
- package/lib/vtx-zf-modal/index.js +1 -17
- package/lib/vtx-zzz-modal/style/index.js +1 -0
- package/package.json +1 -1
|
@@ -39,6 +39,14 @@ var BaseInfo = function BaseInfo() {
|
|
|
39
39
|
loading = _LjzyService$useGetCa.loading;
|
|
40
40
|
var xAxis = _.map(taskDaySummary, 'date');
|
|
41
41
|
var todayInfo = _.last(taskDaySummary) || {};
|
|
42
|
+
var blueColor = '#1677FF';
|
|
43
|
+
var greenColor = '#0FB964';
|
|
44
|
+
var colorOpacity = 0.2;
|
|
45
|
+
if (isDark) {
|
|
46
|
+
blueColor = '#0095FF';
|
|
47
|
+
greenColor = '#36AB78';
|
|
48
|
+
colorOpacity = 0.6;
|
|
49
|
+
}
|
|
42
50
|
return /*#__PURE__*/_jsxs(Row, {
|
|
43
51
|
gutter: [16, 16],
|
|
44
52
|
style: {
|
|
@@ -47,7 +55,8 @@ var BaseInfo = function BaseInfo() {
|
|
|
47
55
|
children: [/*#__PURE__*/_jsx(Info, {}), /*#__PURE__*/_jsx(Col, {
|
|
48
56
|
flex: '1',
|
|
49
57
|
style: {
|
|
50
|
-
minWidth: 0
|
|
58
|
+
minWidth: 0,
|
|
59
|
+
height: '100%'
|
|
51
60
|
},
|
|
52
61
|
children: /*#__PURE__*/_jsxs("div", {
|
|
53
62
|
className: 'vtx-car-info-right-wrap',
|
|
@@ -82,18 +91,18 @@ var BaseInfo = function BaseInfo() {
|
|
|
82
91
|
dataList: [{
|
|
83
92
|
name: '进场车次',
|
|
84
93
|
data: _.map(taskDaySummary, 'carNums'),
|
|
85
|
-
color:
|
|
94
|
+
color: transformRgb(blueColor, colorOpacity),
|
|
86
95
|
smooth: true,
|
|
87
96
|
symbol: 'none',
|
|
88
97
|
areaStyle: {
|
|
89
98
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
90
99
|
offset: 0,
|
|
91
|
-
color:
|
|
100
|
+
color: transformRgb(blueColor, colorOpacity)
|
|
92
101
|
},
|
|
93
102
|
// 半透明
|
|
94
103
|
{
|
|
95
104
|
offset: 1,
|
|
96
|
-
color:
|
|
105
|
+
color: transformRgb(blueColor, 0)
|
|
97
106
|
} // 更透明
|
|
98
107
|
])
|
|
99
108
|
}
|
|
@@ -132,18 +141,18 @@ var BaseInfo = function BaseInfo() {
|
|
|
132
141
|
dataList: [{
|
|
133
142
|
name: '进场量',
|
|
134
143
|
data: _.map(taskDaySummary, 'netWeight'),
|
|
135
|
-
color:
|
|
144
|
+
color: transformRgb(greenColor, colorOpacity),
|
|
136
145
|
smooth: true,
|
|
137
146
|
symbol: 'none',
|
|
138
147
|
areaStyle: {
|
|
139
148
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
140
149
|
offset: 0,
|
|
141
|
-
color:
|
|
150
|
+
color: transformRgb(greenColor, colorOpacity)
|
|
142
151
|
},
|
|
143
152
|
// 半透明
|
|
144
153
|
{
|
|
145
154
|
offset: 1,
|
|
146
|
-
color:
|
|
155
|
+
color: transformRgb(greenColor, 0)
|
|
147
156
|
} // 更透明
|
|
148
157
|
])
|
|
149
158
|
}
|
|
@@ -13,55 +13,55 @@ import { Cc, Common, JXH, Ljsy, Ljzy } from "./content";
|
|
|
13
13
|
import "./style";
|
|
14
14
|
// 总览信息
|
|
15
15
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
16
|
-
var TABS_BASE = '
|
|
16
|
+
var TABS_BASE = 'base';
|
|
17
17
|
// 车辆档案
|
|
18
|
-
var TABS_DETAIL = '
|
|
18
|
+
var TABS_DETAIL = 'detail';
|
|
19
19
|
// 报警信息
|
|
20
|
-
var TABS_ALARM = '
|
|
20
|
+
var TABS_ALARM = 'alarm';
|
|
21
21
|
// 运行日历
|
|
22
|
-
var TABS_STATIC = '
|
|
22
|
+
var TABS_STATIC = 'static';
|
|
23
23
|
// 水耗信息
|
|
24
|
-
var TABS_WATER = '
|
|
24
|
+
var TABS_WATER = 'water';
|
|
25
25
|
// 油耗信息
|
|
26
|
-
var TABS_OIL = '
|
|
26
|
+
var TABS_OIL = 'oil';
|
|
27
27
|
// 维保信息
|
|
28
|
-
var TABS_MAINTENANCE = '
|
|
28
|
+
var TABS_MAINTENANCE = 'maintenance';
|
|
29
29
|
// 视频信息
|
|
30
|
-
var TABS_VIDEO = '
|
|
30
|
+
var TABS_VIDEO = 'video';
|
|
31
31
|
// 设备档案
|
|
32
|
-
var TABS_DEVICE = '
|
|
32
|
+
var TABS_DEVICE = 'device';
|
|
33
33
|
// 机械化-总览信息
|
|
34
|
-
var TABS_JXH_BASE = '
|
|
34
|
+
var TABS_JXH_BASE = 'jxh-base';
|
|
35
35
|
// 机械化-作业日历
|
|
36
|
-
var TABS_JXH_STATIC = '
|
|
36
|
+
var TABS_JXH_STATIC = 'jxh-static';
|
|
37
37
|
// 机械化-报警信息
|
|
38
|
-
var TABS_JXH_ALARM = '
|
|
38
|
+
var TABS_JXH_ALARM = 'jxh-alarm';
|
|
39
39
|
// 机械化-作业记录
|
|
40
|
-
var TABS_JXH_WORK = '
|
|
40
|
+
var TABS_JXH_WORK = 'jxh-work';
|
|
41
41
|
// 垃圾收运-总览信息
|
|
42
|
-
var TABS_LJSY_BASE = '
|
|
42
|
+
var TABS_LJSY_BASE = 'ljsy-base';
|
|
43
43
|
// 垃圾收运-运行日历
|
|
44
|
-
var TABS_LJSY_STATIC = '
|
|
44
|
+
var TABS_LJSY_STATIC = 'ljsy-static';
|
|
45
45
|
// 垃圾收运-报警信息
|
|
46
|
-
var TABS_LJSY_ALARM = '
|
|
46
|
+
var TABS_LJSY_ALARM = 'ljsy-alarm';
|
|
47
47
|
// 垃圾收运-收运记录
|
|
48
|
-
var TABS_LJSY_WORK = '
|
|
48
|
+
var TABS_LJSY_WORK = 'ljsy-work';
|
|
49
49
|
// 餐厨-总览信息
|
|
50
|
-
var TABS_CC_BASE = '
|
|
50
|
+
var TABS_CC_BASE = 'cc-base';
|
|
51
51
|
// 餐厨-运行日历
|
|
52
|
-
var TABS_CC_STATIC = '
|
|
52
|
+
var TABS_CC_STATIC = 'cc-static';
|
|
53
53
|
// 餐厨-报警信息
|
|
54
|
-
var TABS_CC_ALARM = '
|
|
54
|
+
var TABS_CC_ALARM = 'cc-alarm';
|
|
55
55
|
// 餐厨-收运记录
|
|
56
|
-
var TABS_CC_WORK = '
|
|
56
|
+
var TABS_CC_WORK = 'cc-work';
|
|
57
57
|
// 餐厨-联单信息
|
|
58
|
-
var TABS_CC_ORDER = '
|
|
58
|
+
var TABS_CC_ORDER = 'cc-order';
|
|
59
59
|
// 垃圾转运-总览信息
|
|
60
|
-
var TABS_LJZY_BASE = '
|
|
60
|
+
var TABS_LJZY_BASE = 'ljzy-base';
|
|
61
61
|
// 垃圾转运-统计信息
|
|
62
|
-
var TABS_LJZY_STATIC = '
|
|
62
|
+
var TABS_LJZY_STATIC = 'ljzy-static';
|
|
63
63
|
// 垃圾转运-进厂信息
|
|
64
|
-
var TABS_LJZY_WORK = '
|
|
64
|
+
var TABS_LJZY_WORK = 'ljzy-work';
|
|
65
65
|
export var CarContext = /*#__PURE__*/React.createContext({
|
|
66
66
|
id: '',
|
|
67
67
|
info: {},
|
|
@@ -209,17 +209,17 @@ var VtxCarModal = function VtxCarModal(props) {
|
|
|
209
209
|
var tabsList = useMemo(function () {
|
|
210
210
|
var tabsList = tabsData;
|
|
211
211
|
if (tabsList.findIndex(function (ele) {
|
|
212
|
-
return ele.key === '
|
|
212
|
+
return ele.key === 'video';
|
|
213
213
|
}) > -1 && (channels === null || channels === void 0 ? void 0 : channels.length) < 1) {
|
|
214
214
|
tabsList = tabsList.filter(function (ele) {
|
|
215
|
-
return ele.key !== '
|
|
215
|
+
return ele.key !== 'video';
|
|
216
216
|
});
|
|
217
217
|
}
|
|
218
218
|
if (tabsList.findIndex(function (ele) {
|
|
219
|
-
return ele.key === '
|
|
219
|
+
return ele.key === 'oil';
|
|
220
220
|
}) > -1 && !beenOilStatus) {
|
|
221
221
|
tabsList = tabsList.filter(function (ele) {
|
|
222
|
-
return ele.key !== '
|
|
222
|
+
return ele.key !== 'oil';
|
|
223
223
|
});
|
|
224
224
|
}
|
|
225
225
|
return tabsList;
|
|
@@ -19,12 +19,12 @@ import VtxRestaurantModal from "../vtx-restaurant-modal";
|
|
|
19
19
|
import { AlarmInfo, BaseInfo, Calendar, ExceptionInfo, Restaurant, SyInfo } from "./components";
|
|
20
20
|
import "./style";
|
|
21
21
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
|
-
var TABS_BASE = '
|
|
23
|
-
var TABS_SY = '
|
|
24
|
-
var TABS_CALENDAR = '
|
|
25
|
-
var TABS_RESTAURANT = '
|
|
26
|
-
var TABS_WARNNING = '
|
|
27
|
-
var TABS_EXECEPTION = '
|
|
22
|
+
var TABS_BASE = 'base';
|
|
23
|
+
var TABS_SY = 'sy';
|
|
24
|
+
var TABS_CALENDAR = 'calendar';
|
|
25
|
+
var TABS_RESTAURANT = 'restaurant';
|
|
26
|
+
var TABS_WARNNING = 'warning';
|
|
27
|
+
var TABS_EXECEPTION = 'exeception';
|
|
28
28
|
export var CcCpContext = /*#__PURE__*/React.createContext({
|
|
29
29
|
id: ''
|
|
30
30
|
});
|
|
@@ -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
|
+
}
|
|
@@ -20,12 +20,12 @@ import { BasicService } from "./api";
|
|
|
20
20
|
import { BaseInfo, CarList, Collection, DetailInfo, Factory, RestaurantList } from "./components";
|
|
21
21
|
import "./style";
|
|
22
22
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
-
var TABS_BASE = '
|
|
24
|
-
var TABS_RESTAURANT = '
|
|
25
|
-
var TABS_CAR = '
|
|
26
|
-
var TABS_DETAIL = '
|
|
27
|
-
var TABS_COLLECTION = '
|
|
28
|
-
var TABS_FACTORY = '
|
|
23
|
+
var TABS_BASE = 'base';
|
|
24
|
+
var TABS_RESTAURANT = 'restaurant';
|
|
25
|
+
var TABS_CAR = 'car';
|
|
26
|
+
var TABS_DETAIL = 'detail';
|
|
27
|
+
var TABS_COLLECTION = 'collection';
|
|
28
|
+
var TABS_FACTORY = 'factory';
|
|
29
29
|
export var CcUnitContext = /*#__PURE__*/createContext({});
|
|
30
30
|
var Provider = CcUnitContext.Provider;
|
|
31
31
|
var VtxCcUnitModal = function VtxCcUnitModal(props) {
|
|
@@ -13,13 +13,12 @@ import { BaseService } from "./api";
|
|
|
13
13
|
import { AlarmInfo, BaseInfo, ExeceptionInfo, SyInfo } from "./components";
|
|
14
14
|
import "./style";
|
|
15
15
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
16
|
-
var TABS_BASE = '
|
|
17
|
-
var TABS_SY = '
|
|
18
|
-
var TABS_WARNNING = '
|
|
19
|
-
var TABS_EXECEPTION = '
|
|
20
|
-
var TABS_APPRAISAL = 'default-appraisal';
|
|
16
|
+
var TABS_BASE = 'base';
|
|
17
|
+
var TABS_SY = 'sy';
|
|
18
|
+
var TABS_WARNNING = 'warning';
|
|
19
|
+
var TABS_EXECEPTION = 'exeception';
|
|
21
20
|
var TABS_RM = 'default-rm';
|
|
22
|
-
var TABS_VIDEO = '
|
|
21
|
+
var TABS_VIDEO = 'video';
|
|
23
22
|
var VtxCpModal = function VtxCpModal(props) {
|
|
24
23
|
var id = props.id,
|
|
25
24
|
title = props.title,
|
|
@@ -43,18 +42,15 @@ var VtxCpModal = function VtxCpModal(props) {
|
|
|
43
42
|
}, {
|
|
44
43
|
key: TABS_EXECEPTION,
|
|
45
44
|
title: '异常信息'
|
|
46
|
-
}
|
|
47
|
-
// { key: TABS_APPRAISAL, title: '考核信息' },
|
|
48
|
-
// { key: TABS_RM, title: '维保信息' },
|
|
49
|
-
];
|
|
50
|
-
var _facilityService$useG = facilityService.useGetFacConfig('cp'),
|
|
51
|
-
facConfig = _facilityService$useG.facConfig;
|
|
52
|
-
var _useGetConfig = useGetConfig(info === null || info === void 0 ? void 0 : info.typeCode, tabs),
|
|
53
|
-
tabsData = _useGetConfig.tabsData;
|
|
45
|
+
}];
|
|
54
46
|
var _BaseService$useBaseD = BaseService.useBaseDetail(id, 'wgs84'),
|
|
55
47
|
info = _BaseService$useBaseD.info,
|
|
56
48
|
baseInfo = _BaseService$useBaseD.baseInfo,
|
|
57
49
|
rules = _BaseService$useBaseD.rules;
|
|
50
|
+
var _facilityService$useG = facilityService.useGetFacConfig((info === null || info === void 0 ? void 0 : info.collectPointTypeCode) || 'cp'),
|
|
51
|
+
facConfig = _facilityService$useG.facConfig;
|
|
52
|
+
var _useGetConfig = useGetConfig((info === null || info === void 0 ? void 0 : info.collectPointTypeCode) || 'cp', tabs),
|
|
53
|
+
tabsData = _useGetConfig.tabsData;
|
|
58
54
|
var _useGetChannels = useGetChannels("".concat(info === null || info === void 0 ? void 0 : info.collectPointTypeCode, "_").concat(info === null || info === void 0 ? void 0 : info.code), !!(info !== null && info !== void 0 && info.collectPointTypeCode)),
|
|
59
55
|
channels = _useGetChannels.channels;
|
|
60
56
|
var tabsList = useMemo(function () {
|
|
@@ -19,9 +19,9 @@ import Metering from "../vtx-df-modal/components/Metering";
|
|
|
19
19
|
import { BaseInfo } from "./components";
|
|
20
20
|
import "./style";
|
|
21
21
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
22
|
-
var TABS_BASE = '
|
|
23
|
-
var TABS_APPRAISAL = '
|
|
24
|
-
var TABS_RM = '
|
|
22
|
+
var TABS_BASE = 'base';
|
|
23
|
+
var TABS_APPRAISAL = 'appraisal';
|
|
24
|
+
var TABS_RM = 'rm';
|
|
25
25
|
var TABS_VIDEO = 'video';
|
|
26
26
|
var TABS_METERING = 'metering';
|
|
27
27
|
var VtxDefaultModal = function VtxDefaultModal(props) {
|
|
@@ -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 = '
|
|
16
|
-
var TABS_DATA = '
|
|
17
|
-
var TABS_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 === '
|
|
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 !== '
|
|
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 = '
|
|
21
|
-
var TABS_METERING = '
|
|
22
|
-
var TABS_WC = '
|
|
23
|
-
var TABS_VIDEO = '
|
|
24
|
-
var
|
|
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,
|
|
@@ -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,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';
|
|
@@ -83,6 +83,8 @@ var BaseService = {
|
|
|
83
83
|
refreshDeps: [id]
|
|
84
84
|
}),
|
|
85
85
|
areas = _useRequest3.data;
|
|
86
|
+
var _useSettings = useSettings(),
|
|
87
|
+
isDark = _useSettings.isDark;
|
|
86
88
|
return {
|
|
87
89
|
info: mapInfoRes === null || mapInfoRes === void 0 ? void 0 : mapInfoRes.data,
|
|
88
90
|
mapPoints: mapInfoRes !== null && mapInfoRes !== void 0 && (_mapInfoRes$data = mapInfoRes.data) !== null && _mapInfoRes$data !== void 0 && _mapInfoRes$data.lngDone ? [{
|
|
@@ -10,21 +10,17 @@ 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 = '
|
|
14
|
-
var TABS_CALENDAR = '
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var TABS_EUQIPMENT = 'staff-equipment';
|
|
13
|
+
var TABS_BASE = 'base';
|
|
14
|
+
var TABS_CALENDAR = 'calendar';
|
|
15
|
+
var TABS_ALARM = 'alarm';
|
|
16
|
+
var TABS_ATTENDANCE = 'attendance';
|
|
17
|
+
var TABS_EUQIPMENT = 'equipment';
|
|
19
18
|
var tabs = [{
|
|
20
19
|
key: TABS_BASE,
|
|
21
20
|
title: '总览信息'
|
|
22
21
|
}, {
|
|
23
22
|
key: TABS_CALENDAR,
|
|
24
23
|
title: '作业日历'
|
|
25
|
-
}, {
|
|
26
|
-
key: TABS_DETAIL,
|
|
27
|
-
title: '详细信息'
|
|
28
24
|
}, {
|
|
29
25
|
key: TABS_ALARM,
|
|
30
26
|
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
|
+
}
|