@ued_fpi/data-visual 1.2.21 → 1.2.22
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/dist/es/index.mjs +4 -0
- package/dist/es/ipes/src/AirQualityManage/index.vue.mjs +1 -1
- package/dist/es/ipes/src/AlarmManage/index.vue.mjs +1 -1
- package/dist/es/ipes/src/AnnualEventStatistics/index.vue.mjs +6 -8
- package/dist/es/ipes/src/BasicSecurityInfo/index.vue.mjs +1 -1
- package/dist/es/ipes/src/ClassifiedRegulation/components/BarItem.vue.mjs +20 -0
- package/dist/es/ipes/src/ClassifiedRegulation/components/BarItem.vue2.mjs +15 -0
- package/dist/es/ipes/src/ClassifiedRegulation/components/BarItem.vue3.mjs +3 -0
- package/dist/es/ipes/src/ClassifiedRegulation/index.mjs +7 -0
- package/dist/es/ipes/src/ClassifiedRegulation/index.vue.mjs +84 -0
- package/dist/es/ipes/src/ClassifiedRegulation/index.vue2.mjs +3 -0
- package/dist/es/ipes/src/ClassifiedRegulation/index.vue3.mjs +6 -0
- package/dist/es/ipes/src/EnterpriseProtectionCode/index.vue.mjs +87 -10
- package/dist/es/ipes/src/EventMonth/index.vue.mjs +15 -36
- package/dist/es/ipes/src/GroundwaterMonitor/index.vue.mjs +38 -38
- package/dist/es/ipes/src/HazardousWasteManagement/index.vue.mjs +4 -4
- package/dist/es/ipes/src/MajorRiskManagement/images/bg-light.png.mjs +3 -0
- package/dist/es/ipes/src/MajorRiskManagement/images/bg.png.mjs +3 -0
- package/dist/es/ipes/src/MajorRiskManagement/index.mjs +7 -0
- package/dist/es/ipes/src/MajorRiskManagement/index.vue.mjs +85 -0
- package/dist/es/ipes/src/MajorRiskManagement/index.vue2.mjs +3 -0
- package/dist/es/ipes/src/MajorRiskManagement/index.vue3.mjs +6 -0
- package/dist/es/ipes/src/OnlineMonitor/index.vue.mjs +23 -7
- package/dist/es/ipes/src/PerformanceWarrantyResponsibilities/index.vue.mjs +1 -1
- package/dist/es/ipes/src/PersonnelPassage/index.vue.mjs +10 -6
- package/dist/es/ipes/src/SensingEquipment/index.mjs +7 -0
- package/dist/es/ipes/src/SensingEquipment/index.vue.mjs +107 -0
- package/dist/es/ipes/src/SensingEquipment/index.vue2.mjs +3 -0
- package/dist/es/ipes/src/SensingEquipment/index.vue3.mjs +6 -0
- package/dist/es/ipes/src/StartStopMajorMaintenance/index.vue.mjs +1 -1
- package/dist/es/ipes/src/VehiclePassage/index.vue.mjs +10 -6
- package/dist/es/ipes/src/VehicleTrend/index.vue.mjs +40 -20
- package/dist/es/ipes/src/VideoEquipment/index.mjs +7 -0
- package/dist/es/ipes/src/VideoEquipment/index.vue.mjs +82 -0
- package/dist/es/ipes/src/VideoEquipment/index.vue2.mjs +3 -0
- package/dist/es/ipes/src/VideoEquipment/index.vue3.mjs +6 -0
- package/dist/es/ipes/src/VocsControl/index.vue.mjs +8 -6
- package/dist/es/ipes/src/WaterQualityStandard/index.vue.mjs +7 -12
- package/dist/es/ipes/src/common/RealTimeAir.vue.mjs +19 -23
- package/dist/es/ipes/src/index.mjs +4 -0
- package/dist/es/style.css +1 -1
- package/dist/lib/index.js +120 -112
- package/dist/lib/ipes/index.js +4 -4
- package/dist/lib/ipes/src/AirQualityManage/index.vue.js +1 -1
- package/dist/lib/ipes/src/AlarmManage/index.vue.js +1 -1
- package/dist/lib/ipes/src/AnnualEventStatistics/index.vue.js +6 -8
- package/dist/lib/ipes/src/BasicSecurityInfo/index.vue.js +1 -1
- package/dist/lib/ipes/src/ClassifiedRegulation/components/BarItem.vue.js +24 -0
- package/dist/lib/ipes/src/ClassifiedRegulation/components/BarItem.vue2.js +19 -0
- package/dist/lib/ipes/src/ClassifiedRegulation/components/BarItem.vue3.js +7 -0
- package/dist/lib/ipes/src/ClassifiedRegulation/index.js +12 -0
- package/dist/lib/ipes/src/ClassifiedRegulation/index.vue.js +88 -0
- package/dist/lib/ipes/src/ClassifiedRegulation/index.vue2.js +7 -0
- package/dist/lib/ipes/src/ClassifiedRegulation/index.vue3.js +10 -0
- package/dist/lib/ipes/src/EnterpriseProtectionCode/index.vue.js +86 -9
- package/dist/lib/ipes/src/EventMonth/index.vue.js +15 -36
- package/dist/lib/ipes/src/GroundwaterMonitor/index.vue.js +38 -38
- package/dist/lib/ipes/src/HazardousWasteManagement/index.vue.js +4 -4
- package/dist/lib/ipes/src/MajorRiskManagement/images/bg-light.png.js +7 -0
- package/dist/lib/ipes/src/MajorRiskManagement/images/bg.png.js +7 -0
- package/dist/lib/ipes/src/MajorRiskManagement/index.js +12 -0
- package/dist/lib/ipes/src/MajorRiskManagement/index.vue.js +89 -0
- package/dist/lib/ipes/src/MajorRiskManagement/index.vue2.js +7 -0
- package/dist/lib/ipes/src/MajorRiskManagement/index.vue3.js +10 -0
- package/dist/lib/ipes/src/OnlineMonitor/index.vue.js +23 -7
- package/dist/lib/ipes/src/PerformanceWarrantyResponsibilities/index.vue.js +1 -1
- package/dist/lib/ipes/src/PersonnelPassage/index.vue.js +9 -5
- package/dist/lib/ipes/src/SensingEquipment/index.js +12 -0
- package/dist/lib/ipes/src/SensingEquipment/index.vue.js +111 -0
- package/dist/lib/ipes/src/SensingEquipment/index.vue2.js +7 -0
- package/dist/lib/ipes/src/SensingEquipment/index.vue3.js +10 -0
- package/dist/lib/ipes/src/StartStopMajorMaintenance/index.vue.js +1 -1
- package/dist/lib/ipes/src/VehiclePassage/index.vue.js +9 -5
- package/dist/lib/ipes/src/VehicleTrend/index.vue.js +40 -20
- package/dist/lib/ipes/src/VideoEquipment/index.js +12 -0
- package/dist/lib/ipes/src/VideoEquipment/index.vue.js +86 -0
- package/dist/lib/ipes/src/VideoEquipment/index.vue2.js +7 -0
- package/dist/lib/ipes/src/VideoEquipment/index.vue3.js +10 -0
- package/dist/lib/ipes/src/VocsControl/index.vue.js +8 -6
- package/dist/lib/ipes/src/WaterQualityStandard/index.vue.js +7 -12
- package/dist/lib/ipes/src/common/RealTimeAir.vue.js +19 -23
- package/dist/lib/ipes/src/index.js +8 -0
- package/dist/lib/style.css +1 -1
- package/dist/style/style-ipes.css +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import __vite_glob_0_0 from './images/bg-light.png.mjs';
|
|
2
|
+
import __vite_glob_0_1 from './images/bg.png.mjs';
|
|
3
|
+
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, unref, toDisplayString } from 'vue';
|
|
4
|
+
import requestControl from '../../service/request.mjs';
|
|
5
|
+
import { useThemeHook } from '../../../utils.mjs';
|
|
6
|
+
|
|
7
|
+
const _hoisted_1 = { class: "dv-ipes-major-risk" };
|
|
8
|
+
const _hoisted_2 = { class: "risk-box" };
|
|
9
|
+
const _hoisted_3 = ["src"];
|
|
10
|
+
const _hoisted_4 = { class: "info" };
|
|
11
|
+
const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "label" }, " 未销警数量 ", -1);
|
|
12
|
+
const _hoisted_6 = { class: "value" };
|
|
13
|
+
const _hoisted_7 = { class: "number" };
|
|
14
|
+
const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "个", -1);
|
|
15
|
+
const _hoisted_9 = { class: "risk-box" };
|
|
16
|
+
const _hoisted_10 = ["src"];
|
|
17
|
+
const _hoisted_11 = { class: "info" };
|
|
18
|
+
const _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "label" }, " 年度预警数量 ", -1);
|
|
19
|
+
const _hoisted_13 = { class: "value" };
|
|
20
|
+
const _hoisted_14 = { class: "number" };
|
|
21
|
+
const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", { class: "unit" }, "个", -1);
|
|
22
|
+
const __default__ = {
|
|
23
|
+
name: "DvIpesMajorRiskManagement",
|
|
24
|
+
title: "重大风险管控"
|
|
25
|
+
};
|
|
26
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
27
|
+
...__default__,
|
|
28
|
+
setup(__props) {
|
|
29
|
+
const { isDark } = useThemeHook();
|
|
30
|
+
const info = ref({
|
|
31
|
+
notRecovery: 0,
|
|
32
|
+
yearCount: 0
|
|
33
|
+
});
|
|
34
|
+
const getImg = (isDark2) => {
|
|
35
|
+
return new URL((/* #__PURE__ */ Object.assign({"./images/bg-light.png": __vite_glob_0_0,"./images/bg.png": __vite_glob_0_1}))[`./images/bg${isDark2 ? "" : "-light"}.png`], self.location).href;
|
|
36
|
+
};
|
|
37
|
+
async function getInfoData() {
|
|
38
|
+
try {
|
|
39
|
+
const res = await requestControl({
|
|
40
|
+
method: "get",
|
|
41
|
+
url: "/ipes-srip-server/api/v3/gis/panel/hazard-control"
|
|
42
|
+
});
|
|
43
|
+
info.value = res?.data || {};
|
|
44
|
+
} catch (error) {
|
|
45
|
+
console.log(error);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
function getShowData(value) {
|
|
49
|
+
return value == null ? "0" : value;
|
|
50
|
+
}
|
|
51
|
+
onMounted(() => {
|
|
52
|
+
getInfoData();
|
|
53
|
+
});
|
|
54
|
+
return (_ctx, _cache) => {
|
|
55
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
56
|
+
createElementVNode("div", _hoisted_2, [
|
|
57
|
+
createElementVNode("img", {
|
|
58
|
+
src: getImg(unref(isDark))
|
|
59
|
+
}, null, 8, _hoisted_3),
|
|
60
|
+
createElementVNode("div", _hoisted_4, [
|
|
61
|
+
_hoisted_5,
|
|
62
|
+
createElementVNode("div", _hoisted_6, [
|
|
63
|
+
createElementVNode("span", _hoisted_7, toDisplayString(getShowData(info.value.notRecovery)), 1),
|
|
64
|
+
_hoisted_8
|
|
65
|
+
])
|
|
66
|
+
])
|
|
67
|
+
]),
|
|
68
|
+
createElementVNode("div", _hoisted_9, [
|
|
69
|
+
createElementVNode("img", {
|
|
70
|
+
src: getImg(unref(isDark))
|
|
71
|
+
}, null, 8, _hoisted_10),
|
|
72
|
+
createElementVNode("div", _hoisted_11, [
|
|
73
|
+
_hoisted_12,
|
|
74
|
+
createElementVNode("div", _hoisted_13, [
|
|
75
|
+
createElementVNode("span", _hoisted_14, toDisplayString(getShowData(info.value.yearCount)), 1),
|
|
76
|
+
_hoisted_15
|
|
77
|
+
])
|
|
78
|
+
])
|
|
79
|
+
])
|
|
80
|
+
]);
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
export { _sfc_main as default };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import __vite_glob_0_0 from './images/bg-light.png.mjs';
|
|
2
2
|
import __vite_glob_0_1 from './images/bg.png.mjs';
|
|
3
3
|
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, unref, toDisplayString } from 'vue';
|
|
4
|
+
import requestControl from '../../service/request.mjs';
|
|
4
5
|
import { useThemeHook } from '../../../utils.mjs';
|
|
5
6
|
|
|
6
7
|
const _hoisted_1 = { class: "dv-ipes-online-monitor" };
|
|
@@ -26,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26
27
|
setup(__props) {
|
|
27
28
|
const { isDark } = useThemeHook();
|
|
28
29
|
const info = ref({
|
|
29
|
-
|
|
30
|
+
total: 0,
|
|
30
31
|
percent: 0
|
|
31
32
|
});
|
|
32
33
|
const getImg = (isDark2) => {
|
|
@@ -34,11 +35,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
34
35
|
};
|
|
35
36
|
async function getInfoData() {
|
|
36
37
|
try {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
};
|
|
41
|
-
|
|
38
|
+
const res = await requestControl({
|
|
39
|
+
method: "get",
|
|
40
|
+
url: "/ipes-monitor-server/api/v2/datastatistics/all-run-status-statistics?monitorTypes=hazards"
|
|
41
|
+
});
|
|
42
|
+
const totalCollection = ["normal", "abnormal", "exceed", "offline"];
|
|
43
|
+
const onlineCollection = ["normal", "abnormal", "exceed"];
|
|
44
|
+
let total = 0;
|
|
45
|
+
let online = 0;
|
|
46
|
+
res?.data?.forEach((e) => {
|
|
47
|
+
if (totalCollection.includes(e.runStatusCode))
|
|
48
|
+
total += e.count;
|
|
49
|
+
if (onlineCollection.includes(e.runStatusCode))
|
|
50
|
+
online += e.count;
|
|
51
|
+
});
|
|
52
|
+
if (total !== void 0 && online !== void 0) {
|
|
53
|
+
info.value = {
|
|
54
|
+
total,
|
|
55
|
+
percent: total === 0 ? 0 : +(online / total * 100).toFixed(2)
|
|
56
|
+
};
|
|
57
|
+
}
|
|
42
58
|
} catch (error) {
|
|
43
59
|
console.log(error);
|
|
44
60
|
}
|
|
@@ -56,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
56
72
|
createElementVNode("div", _hoisted_5, [
|
|
57
73
|
_hoisted_6,
|
|
58
74
|
createElementVNode("div", _hoisted_7, [
|
|
59
|
-
createElementVNode("span", _hoisted_8, toDisplayString(info.value.
|
|
75
|
+
createElementVNode("span", _hoisted_8, toDisplayString(info.value.total), 1),
|
|
60
76
|
_hoisted_9
|
|
61
77
|
])
|
|
62
78
|
]),
|
|
@@ -4,7 +4,7 @@ import { useThemeHook } from '../../../utils.mjs';
|
|
|
4
4
|
import drakImg from './images/performance.png.mjs';
|
|
5
5
|
import lightImg from './images/performance-light.png.mjs';
|
|
6
6
|
|
|
7
|
-
const _hoisted_1 = { class: "dv-ipes-
|
|
7
|
+
const _hoisted_1 = { class: "dv-ipes-performance-warranty-responsibilities" };
|
|
8
8
|
const _hoisted_2 = { class: "base-info" };
|
|
9
9
|
const _hoisted_3 = { class: "flex flex-c flex-between" };
|
|
10
10
|
const _hoisted_4 = { class: "left flex" };
|
|
@@ -8,12 +8,15 @@ import __vite_glob_0_6 from './images/leave-light.png.mjs';
|
|
|
8
8
|
import __vite_glob_0_7 from './images/leave.png.mjs';
|
|
9
9
|
import __vite_glob_0_8 from './images/locator-light.png.mjs';
|
|
10
10
|
import __vite_glob_0_9 from './images/locator.png.mjs';
|
|
11
|
-
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass,
|
|
11
|
+
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, unref } from 'vue';
|
|
12
12
|
import requestControl from '../../service/request.mjs';
|
|
13
13
|
import { useThemeHook } from '../../../utils.mjs';
|
|
14
14
|
|
|
15
15
|
const _hoisted_1 = { class: "dv-ipes-personnel-passage" };
|
|
16
|
-
const _hoisted_2 = {
|
|
16
|
+
const _hoisted_2 = {
|
|
17
|
+
key: 0,
|
|
18
|
+
class: "list"
|
|
19
|
+
};
|
|
17
20
|
const _hoisted_3 = { class: "box enter" };
|
|
18
21
|
const _hoisted_4 = { class: "value" };
|
|
19
22
|
const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "name" }, " 今日入园 ", -1);
|
|
@@ -21,7 +24,7 @@ const _hoisted_6 = { class: "box leave" };
|
|
|
21
24
|
const _hoisted_7 = { class: "value" };
|
|
22
25
|
const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "name" }, " 今日出园 ", -1);
|
|
23
26
|
const _hoisted_9 = {
|
|
24
|
-
key:
|
|
27
|
+
key: 1,
|
|
25
28
|
class: "man-analysis"
|
|
26
29
|
};
|
|
27
30
|
const _hoisted_10 = { class: "personnel" };
|
|
@@ -32,7 +35,7 @@ const _hoisted_14 = { class: "data-box" };
|
|
|
32
35
|
const _hoisted_15 = { class: "title" };
|
|
33
36
|
const _hoisted_16 = { class: "value" };
|
|
34
37
|
const _hoisted_17 = {
|
|
35
|
-
key:
|
|
38
|
+
key: 2,
|
|
36
39
|
class: "bottom-panel"
|
|
37
40
|
};
|
|
38
41
|
const _hoisted_18 = { class: "locator" };
|
|
@@ -52,6 +55,7 @@ const __default__ = {
|
|
|
52
55
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
53
56
|
...__default__,
|
|
54
57
|
props: {
|
|
58
|
+
showParkStatistics: { type: Boolean, default: true },
|
|
55
59
|
showParkInData: { type: Boolean, default: true },
|
|
56
60
|
showAbnormalData: { type: Boolean, default: true }
|
|
57
61
|
},
|
|
@@ -106,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
106
110
|
});
|
|
107
111
|
return (_ctx, _cache) => {
|
|
108
112
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
109
|
-
|
|
113
|
+
props.showParkStatistics ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
110
114
|
createElementVNode("div", _hoisted_3, [
|
|
111
115
|
createElementVNode("div", _hoisted_4, toDisplayString(getShowData(countData.value.inParkPeopleNum)), 1),
|
|
112
116
|
_hoisted_5
|
|
@@ -115,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
115
119
|
createElementVNode("div", _hoisted_7, toDisplayString(getShowData(countData.value.outParkPeopleNum)), 1),
|
|
116
120
|
_hoisted_8
|
|
117
121
|
])
|
|
118
|
-
]),
|
|
122
|
+
])) : createCommentVNode("", true),
|
|
119
123
|
props.showParkInData ? (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
120
124
|
createElementVNode("div", _hoisted_10, [
|
|
121
125
|
_hoisted_11,
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeStyle } from 'vue';
|
|
2
|
+
import requestControl from '../../service/request.mjs';
|
|
3
|
+
import { useThemeHook } from '../../../utils.mjs';
|
|
4
|
+
|
|
5
|
+
const _hoisted_1 = { class: "dv-ipes-sensing-equipment" };
|
|
6
|
+
const _hoisted_2 = { class: "equipment-header" };
|
|
7
|
+
const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "equipment-title" }, " 传感设备 ", -1);
|
|
8
|
+
const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "equipment-count" }, "总数", -1);
|
|
9
|
+
const _hoisted_5 = { class: "equipment-value" };
|
|
10
|
+
const _hoisted_6 = { class: "equipment-content" };
|
|
11
|
+
const _hoisted_7 = { class: "flex flex-s" };
|
|
12
|
+
const _hoisted_8 = { class: "value" };
|
|
13
|
+
const __default__ = {
|
|
14
|
+
name: "DvIpesSensingEquipment",
|
|
15
|
+
title: "传感设备"
|
|
16
|
+
};
|
|
17
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
18
|
+
...__default__,
|
|
19
|
+
props: {
|
|
20
|
+
monitorTypes: { default: "" }
|
|
21
|
+
},
|
|
22
|
+
setup(__props) {
|
|
23
|
+
const props = __props;
|
|
24
|
+
useThemeHook();
|
|
25
|
+
const total = ref(0);
|
|
26
|
+
const countData = ref({
|
|
27
|
+
normal: 0,
|
|
28
|
+
// 正常
|
|
29
|
+
abnormal: 0,
|
|
30
|
+
// 异常
|
|
31
|
+
offline: 0,
|
|
32
|
+
// 离线
|
|
33
|
+
stop_using: 0,
|
|
34
|
+
// 停用
|
|
35
|
+
exceed: 0
|
|
36
|
+
// 超标
|
|
37
|
+
});
|
|
38
|
+
const Infos = ref([
|
|
39
|
+
{ title: "正常", key: "normal", color: "var(--dv-color-success)" },
|
|
40
|
+
{ title: "异常", key: "abnormal", color: "var(--abnormal)" },
|
|
41
|
+
{ title: "离线", key: "offline", color: "var(--offline)" },
|
|
42
|
+
{ title: "停用", key: "stop_using", color: "var(--dv-color-warning)" },
|
|
43
|
+
{ title: "超标", key: "exceed", color: "var(--dv-color-danger)" }
|
|
44
|
+
]);
|
|
45
|
+
async function getData() {
|
|
46
|
+
try {
|
|
47
|
+
const res = await requestControl({
|
|
48
|
+
method: "get",
|
|
49
|
+
url: "/ipes-monitor-server/api/v2/datastatistics/all-run-status-statistics",
|
|
50
|
+
params: props
|
|
51
|
+
});
|
|
52
|
+
const obj = {};
|
|
53
|
+
res?.data.forEach((e) => {
|
|
54
|
+
const key = e.runStatusCode;
|
|
55
|
+
obj[key] = e.count;
|
|
56
|
+
});
|
|
57
|
+
const { normal = 0, abnormal = 0, offline = 0, stop_using = 0, exceed = 0 } = obj;
|
|
58
|
+
total.value = normal + abnormal + offline + stop_using + exceed;
|
|
59
|
+
countData.value = {
|
|
60
|
+
normal,
|
|
61
|
+
abnormal,
|
|
62
|
+
offline,
|
|
63
|
+
stop_using,
|
|
64
|
+
exceed
|
|
65
|
+
};
|
|
66
|
+
} catch (error) {
|
|
67
|
+
console.log(error);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
function getShowData(value) {
|
|
71
|
+
return value == null ? "0" : value;
|
|
72
|
+
}
|
|
73
|
+
onMounted(() => {
|
|
74
|
+
getData();
|
|
75
|
+
});
|
|
76
|
+
return (_ctx, _cache) => {
|
|
77
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
78
|
+
createElementVNode("div", _hoisted_2, [
|
|
79
|
+
_hoisted_3,
|
|
80
|
+
createElementVNode("div", null, [
|
|
81
|
+
_hoisted_4,
|
|
82
|
+
createElementVNode("span", _hoisted_5, toDisplayString(getShowData(total.value)), 1)
|
|
83
|
+
])
|
|
84
|
+
]),
|
|
85
|
+
createElementVNode("div", _hoisted_6, [
|
|
86
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(Infos.value, (item) => {
|
|
87
|
+
return openBlock(), createElementBlock("div", {
|
|
88
|
+
key: item.key,
|
|
89
|
+
class: "item"
|
|
90
|
+
}, [
|
|
91
|
+
createElementVNode("div", _hoisted_7, [
|
|
92
|
+
createElementVNode("div", {
|
|
93
|
+
class: "dot",
|
|
94
|
+
style: normalizeStyle({ backgroundColor: item.color })
|
|
95
|
+
}, null, 4),
|
|
96
|
+
createElementVNode("div", null, toDisplayString(item.title), 1)
|
|
97
|
+
]),
|
|
98
|
+
createElementVNode("div", _hoisted_8, toDisplayString(getShowData(countData.value[item.key])), 1)
|
|
99
|
+
]);
|
|
100
|
+
}), 128))
|
|
101
|
+
])
|
|
102
|
+
]);
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
export { _sfc_main as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from 'vue';
|
|
2
2
|
|
|
3
|
-
const _hoisted_1 = { class: "dv-ipes-
|
|
3
|
+
const _hoisted_1 = { class: "dv-ipes-start-stop-major-maintenance" };
|
|
4
4
|
const _hoisted_2 = { class: "title" };
|
|
5
5
|
const _hoisted_3 = { class: "info-box-count" };
|
|
6
6
|
const _hoisted_4 = { class: "value" };
|
|
@@ -8,12 +8,15 @@ import __vite_glob_0_6 from './images/leave-light.png.mjs';
|
|
|
8
8
|
import __vite_glob_0_7 from './images/leave.png.mjs';
|
|
9
9
|
import __vite_glob_0_8 from './images/locator-light.png.mjs';
|
|
10
10
|
import __vite_glob_0_9 from './images/locator.png.mjs';
|
|
11
|
-
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass,
|
|
11
|
+
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, unref } from 'vue';
|
|
12
12
|
import requestControl from '../../service/request.mjs';
|
|
13
13
|
import { useThemeHook } from '../../../utils.mjs';
|
|
14
14
|
|
|
15
15
|
const _hoisted_1 = { class: "dv-ipes-vehicle-passage" };
|
|
16
|
-
const _hoisted_2 = {
|
|
16
|
+
const _hoisted_2 = {
|
|
17
|
+
key: 0,
|
|
18
|
+
class: "list"
|
|
19
|
+
};
|
|
17
20
|
const _hoisted_3 = { class: "box enter" };
|
|
18
21
|
const _hoisted_4 = { class: "value" };
|
|
19
22
|
const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "name" }, " 今日入园 ", -1);
|
|
@@ -21,7 +24,7 @@ const _hoisted_6 = { class: "box leave" };
|
|
|
21
24
|
const _hoisted_7 = { class: "value" };
|
|
22
25
|
const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "name" }, " 今日出园 ", -1);
|
|
23
26
|
const _hoisted_9 = {
|
|
24
|
-
key:
|
|
27
|
+
key: 1,
|
|
25
28
|
class: "man-analysis"
|
|
26
29
|
};
|
|
27
30
|
const _hoisted_10 = { class: "personnel" };
|
|
@@ -32,7 +35,7 @@ const _hoisted_14 = { class: "data-box" };
|
|
|
32
35
|
const _hoisted_15 = { class: "title" };
|
|
33
36
|
const _hoisted_16 = { class: "value" };
|
|
34
37
|
const _hoisted_17 = {
|
|
35
|
-
key:
|
|
38
|
+
key: 2,
|
|
36
39
|
class: "bottom-panel"
|
|
37
40
|
};
|
|
38
41
|
const _hoisted_18 = { class: "locator" };
|
|
@@ -52,6 +55,7 @@ const __default__ = {
|
|
|
52
55
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
53
56
|
...__default__,
|
|
54
57
|
props: {
|
|
58
|
+
showParkStatistics: { type: Boolean, default: true },
|
|
55
59
|
showParkInData: { type: Boolean, default: true },
|
|
56
60
|
showAbnormalData: { type: Boolean, default: true }
|
|
57
61
|
},
|
|
@@ -106,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
106
110
|
});
|
|
107
111
|
return (_ctx, _cache) => {
|
|
108
112
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
109
|
-
|
|
113
|
+
props.showParkStatistics ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
110
114
|
createElementVNode("div", _hoisted_3, [
|
|
111
115
|
createElementVNode("div", _hoisted_4, toDisplayString(getShowData(countData.value.carTodayIn)), 1),
|
|
112
116
|
_hoisted_5
|
|
@@ -115,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
115
119
|
createElementVNode("div", _hoisted_7, toDisplayString(getShowData(countData.value.carTodayOut)), 1),
|
|
116
120
|
_hoisted_8
|
|
117
121
|
])
|
|
118
|
-
]),
|
|
122
|
+
])) : createCommentVNode("", true),
|
|
119
123
|
props.showParkInData ? (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
120
124
|
createElementVNode("div", _hoisted_10, [
|
|
121
125
|
_hoisted_11,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, reactive, onMounted, openBlock, createElementBlock, createVNode, unref } from 'vue';
|
|
2
2
|
import dayjs from 'dayjs';
|
|
3
3
|
import { useCssVar } from '@vueuse/core';
|
|
4
|
+
import requestControl from '../../service/request.mjs';
|
|
4
5
|
import _sfc_main$1 from '../common/Echarts.vue.mjs';
|
|
5
6
|
import '../common/Echarts.vue2.mjs';
|
|
6
7
|
|
|
@@ -12,14 +13,20 @@ const __default__ = {
|
|
|
12
13
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
14
|
...__default__,
|
|
14
15
|
props: {
|
|
15
|
-
|
|
16
|
+
// 时间类型,day-日,返回每小时的统计数据,month-月,返回每天的统计数据,year-年,返回每月的统计数据
|
|
17
|
+
flowTimeType: {
|
|
16
18
|
type: String,
|
|
17
|
-
default: "
|
|
19
|
+
default: "month"
|
|
20
|
+
},
|
|
21
|
+
// 停车场id,指定停车场统计
|
|
22
|
+
parkId: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: ""
|
|
18
25
|
},
|
|
19
26
|
// 开始时间
|
|
20
27
|
beginTime: {
|
|
21
28
|
type: Number,
|
|
22
|
-
default: dayjs().
|
|
29
|
+
default: dayjs().subtract(30, "d").valueOf()
|
|
23
30
|
},
|
|
24
31
|
// 结束时间
|
|
25
32
|
endTime: {
|
|
@@ -33,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
33
40
|
}
|
|
34
41
|
},
|
|
35
42
|
setup(__props) {
|
|
43
|
+
const props = __props;
|
|
36
44
|
ref({
|
|
37
45
|
value: 0,
|
|
38
46
|
main: ""
|
|
@@ -121,31 +129,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
121
129
|
]
|
|
122
130
|
}
|
|
123
131
|
});
|
|
124
|
-
|
|
125
|
-
async function getCommitmentData() {
|
|
132
|
+
async function getData() {
|
|
126
133
|
try {
|
|
127
|
-
const
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
134
|
+
const { flowTimeType, parkId, beginTime, endTime } = props;
|
|
135
|
+
const res = await requestControl({
|
|
136
|
+
method: "get",
|
|
137
|
+
url: "/ipes-pcip-server/api/v2/gis/flow-car/trend",
|
|
138
|
+
params: {
|
|
139
|
+
flowTimeType,
|
|
140
|
+
parkId,
|
|
141
|
+
beginTime,
|
|
142
|
+
endTime
|
|
143
|
+
}
|
|
144
|
+
});
|
|
145
|
+
const data = res?.data?.map((item) => {
|
|
146
|
+
return {
|
|
147
|
+
time: dayjs(item.time).format("MM-DD"),
|
|
148
|
+
inNum: item.inNum,
|
|
149
|
+
outNum: item.outNum
|
|
150
|
+
};
|
|
151
|
+
});
|
|
152
|
+
setOptions(data);
|
|
137
153
|
} catch (error) {
|
|
138
154
|
console.log(error);
|
|
139
155
|
}
|
|
140
156
|
}
|
|
141
157
|
function setOptions(data) {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
158
|
+
const inMaxData = data.map((ele) => ele.inNum);
|
|
159
|
+
const outMaxData = data.map((ele) => ele.outNum);
|
|
160
|
+
const maxValue = Math.max(...inMaxData, ...outMaxData);
|
|
161
|
+
const maxLenth = isNaN(maxValue) ? 0 : maxValue.toString().length;
|
|
162
|
+
chartOption.options.xAxis.data = data.map((ele) => ele.time);
|
|
163
|
+
chartOption.options.series[0].data = inMaxData;
|
|
164
|
+
chartOption.options.series[1].data = outMaxData;
|
|
165
|
+
chartOption.options.grid.left = maxLenth < 4 ? "40px" : `${maxLenth * 12}px`;
|
|
146
166
|
}
|
|
147
167
|
onMounted(() => {
|
|
148
|
-
|
|
168
|
+
getData();
|
|
149
169
|
});
|
|
150
170
|
return (_ctx, _cache) => {
|
|
151
171
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString } from 'vue';
|
|
2
|
+
import requestControl from '../../service/request.mjs';
|
|
3
|
+
|
|
4
|
+
const _hoisted_1 = { class: "dv-ipes-video-equipment" };
|
|
5
|
+
const _hoisted_2 = { class: "video-header" };
|
|
6
|
+
const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "video-title" }, " 视频设备 ", -1);
|
|
7
|
+
const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "video-label" }, "总数", -1);
|
|
8
|
+
const _hoisted_5 = { class: "video-value" };
|
|
9
|
+
const _hoisted_6 = { class: "video-box" };
|
|
10
|
+
const _hoisted_7 = { class: "item" };
|
|
11
|
+
const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "label flex flex-s" }, [
|
|
12
|
+
/* @__PURE__ */ createElementVNode("div", { class: "dot online" }),
|
|
13
|
+
/* @__PURE__ */ createElementVNode("div", { class: "name" }, " 在线 ")
|
|
14
|
+
], -1);
|
|
15
|
+
const _hoisted_9 = { class: "number" };
|
|
16
|
+
const _hoisted_10 = { class: "item" };
|
|
17
|
+
const _hoisted_11 = /* @__PURE__ */ createElementVNode("div", { class: "label flex flex-s" }, [
|
|
18
|
+
/* @__PURE__ */ createElementVNode("div", { class: "dot offline" }),
|
|
19
|
+
/* @__PURE__ */ createElementVNode("div", { class: "name" }, " 离线 ")
|
|
20
|
+
], -1);
|
|
21
|
+
const _hoisted_12 = { class: "number" };
|
|
22
|
+
const __default__ = {
|
|
23
|
+
name: "DvIpesVideoEquipment",
|
|
24
|
+
title: "视频设备"
|
|
25
|
+
};
|
|
26
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
27
|
+
...__default__,
|
|
28
|
+
props: {
|
|
29
|
+
siteCodeList: { default: () => [] },
|
|
30
|
+
isAccessPermission: { type: Boolean, default: false }
|
|
31
|
+
},
|
|
32
|
+
setup(__props) {
|
|
33
|
+
const props = __props;
|
|
34
|
+
const info = ref({
|
|
35
|
+
onlineNum: 0,
|
|
36
|
+
offlineNum: 0,
|
|
37
|
+
totalNum: 0
|
|
38
|
+
});
|
|
39
|
+
async function getInfoData() {
|
|
40
|
+
try {
|
|
41
|
+
const res = await requestControl({
|
|
42
|
+
method: "post",
|
|
43
|
+
url: "/bmp-video-control-server/api/v1/statistics/getOnlineResult",
|
|
44
|
+
data: props
|
|
45
|
+
});
|
|
46
|
+
info.value = res?.data || {};
|
|
47
|
+
console.log(info);
|
|
48
|
+
} catch (error) {
|
|
49
|
+
console.log(error);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
function getShowData(value) {
|
|
53
|
+
return value == null ? "0" : value;
|
|
54
|
+
}
|
|
55
|
+
onMounted(() => {
|
|
56
|
+
getInfoData();
|
|
57
|
+
});
|
|
58
|
+
return (_ctx, _cache) => {
|
|
59
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
60
|
+
createElementVNode("div", _hoisted_2, [
|
|
61
|
+
_hoisted_3,
|
|
62
|
+
createElementVNode("div", null, [
|
|
63
|
+
_hoisted_4,
|
|
64
|
+
createElementVNode("span", _hoisted_5, toDisplayString(getShowData(info.value.totalNum)), 1)
|
|
65
|
+
])
|
|
66
|
+
]),
|
|
67
|
+
createElementVNode("div", _hoisted_6, [
|
|
68
|
+
createElementVNode("div", _hoisted_7, [
|
|
69
|
+
_hoisted_8,
|
|
70
|
+
createElementVNode("span", _hoisted_9, toDisplayString(getShowData(info.value.onlineNum)), 1)
|
|
71
|
+
]),
|
|
72
|
+
createElementVNode("div", _hoisted_10, [
|
|
73
|
+
_hoisted_11,
|
|
74
|
+
createElementVNode("span", _hoisted_12, toDisplayString(getShowData(info.value.offlineNum)), 1)
|
|
75
|
+
])
|
|
76
|
+
])
|
|
77
|
+
]);
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
|
|
82
|
+
export { _sfc_main as default };
|