@ued_fpi/data-visual 1.2.28 → 1.2.30
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/ipes/src/AnnualEventStatistics/index.vue.mjs +3 -3
- package/dist/es/ipes/src/BasicSecurityManagement/index.vue.mjs +1 -1
- package/dist/es/ipes/src/EmengercyPlan/index.vue.mjs +1 -1
- package/dist/es/ipes/src/EmergencyWatch/index.vue.mjs +13 -26
- package/dist/es/ipes/src/EventTracking/index.vue.mjs +2 -0
- package/dist/es/ipes/src/GasControl/index.vue.mjs +1 -1
- package/dist/es/ipes/src/GroundwaterMonitor/index.vue.mjs +46 -31
- package/dist/es/ipes/src/HazardousWasteManagement/index.vue.mjs +19 -4
- package/dist/es/ipes/src/HomeworkVolumeTrend/index.vue.mjs +6 -2
- package/dist/es/ipes/src/Level3AirDefense/components/PercentageItem.vue.mjs +3 -3
- package/dist/es/ipes/src/PerformanceWarrantyResponsibilities/images/performance-light.png.mjs +1 -1
- package/dist/es/ipes/src/PerformanceWarrantyResponsibilities/images/performance.png.mjs +1 -1
- package/dist/es/ipes/src/PerformanceWarrantyResponsibilities/index.vue.mjs +33 -39
- package/dist/es/ipes/src/RiskClassification/index.vue.mjs +3 -5
- package/dist/es/ipes/src/VehicleTrend/index.vue.mjs +1 -1
- package/dist/es/ipes/src/WasteGas/index.vue.mjs +3 -11
- package/dist/es/ipes/src/WasteWater/index.vue.mjs +3 -11
- package/dist/es/ipes/src/WastewaterTargetRate/index.vue.mjs +22 -4
- package/dist/es/ipes/src/WaterQualityStandard/index.vue.mjs +13 -11
- package/dist/es/style.css +1 -1
- package/dist/es/wgms/src/ChangeAlongRiver/index.vue.mjs +6 -3
- package/dist/es/wgms/src/DistributionOfWaterQualityLevels/index.vue.mjs +3 -3
- package/dist/es/wgms/src/DrinkingWaterComplianceRate/index.vue.mjs +5 -6
- package/dist/es/wgms/src/RegionalQualityAnalysis/index.vue.mjs +24 -13
- package/dist/es/wgms/src/UpstreamImpact/index.vue.mjs +7 -4
- package/dist/es/wgms/src/WaterQualityRainfall/index.vue.mjs +10 -8
- package/dist/es/wgms/src/WaterQualitySituation/index.vue.mjs +29 -22
- package/dist/es/wgms/src/WaterQualityStatesAnalysis/index.vue.mjs +11 -6
- package/dist/es/wgms/src/common/popup-table.vue.mjs +1 -1
- package/dist/es/wgms/utils/echarts/echartsOptions.mjs +2 -2
- package/dist/es/wgms/utils/tools.mjs +7 -1
- package/dist/lib/ipes/src/AnnualEventStatistics/index.vue.js +3 -3
- package/dist/lib/ipes/src/BasicSecurityManagement/index.vue.js +1 -1
- package/dist/lib/ipes/src/EmengercyPlan/index.vue.js +1 -1
- package/dist/lib/ipes/src/EmergencyWatch/index.vue.js +12 -25
- package/dist/lib/ipes/src/EventTracking/index.vue.js +2 -0
- package/dist/lib/ipes/src/GasControl/index.vue.js +1 -1
- package/dist/lib/ipes/src/GroundwaterMonitor/index.vue.js +45 -30
- package/dist/lib/ipes/src/HazardousWasteManagement/index.vue.js +18 -3
- package/dist/lib/ipes/src/HomeworkVolumeTrend/index.vue.js +6 -2
- package/dist/lib/ipes/src/Level3AirDefense/components/PercentageItem.vue.js +3 -3
- package/dist/lib/ipes/src/PerformanceWarrantyResponsibilities/images/performance-light.png.js +1 -1
- package/dist/lib/ipes/src/PerformanceWarrantyResponsibilities/images/performance.png.js +1 -1
- package/dist/lib/ipes/src/PerformanceWarrantyResponsibilities/index.vue.js +33 -39
- package/dist/lib/ipes/src/RiskClassification/index.vue.js +3 -5
- package/dist/lib/ipes/src/VehicleTrend/index.vue.js +1 -1
- package/dist/lib/ipes/src/WasteGas/index.vue.js +2 -10
- package/dist/lib/ipes/src/WasteWater/index.vue.js +2 -10
- package/dist/lib/ipes/src/WastewaterTargetRate/index.vue.js +21 -3
- package/dist/lib/ipes/src/WaterQualityStandard/index.vue.js +12 -10
- package/dist/lib/style.css +1 -1
- package/dist/lib/wgms/src/ChangeAlongRiver/index.vue.js +6 -3
- package/dist/lib/wgms/src/DistributionOfWaterQualityLevels/index.vue.js +3 -3
- package/dist/lib/wgms/src/DrinkingWaterComplianceRate/index.vue.js +5 -6
- package/dist/lib/wgms/src/RegionalQualityAnalysis/index.vue.js +23 -12
- package/dist/lib/wgms/src/UpstreamImpact/index.vue.js +7 -4
- package/dist/lib/wgms/src/WaterQualityRainfall/index.vue.js +9 -7
- package/dist/lib/wgms/src/WaterQualitySituation/index.vue.js +29 -22
- package/dist/lib/wgms/src/WaterQualityStatesAnalysis/index.vue.js +11 -6
- package/dist/lib/wgms/src/common/popup-table.vue.js +1 -1
- package/dist/lib/wgms/utils/echarts/echartsOptions.js +2 -2
- package/dist/lib/wgms/utils/tools.js +7 -0
- package/dist/style/style-ipes.css +1 -1
- package/package.json +2 -2
- package/dist/es/ipes/src/EmergencyWatch/images/empty.png.mjs +0 -3
- package/dist/lib/ipes/src/EmergencyWatch/images/empty.png.js +0 -7
|
@@ -2,6 +2,7 @@ import { defineComponent, reactive, ref, onMounted, watch, toRefs, openBlock, cr
|
|
|
2
2
|
import dayjs from 'dayjs';
|
|
3
3
|
import 'echarts/lib/component/markLine';
|
|
4
4
|
import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
|
|
5
|
+
import { countDecimalPlaces } from '../../utils/tools.mjs';
|
|
5
6
|
import { surfaceWaterStandard, pathAnalysis, waterSurfaceListAll } from './api/index.mjs';
|
|
6
7
|
|
|
7
8
|
const _hoisted_1 = { class: "dv-wgms-change-along-river" };
|
|
@@ -232,11 +233,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
232
233
|
};
|
|
233
234
|
if (props.params?.factorCode === "w01001") {
|
|
234
235
|
if (state.factorLimitValue && state.factorLimitValue.upValue) {
|
|
236
|
+
const num = countDecimalPlaces(state.factorLimitValue.upValue);
|
|
235
237
|
option2.series[0].markLine = {
|
|
236
238
|
symbol: "none",
|
|
237
239
|
data: [
|
|
238
240
|
{
|
|
239
|
-
yAxis: state.factorLimitValue.upValue,
|
|
241
|
+
yAxis: Number(state.factorLimitValue.upValue).toFixed(num),
|
|
240
242
|
show: true,
|
|
241
243
|
name: "水质超标上限",
|
|
242
244
|
label: {
|
|
@@ -257,7 +259,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
257
259
|
}
|
|
258
260
|
},
|
|
259
261
|
{
|
|
260
|
-
yAxis: state.factorLimitValue.downValue == null ? "" : state.factorLimitValue.downValue,
|
|
262
|
+
yAxis: state.factorLimitValue.downValue == null ? "" : Number(state.factorLimitValue.downValue).toFixed(num),
|
|
261
263
|
show: true,
|
|
262
264
|
name: "水质超标下限",
|
|
263
265
|
label: {
|
|
@@ -286,11 +288,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
286
288
|
}
|
|
287
289
|
} else {
|
|
288
290
|
if (state.factorLimitValue.value != null) {
|
|
291
|
+
const num = countDecimalPlaces(state.factorLimitValue.value);
|
|
289
292
|
option2.series[0].markLine = {
|
|
290
293
|
symbol: "none",
|
|
291
294
|
data: [
|
|
292
295
|
{
|
|
293
|
-
yAxis: state.factorLimitValue.value,
|
|
296
|
+
yAxis: Number(state.factorLimitValue.value).toFixed(num),
|
|
294
297
|
show: true,
|
|
295
298
|
name: "水质超标线",
|
|
296
299
|
label: {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, normalizeClass, toDisplayString, normalizeStyle, createBlock, createCommentVNode } from 'vue';
|
|
2
|
-
import dayjs from 'dayjs';
|
|
3
2
|
import _sfc_main$1 from '../common/common-arrow.vue.mjs';
|
|
4
3
|
import '../common/common-arrow.vue2.mjs';
|
|
5
4
|
import { useThemeHook } from '../../../utils.mjs';
|
|
@@ -22,8 +21,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
22
21
|
default: () => {
|
|
23
22
|
return {
|
|
24
23
|
treeId: 3301,
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
timeType: "year",
|
|
25
|
+
startTime: 16725024e5,
|
|
26
|
+
endTime: 17040384e5
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
29
|
},
|
|
@@ -5,7 +5,6 @@ import * as iconLight1 from './images/icon-light-1.svg.mjs';
|
|
|
5
5
|
import * as iconLight2 from './images/icon-light-2.svg.mjs';
|
|
6
6
|
import * as iconLight3 from './images/icon-light-3.svg.mjs';
|
|
7
7
|
import { defineComponent, onMounted, watch, ref, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeStyle, toDisplayString, unref } from 'vue';
|
|
8
|
-
import dayjs from 'dayjs';
|
|
9
8
|
import { useThemeHook } from '../../../utils.mjs';
|
|
10
9
|
import { getDrinkWaterData } from './api/index.mjs';
|
|
11
10
|
|
|
@@ -20,8 +19,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20
19
|
props: {
|
|
21
20
|
params: { default: () => {
|
|
22
21
|
return {
|
|
23
|
-
startTime: dayjs().startOf(
|
|
24
|
-
endTime: dayjs().endOf(
|
|
22
|
+
// startTime: dayjs().startOf('year').valueOf(),
|
|
23
|
+
// endTime: dayjs().endOf('year').valueOf(),
|
|
24
|
+
timeStr: "2023",
|
|
25
25
|
timeType: "hour",
|
|
26
26
|
factor: "8",
|
|
27
27
|
factorFlag: false,
|
|
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
32
32
|
} },
|
|
33
33
|
titleStyle: { default: () => {
|
|
34
34
|
return {
|
|
35
|
-
color: "
|
|
35
|
+
color: "var(--dv-color-text-primary)"
|
|
36
36
|
};
|
|
37
37
|
} },
|
|
38
38
|
isLazy: { type: Boolean, default: false }
|
|
@@ -88,8 +88,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
88
88
|
]),
|
|
89
89
|
createElementVNode("div", _hoisted_5, toDisplayString(i.label), 1),
|
|
90
90
|
createElementVNode("div", _hoisted_6, [
|
|
91
|
-
createElementVNode("span", null, toDisplayString(item[i.props]), 1)
|
|
92
|
-
createElementVNode("span", null, toDisplayString(i.unit), 1)
|
|
91
|
+
createElementVNode("span", null, toDisplayString(item[i.props] === null ? "--" : item[i.props] + i.unit), 1)
|
|
93
92
|
])
|
|
94
93
|
]);
|
|
95
94
|
}), 64))
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, watch, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, toDisplayString, createCommentVNode } from 'vue';
|
|
1
|
+
import { defineComponent, ref, watch, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, normalizeClass, toDisplayString, Fragment, createCommentVNode } from 'vue';
|
|
2
2
|
import _imports_0 from './images/-1.svg.mjs';
|
|
3
3
|
import _imports_1 from './images/1.svg.mjs';
|
|
4
4
|
import _imports_2 from './images/0.svg.mjs';
|
|
@@ -25,11 +25,20 @@ const _hoisted_4 = {
|
|
|
25
25
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
26
26
|
__name: "index",
|
|
27
27
|
props: {
|
|
28
|
-
treeId: {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
28
|
+
treeId: {},
|
|
29
|
+
timeType: {},
|
|
30
|
+
startTime: {},
|
|
31
|
+
endTime: {},
|
|
32
|
+
data: { default: null },
|
|
33
|
+
isLazy: { type: Boolean, default: false },
|
|
34
|
+
params: { default: () => {
|
|
35
|
+
return {
|
|
36
|
+
treeId: "3301",
|
|
37
|
+
timeType: "year",
|
|
38
|
+
startTime: 16725024e5,
|
|
39
|
+
endTime: 17040384e5
|
|
40
|
+
};
|
|
41
|
+
} }
|
|
33
42
|
},
|
|
34
43
|
setup(__props, { expose: __expose }) {
|
|
35
44
|
const props = __props;
|
|
@@ -48,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
48
57
|
const tableData = ref([]);
|
|
49
58
|
const getData = async () => {
|
|
50
59
|
const params = {
|
|
51
|
-
...props
|
|
60
|
+
...props.params
|
|
52
61
|
};
|
|
53
62
|
const { data } = await synthesisIndex(params);
|
|
54
63
|
tableData.value = (data || []).map((item, index) => {
|
|
@@ -60,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
60
69
|
};
|
|
61
70
|
});
|
|
62
71
|
};
|
|
63
|
-
watch([() => props.data, () => props.
|
|
72
|
+
watch([() => props.data, () => props.params, () => props.isLazy], () => {
|
|
64
73
|
if (props.isLazy)
|
|
65
74
|
return;
|
|
66
75
|
if (props.data) {
|
|
@@ -83,11 +92,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
83
92
|
changePercent: withCtx((scope) => [
|
|
84
93
|
createElementVNode("span", {
|
|
85
94
|
style: { "margin-right": "4px" },
|
|
86
|
-
class: normalizeClass(classObj[scope.row.type])
|
|
87
|
-
}, toDisplayString(scope.row.changePercent), 3),
|
|
88
|
-
scope.row.
|
|
89
|
-
|
|
90
|
-
|
|
95
|
+
class: normalizeClass(scope.row.changePercent !== null ? classObj[scope.row.type] : "")
|
|
96
|
+
}, toDisplayString(scope.row.changePercent === null ? "--" : scope.row.changePercent), 3),
|
|
97
|
+
scope.row.changePercent !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
98
|
+
scope.row.type === "-1" ? (openBlock(), createElementBlock("img", _hoisted_2)) : createCommentVNode("", true),
|
|
99
|
+
scope.row.type === "1" ? (openBlock(), createElementBlock("img", _hoisted_3)) : createCommentVNode("", true),
|
|
100
|
+
scope.row.type === "0" ? (openBlock(), createElementBlock("img", _hoisted_4)) : createCommentVNode("", true)
|
|
101
|
+
], 64)) : createCommentVNode("", true)
|
|
91
102
|
]),
|
|
92
103
|
_: 1
|
|
93
104
|
}, 8, ["data"])
|
|
@@ -2,6 +2,7 @@ import { defineComponent, reactive, ref, onMounted, watch, toRefs, openBlock, cr
|
|
|
2
2
|
import dayjs from 'dayjs';
|
|
3
3
|
import 'echarts/lib/component/markLine';
|
|
4
4
|
import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
|
|
5
|
+
import { countDecimalPlaces } from '../../utils/tools.mjs';
|
|
5
6
|
import { surfaceWaterStandard, pathAnalysis, waterSurfaceListAll } from './api/index.mjs';
|
|
6
7
|
|
|
7
8
|
const _hoisted_1 = { class: "dv-wgms-upstream-impact" };
|
|
@@ -94,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
94
95
|
rain: [],
|
|
95
96
|
factorValue: resData.map((item) => item.value)
|
|
96
97
|
};
|
|
97
|
-
const dass = waterQualityData.
|
|
98
|
+
const dass = waterQualityData.factorValue.map((item, index) => {
|
|
98
99
|
return {
|
|
99
100
|
value: item || item === 0 ? item : null
|
|
100
101
|
};
|
|
@@ -216,11 +217,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
216
217
|
};
|
|
217
218
|
if (props.params?.factorCode === "w01001") {
|
|
218
219
|
if (state.factorLimitValue && state.factorLimitValue.upValue) {
|
|
220
|
+
const num = countDecimalPlaces(state.factorLimitValue.upValue);
|
|
219
221
|
option2.series[0].markLine = {
|
|
220
222
|
symbol: "none",
|
|
221
223
|
data: [
|
|
222
224
|
{
|
|
223
|
-
yAxis: state.factorLimitValue.upValue,
|
|
225
|
+
yAxis: Number(state.factorLimitValue.upValue).toFixed(num),
|
|
224
226
|
show: true,
|
|
225
227
|
lineStyle: {
|
|
226
228
|
type: "solid",
|
|
@@ -228,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
228
230
|
}
|
|
229
231
|
},
|
|
230
232
|
{
|
|
231
|
-
yAxis: state.factorLimitValue.downValue == null ? "" : state.factorLimitValue.downValue,
|
|
233
|
+
yAxis: state.factorLimitValue.downValue == null ? "" : Number(state.factorLimitValue.downValue).toFixed(num),
|
|
232
234
|
show: true,
|
|
233
235
|
lineStyle: {
|
|
234
236
|
type: "solid",
|
|
@@ -244,11 +246,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
244
246
|
}
|
|
245
247
|
} else {
|
|
246
248
|
if (state.factorLimitValue.value != null) {
|
|
249
|
+
const num = countDecimalPlaces(state.factorLimitValue.value);
|
|
247
250
|
option2.series[0].markLine = {
|
|
248
251
|
symbol: "none",
|
|
249
252
|
data: [
|
|
250
253
|
{
|
|
251
|
-
yAxis: state.factorLimitValue.value,
|
|
254
|
+
yAxis: Number(state.factorLimitValue.value).toFixed(num),
|
|
252
255
|
show: true,
|
|
253
256
|
lineStyle: {
|
|
254
257
|
type: "solid",
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, reactive, onMounted, watch, toRefs, openBlock, cr
|
|
|
2
2
|
import dayjs from 'dayjs';
|
|
3
3
|
import 'echarts/lib/component/markLine';
|
|
4
4
|
import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
|
|
5
|
-
import { getDateEndTime } from '../../utils/tools.mjs';
|
|
5
|
+
import { getDateEndTime, countDecimalPlaces } from '../../utils/tools.mjs';
|
|
6
6
|
import { surfaceWaterStandard, rainHydrologyAnalyse, waterSurfaceListAll, waterQuality } from './api/index.mjs';
|
|
7
7
|
|
|
8
8
|
const _hoisted_1 = { class: "dv-wgms-water-quality-rainfall" };
|
|
@@ -144,12 +144,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
144
144
|
let str = `<div>${params[0].axisValue}</div>`;
|
|
145
145
|
params.forEach((item, index) => {
|
|
146
146
|
let unit2 = "";
|
|
147
|
-
if (
|
|
147
|
+
if (item.seriesName === "降雨量")
|
|
148
148
|
unit2 = "mm/h";
|
|
149
|
-
else if (
|
|
150
|
-
unit2 = props?.params?.factorUnit || "";
|
|
151
|
-
else
|
|
149
|
+
else if (item.seriesName === "水位")
|
|
152
150
|
unit2 = "m";
|
|
151
|
+
else
|
|
152
|
+
unit2 = props?.params?.factorUnit || "";
|
|
153
153
|
str += `<div>${item.marker}${item.seriesName}:${item.value ? item.value : "--"}${unit2}</div>`;
|
|
154
154
|
});
|
|
155
155
|
return str;
|
|
@@ -397,11 +397,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
397
397
|
};
|
|
398
398
|
if (props.params?.factorCode === "w01001") {
|
|
399
399
|
if (state.factorLimitValue && state.factorLimitValue.upValue) {
|
|
400
|
+
const num = countDecimalPlaces(state.factorLimitValue.upValue);
|
|
400
401
|
option2.series[1].markLine = {
|
|
401
402
|
symbol: "none",
|
|
402
403
|
data: [
|
|
403
404
|
{
|
|
404
|
-
yAxis: state.factorLimitValue.upValue,
|
|
405
|
+
yAxis: Number(state.factorLimitValue.upValue).toFixed(num),
|
|
405
406
|
show: true,
|
|
406
407
|
lineStyle: {
|
|
407
408
|
type: "solid",
|
|
@@ -409,7 +410,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
409
410
|
}
|
|
410
411
|
},
|
|
411
412
|
{
|
|
412
|
-
yAxis: state.factorLimitValue.downValue == null ? "" : state.factorLimitValue.downValue,
|
|
413
|
+
yAxis: state.factorLimitValue.downValue == null ? "" : Number(state.factorLimitValue.downValue).toFixed(num),
|
|
413
414
|
show: true,
|
|
414
415
|
lineStyle: {
|
|
415
416
|
type: "solid",
|
|
@@ -425,11 +426,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
425
426
|
}
|
|
426
427
|
} else {
|
|
427
428
|
if (state.factorLimitValue.value != null) {
|
|
429
|
+
const num = countDecimalPlaces(state.factorLimitValue.value);
|
|
428
430
|
option2.series[1].markLine = {
|
|
429
431
|
symbol: "none",
|
|
430
432
|
data: [
|
|
431
433
|
{
|
|
432
|
-
yAxis: state.factorLimitValue.value,
|
|
434
|
+
yAxis: Number(state.factorLimitValue.value).toFixed(num),
|
|
433
435
|
show: true,
|
|
434
436
|
lineStyle: {
|
|
435
437
|
type: "solid",
|
|
@@ -32,11 +32,16 @@ const _hoisted_20 = ["src"];
|
|
|
32
32
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
33
33
|
__name: "index",
|
|
34
34
|
props: {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
35
|
+
data: { default: null },
|
|
36
|
+
isLazy: { type: Boolean, default: false },
|
|
37
|
+
params: { default: () => {
|
|
38
|
+
return {
|
|
39
|
+
treeId: "3301",
|
|
40
|
+
timeType: "day",
|
|
41
|
+
startTime: 16725024e5,
|
|
42
|
+
endTime: 17040384e5
|
|
43
|
+
};
|
|
44
|
+
} }
|
|
40
45
|
},
|
|
41
46
|
setup(__props, { expose: __expose }) {
|
|
42
47
|
const props = __props;
|
|
@@ -63,12 +68,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
63
68
|
});
|
|
64
69
|
const getData = async () => {
|
|
65
70
|
const params = {
|
|
66
|
-
...props
|
|
71
|
+
...props.params
|
|
67
72
|
};
|
|
68
73
|
const { data } = await waterQualityStatus(params);
|
|
69
74
|
list.value = data || [];
|
|
70
75
|
};
|
|
71
|
-
watch([() => props.data, () => props.
|
|
76
|
+
watch([() => props.data, () => props.params, () => props.isLazy], () => {
|
|
72
77
|
if (props.isLazy)
|
|
73
78
|
return;
|
|
74
79
|
if (props.data) {
|
|
@@ -76,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
76
81
|
return;
|
|
77
82
|
}
|
|
78
83
|
getData();
|
|
79
|
-
}, { immediate: true });
|
|
84
|
+
}, { immediate: true, deep: true });
|
|
80
85
|
__expose({
|
|
81
86
|
reload: getData
|
|
82
87
|
});
|
|
@@ -94,33 +99,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
94
99
|
createElementVNode("div", _hoisted_6, [
|
|
95
100
|
createElementVNode("div", _hoisted_7, [
|
|
96
101
|
_hoisted_8,
|
|
97
|
-
createElementVNode("span", _hoisted_9, toDisplayString(item.excellentPercent
|
|
102
|
+
createElementVNode("span", _hoisted_9, toDisplayString(item.excellentPercent === null ? "--" : `${item.excellentPercent}%`), 1)
|
|
98
103
|
]),
|
|
99
104
|
createElementVNode("div", _hoisted_10, [
|
|
100
105
|
createVNode(_sfc_main$1, {
|
|
101
|
-
percentage: item.excellentPercent
|
|
106
|
+
percentage: item.excellentPercent || 0
|
|
102
107
|
}, null, 8, ["percentage"])
|
|
103
108
|
]),
|
|
104
109
|
createElementVNode("div", _hoisted_11, [
|
|
105
110
|
createElementVNode("div", null, [
|
|
106
111
|
_hoisted_12,
|
|
107
|
-
createElementVNode("span", _hoisted_13, toDisplayString(item.targetPercent
|
|
112
|
+
createElementVNode("span", _hoisted_13, toDisplayString(item.targetPercent === null ? "--" : `${item.targetPercent}%`), 1)
|
|
108
113
|
]),
|
|
109
114
|
createElementVNode("div", null, [
|
|
110
115
|
_hoisted_14,
|
|
111
116
|
createElementVNode("span", {
|
|
112
117
|
class: "dv-mr-4 dv-number1 up-num",
|
|
113
|
-
style: normalizeStyle({ color: unref(getCompare)(item.yoyPercent).color })
|
|
114
|
-
}, toDisplayString(item.yoyPercent
|
|
118
|
+
style: normalizeStyle({ color: item.yoyPercent === null ? "" : unref(getCompare)(item.yoyPercent).color })
|
|
119
|
+
}, toDisplayString(item.yoyPercent === null ? "--" : `${item.yoyPercent}%`), 5),
|
|
115
120
|
createElementVNode("span", {
|
|
116
121
|
class: "dv-mr-6 up-num",
|
|
117
|
-
style: normalizeStyle({ color: unref(getCompare)(item.yoyPercent).color })
|
|
118
|
-
}, toDisplayString(unref(getCompare)(item.yoyPercent).label), 5),
|
|
119
|
-
|
|
122
|
+
style: normalizeStyle({ color: item.yoyPercent === null ? "" : unref(getCompare)(item.yoyPercent).color })
|
|
123
|
+
}, toDisplayString(item.yoyPercent === null ? "" : unref(getCompare)(item.yoyPercent).label), 5),
|
|
124
|
+
item.yoyPercent !== null ? (openBlock(), createElementBlock("img", {
|
|
125
|
+
key: 0,
|
|
120
126
|
style: { "height": "12px" },
|
|
121
127
|
src: unref(getCompare)(item.yoyPercent).img,
|
|
122
128
|
alt: ""
|
|
123
|
-
}, null, 8, _hoisted_15)
|
|
129
|
+
}, null, 8, _hoisted_15)) : createCommentVNode("", true)
|
|
124
130
|
])
|
|
125
131
|
])
|
|
126
132
|
])
|
|
@@ -133,16 +139,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
133
139
|
}, [
|
|
134
140
|
createElementVNode("div", _hoisted_17, toDisplayString(child.stationTypeName), 1),
|
|
135
141
|
createElementVNode("div", _hoisted_18, [
|
|
136
|
-
createElementVNode("span", _hoisted_19, toDisplayString(item.excellentPercent
|
|
142
|
+
createElementVNode("span", _hoisted_19, toDisplayString(item.excellentPercent === null ? "--" : `${item.excellentPercent}%`), 1),
|
|
137
143
|
createElementVNode("span", {
|
|
138
144
|
class: "dv-mr-2 dv-number1 dv-danger",
|
|
139
|
-
style: normalizeStyle({ color: unref(getCompare)(item.yoyPercent).color })
|
|
140
|
-
}, toDisplayString(item.yoyPercent
|
|
141
|
-
|
|
145
|
+
style: normalizeStyle({ color: item.yoyPercent === null ? "" : unref(getCompare)(item.yoyPercent).color })
|
|
146
|
+
}, toDisplayString(item.yoyPercent === null ? "--" : `${item.yoyPercent}%`), 5),
|
|
147
|
+
item.yoyPercent !== null ? (openBlock(), createElementBlock("img", {
|
|
148
|
+
key: 0,
|
|
142
149
|
style: { "height": "12px" },
|
|
143
150
|
src: unref(getCompare)(item.yoyPercent).img,
|
|
144
151
|
alt: ""
|
|
145
|
-
}, null, 8, _hoisted_20)
|
|
152
|
+
}, null, 8, _hoisted_20)) : createCommentVNode("", true)
|
|
146
153
|
])
|
|
147
154
|
]);
|
|
148
155
|
}), 128))
|
|
@@ -10,16 +10,21 @@ const _hoisted_1 = {
|
|
|
10
10
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
11
|
__name: "index",
|
|
12
12
|
props: {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
isLazy: { type: Boolean, default: false },
|
|
14
|
+
params: { default: () => {
|
|
15
|
+
return {
|
|
16
|
+
treeId: "3301",
|
|
17
|
+
timeType: "year",
|
|
18
|
+
startTime: 16725024e5,
|
|
19
|
+
endTime: 17040384e5
|
|
20
|
+
};
|
|
21
|
+
} }
|
|
17
22
|
},
|
|
18
23
|
setup(__props, { expose: __expose }) {
|
|
19
24
|
const props = __props;
|
|
20
25
|
const options = shallowRef();
|
|
21
26
|
const getData = async () => {
|
|
22
|
-
const { data } = await waterQualityAnalyze({ ...props });
|
|
27
|
+
const { data } = await waterQualityAnalyze({ ...props.params });
|
|
23
28
|
const xData = [];
|
|
24
29
|
const goodList = [];
|
|
25
30
|
const badList = [];
|
|
@@ -30,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
30
35
|
});
|
|
31
36
|
options.value = getDizhouQualityAnalysisOption(xData, goodList, badList);
|
|
32
37
|
};
|
|
33
|
-
watch([() => props.
|
|
38
|
+
watch([() => props.params, () => props.isLazy], () => {
|
|
34
39
|
if (props.isLazy)
|
|
35
40
|
return;
|
|
36
41
|
getData();
|
|
@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
73
73
|
const getData = (optionItem, item) => {
|
|
74
74
|
if (optionItem.render)
|
|
75
75
|
return optionItem.render(item, optionItem);
|
|
76
|
-
return optionItem.key ? item[optionItem.key] : "/";
|
|
76
|
+
return optionItem.key ? item[optionItem.key] === null ? "--" : item[optionItem.key] : "/";
|
|
77
77
|
};
|
|
78
78
|
const checkLine = (item, index) => {
|
|
79
79
|
if (currIndex.value === index) {
|
|
@@ -163,7 +163,7 @@ const getDizhouQualityAnalysisOption = (xData, goodList, badList) => {
|
|
|
163
163
|
{
|
|
164
164
|
name: "优良比例",
|
|
165
165
|
type: "bar",
|
|
166
|
-
barWidth: 15,
|
|
166
|
+
// barWidth: 15,
|
|
167
167
|
data: goodList,
|
|
168
168
|
itemStyle: {
|
|
169
169
|
color: "var(--dv-color-success)"
|
|
@@ -172,7 +172,7 @@ const getDizhouQualityAnalysisOption = (xData, goodList, badList) => {
|
|
|
172
172
|
{
|
|
173
173
|
name: "劣V比例",
|
|
174
174
|
type: "bar",
|
|
175
|
-
barWidth: 15,
|
|
175
|
+
// barWidth: 15,
|
|
176
176
|
itemStyle: {
|
|
177
177
|
color: "var(--dv-color-danger)"
|
|
178
178
|
},
|
|
@@ -61,5 +61,11 @@ const getAlgaeTime = (val) => {
|
|
|
61
61
|
// 预警当天日数据 没选择历史就显示今日
|
|
62
62
|
};
|
|
63
63
|
};
|
|
64
|
+
const countDecimalPlaces = (number) => {
|
|
65
|
+
const numberAsString = number.toString();
|
|
66
|
+
if (numberAsString.includes("."))
|
|
67
|
+
return numberAsString.split(".")[1].length;
|
|
68
|
+
return 0;
|
|
69
|
+
};
|
|
64
70
|
|
|
65
|
-
export { getAlgaeTime, getDateEndTime, install, messageBox };
|
|
71
|
+
export { countDecimalPlaces, getAlgaeTime, getDateEndTime, install, messageBox };
|
|
@@ -32,8 +32,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
32
32
|
setup(__props) {
|
|
33
33
|
const { isDark } = utils.useThemeHook();
|
|
34
34
|
const colors = ["var(--dv-color-danger)", "var(--dv-color-success)", "var(--dv-color-warning)", "var(--dv-color-index)"];
|
|
35
|
-
const LinearGradientColor = [["#FF4A4A", "#FF7474"], ["#
|
|
36
|
-
const LinearGradientColor_light = [["#FF4A4A", "#FF7474"], ["#
|
|
35
|
+
const LinearGradientColor = [["#FF4A4A", "#FF7474"], ["#15F3A3", "#11D68F"], ["#FDBD00", "#F4A93B"], ["#59AEDE", "#338EC1"]];
|
|
36
|
+
const LinearGradientColor_light = [["#FF4A4A", "#FF7474"], ["#15F3A3", "#11D68F"], ["#FDBD00", "#F4A93B"], ["#1677FF", "#85B8FF"]];
|
|
37
37
|
const eventType = vue.ref([
|
|
38
38
|
{ name: "安全", count: 0 },
|
|
39
39
|
{ name: "封闭化", count: 0 },
|
|
@@ -66,6 +66,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
66
66
|
method: "get"
|
|
67
67
|
});
|
|
68
68
|
const { businessStat, levelStat } = res.data;
|
|
69
|
+
console.log(res.data);
|
|
69
70
|
yearTotal.value = levelStat?.total || 0;
|
|
70
71
|
levelData.value = levelStat?.gwLevels || [];
|
|
71
72
|
eventType.value = businessStat?.gwLevels || [];
|
|
@@ -88,7 +89,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
88
89
|
const highcharts = window.Highcharts;
|
|
89
90
|
function loadFunction() {
|
|
90
91
|
const each = highcharts.each;
|
|
91
|
-
console.log(this);
|
|
92
92
|
const points = this.series[0].points;
|
|
93
93
|
each(points, (p) => {
|
|
94
94
|
p.graphic.attr({
|
|
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
52
52
|
}
|
|
53
53
|
function replaceUnit(value) {
|
|
54
54
|
const rate = value || 0;
|
|
55
|
-
return
|
|
55
|
+
return rate.toString().replace("%", "");
|
|
56
56
|
}
|
|
57
57
|
vue.onMounted(() => {
|
|
58
58
|
getCommitmentData();
|
|
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
50
50
|
}
|
|
51
51
|
function replaceUnit(value) {
|
|
52
52
|
const rate = value || 0;
|
|
53
|
-
return
|
|
53
|
+
return rate.toString().replace("%", "");
|
|
54
54
|
}
|
|
55
55
|
vue.onMounted(() => {
|
|
56
56
|
getCommitmentData();
|
|
@@ -2,14 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
4
|
|
|
5
|
-
const es = require('element-plus/es');
|
|
6
|
-
require('element-plus/es/components/base/style/css');
|
|
7
|
-
require('element-plus/es/components/empty/style/css');
|
|
8
5
|
const vue = require('vue');
|
|
9
6
|
const elementPlusExpand = require('@ued_fpi/element-plus-expand');
|
|
10
7
|
const request = require('../../service/request.js');
|
|
11
8
|
const utils = require('../../../utils.js');
|
|
12
|
-
const
|
|
9
|
+
const NoData_vue_vue_type_script_setup_true_lang = require('../common/NoData.vue.js');
|
|
10
|
+
require('../common/NoData.vue2.js');
|
|
13
11
|
|
|
14
12
|
const _hoisted_1 = { class: "dv-ipes-emergency-watch" };
|
|
15
13
|
const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "emergency-watch-title" }, " 今日值班 ", -1);
|
|
@@ -33,15 +31,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
33
31
|
...__default__,
|
|
34
32
|
setup(__props) {
|
|
35
33
|
const { isDark } = utils.useThemeHook();
|
|
36
|
-
const doneRate = vue.ref(
|
|
34
|
+
const doneRate = vue.ref(0);
|
|
37
35
|
const componentBox = vue.ref(null);
|
|
38
36
|
const copies = vue.computed(() => {
|
|
39
37
|
const offsetWidth = componentBox.value?.offsetWidth || 0;
|
|
40
38
|
return offsetWidth > 0 ? (offsetWidth - 24 - 2) / 3 : 0;
|
|
41
39
|
});
|
|
42
40
|
const commitmentData = vue.ref([]);
|
|
43
|
-
const isRolling = vue.ref(false);
|
|
44
|
-
const actionType = vue.ref("none");
|
|
45
41
|
const getImg = (type, isDark2) => {
|
|
46
42
|
};
|
|
47
43
|
async function getCommitmentData() {
|
|
@@ -51,10 +47,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
51
47
|
url: "/ipes-emergency-manager-server/api/v2/duty/today-duty"
|
|
52
48
|
});
|
|
53
49
|
const rate = data?.logRate || 0;
|
|
54
|
-
doneRate.value =
|
|
50
|
+
doneRate.value = rate.toString().replace("%", "");
|
|
55
51
|
commitmentData.value = data.dutyPersons || [];
|
|
56
|
-
isRolling.value = commitmentData.value.length > 3;
|
|
57
|
-
actionType.value = commitmentData.value.length > 3 ? "hover" : "none";
|
|
58
52
|
} catch (error) {
|
|
59
53
|
console.log(error);
|
|
60
54
|
}
|
|
@@ -63,23 +57,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
63
57
|
getCommitmentData();
|
|
64
58
|
});
|
|
65
59
|
return (_ctx, _cache) => {
|
|
66
|
-
const _component_el_empty = es.ElEmpty;
|
|
67
60
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
68
61
|
_hoisted_2,
|
|
69
|
-
commitmentData.value.length
|
|
62
|
+
commitmentData.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlusExpand.FpiElRolling), {
|
|
70
63
|
key: 0,
|
|
71
|
-
modelValue: isRolling.value,
|
|
72
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRolling.value = $event),
|
|
73
|
-
action: actionType.value,
|
|
74
64
|
class: "list",
|
|
75
65
|
direction: "y",
|
|
76
66
|
time: 15
|
|
77
67
|
}, {
|
|
78
68
|
default: vue.withCtx(() => [
|
|
79
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(commitmentData.value, (item) => {
|
|
69
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(commitmentData.value, (item, index) => {
|
|
80
70
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
81
|
-
key:
|
|
82
|
-
class:
|
|
71
|
+
key: index,
|
|
72
|
+
class: "security-box"
|
|
83
73
|
}, [
|
|
84
74
|
vue.createElementVNode("div", _hoisted_3, [
|
|
85
75
|
vue.createElementVNode("img", {
|
|
@@ -93,17 +83,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
93
83
|
])
|
|
94
84
|
])
|
|
95
85
|
])
|
|
96
|
-
]
|
|
86
|
+
]);
|
|
97
87
|
}), 128))
|
|
98
88
|
]),
|
|
99
89
|
_: 1
|
|
100
|
-
}
|
|
90
|
+
})) : (vue.openBlock(), vue.createBlock(NoData_vue_vue_type_script_setup_true_lang.default, {
|
|
101
91
|
key: 1,
|
|
102
|
-
class: "
|
|
103
|
-
|
|
104
|
-
image: vue.unref(empty.default),
|
|
105
|
-
description: ""
|
|
106
|
-
}, null, 8, ["image"])),
|
|
92
|
+
class: "dv-ipes-ground-water-monitor"
|
|
93
|
+
})),
|
|
107
94
|
vue.createElementVNode("div", {
|
|
108
95
|
ref_key: "componentBox",
|
|
109
96
|
ref: componentBox,
|
|
@@ -61,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
61
61
|
method: "POST",
|
|
62
62
|
url: "/bmp-mission-center-server/api/v1/parkStatistics/countByMissionLevel",
|
|
63
63
|
data: {
|
|
64
|
+
missionStatusList: [0, 1]
|
|
64
65
|
// startTime: dayjs().startOf('day').valueOf(),
|
|
65
66
|
// endTime: dayjs().endOf('day').valueOf()
|
|
66
67
|
}
|
|
@@ -83,6 +84,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
83
84
|
method: "POST",
|
|
84
85
|
url: "/bmp-mission-center-server/api/v1/missionRecord/pc/queryMissionRecordInfoPage",
|
|
85
86
|
data: {
|
|
87
|
+
missionStatusList: [0, 1],
|
|
86
88
|
missionLevelCodeList: [activeTab.value],
|
|
87
89
|
limit,
|
|
88
90
|
page
|
|
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
63
63
|
]);
|
|
64
64
|
const labels = ["有毒有害气体", "易燃易爆监测", "VOCs厂界监测"];
|
|
65
65
|
const list = labels.map((label, index) => {
|
|
66
|
-
const nums = [res[index]
|
|
66
|
+
const nums = [res[index]?.normal, res[index]?.abnormal, res[index]?.offline];
|
|
67
67
|
return {
|
|
68
68
|
label,
|
|
69
69
|
nums
|