nxd-plugin 1.7.57 → 1.7.59
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/chunks/{component-ChartCumulativePre-Cr-xtvoD.mjs → component-ChartCumulativePre-DoHaZpbA.mjs} +38 -54
- package/dist/chunks/{component-ChartRealTimePre-Dedm8f3C.mjs → component-ChartRealTimePre-6t8zWBXn.mjs} +25 -46
- package/dist/chunks/component-ChartServiceMaterial-gomQX5M2.mjs +231 -0
- package/dist/chunks/component-EarlyWarningStatistic-DobAcmD3.mjs +168 -0
- package/dist/chunks/{component-HighwayLiveAlarmNew-Cl29luSl.mjs → component-HighwayLiveAlarmNew-Dkyj6kWQ.mjs} +39 -17
- package/dist/nxd-plugin.mjs +8 -7
- package/dist/src/components/ChartServiceMaterial/ChartServiceMaterial.vue.d.ts +26 -0
- package/dist/src/index.d.ts +2 -1
- package/dist/styles/component-ChartCumulativePre.css +1 -1
- package/dist/styles/component-ChartRealTimePre.css +1 -1
- package/dist/styles/component-ChartServiceMaterial.css +1 -0
- package/dist/styles/component-EarlyWarningStatistic.css +1 -1
- package/dist/styles/component-HighwayLiveAlarmNew.css +1 -1
- package/dist/styles/component-YCLoginNew.css +1 -1
- package/package.json +1 -1
- package/dist/chunks/component-EarlyWarningStatistic-B9G9xcDS.mjs +0 -185
|
@@ -36,39 +36,47 @@ var x = {
|
|
|
36
36
|
}, {
|
|
37
37
|
label: "20时",
|
|
38
38
|
value: "20"
|
|
39
|
-
}]), L = m(null);
|
|
39
|
+
}]), L = m(null), R = m([]);
|
|
40
40
|
f(() => {
|
|
41
|
-
|
|
42
|
-
F.value === "08" ? F.value = "20" : F.value = "08",
|
|
41
|
+
z(), L.value = setInterval(() => {
|
|
42
|
+
F.value === "08" ? F.value = "20" : F.value = "08", z();
|
|
43
43
|
}, 1e3 * 60 * 10);
|
|
44
44
|
}), d(() => {
|
|
45
|
-
|
|
45
|
+
clearInterval(L.value), L.value = null, M &&= (M.dispose(), null);
|
|
46
46
|
});
|
|
47
|
-
let
|
|
48
|
-
await
|
|
49
|
-
},
|
|
47
|
+
let z = async () => {
|
|
48
|
+
await B(), V();
|
|
49
|
+
}, B = async () => {
|
|
50
50
|
k.value = !0;
|
|
51
51
|
let e = await t({
|
|
52
52
|
appKey: D.appKey,
|
|
53
53
|
appSalt: D.appSalt,
|
|
54
|
-
id: D.ids.
|
|
54
|
+
id: D.ids.data.id,
|
|
55
55
|
variables: {},
|
|
56
56
|
baseHttp: D.baseHttp,
|
|
57
|
-
reqType: D.ids.
|
|
58
|
-
isFormData: D.ids.
|
|
57
|
+
reqType: D.ids.data.reqType,
|
|
58
|
+
isFormData: D.ids.data.isFormData
|
|
59
59
|
});
|
|
60
60
|
k.value = !1;
|
|
61
|
-
let n = e.data.result
|
|
62
|
-
n.
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
}, B = async () => {
|
|
67
|
-
k.value = !0, D.appKey, D.appSalt, D.ids.data.id, D.baseHttp, D.ids.data.reqType, D.ids.data.isFormData, k.value = !1;
|
|
61
|
+
let n = e.data.result || {};
|
|
62
|
+
R.value = n.stationData || [], P.value = [{
|
|
63
|
+
stationNumber: "全部",
|
|
64
|
+
stationName: "全部"
|
|
65
|
+
}, ...n.stationSelect || []], N.value ||= "全部";
|
|
68
66
|
}, V = () => {
|
|
69
67
|
if (!j.value) return;
|
|
70
|
-
M
|
|
71
|
-
let e =
|
|
68
|
+
M ||= b.init(j.value);
|
|
69
|
+
let e = R.value;
|
|
70
|
+
if (!e.length) return;
|
|
71
|
+
let t = Array.from({ length: 12 }, (e, t) => `${t + 1}月`), n = F.value === "08" ? "precipitation08" : "precipitation20", r = Array(12).fill(0);
|
|
72
|
+
N.value === "全部" ? (e.forEach((e) => {
|
|
73
|
+
let t = e.month - 1;
|
|
74
|
+
t >= 0 && t < 12 && (r[t] += e[n] || 0);
|
|
75
|
+
}), r = r.map((e) => Number(e.toFixed(1)))) : e.filter((e) => e.stationNumber === N.value).forEach((e) => {
|
|
76
|
+
let t = e.month - 1;
|
|
77
|
+
t >= 0 && t < 12 && (r[t] = e[n] || 0);
|
|
78
|
+
});
|
|
79
|
+
let i = {
|
|
72
80
|
title: {
|
|
73
81
|
text: "单位: mm",
|
|
74
82
|
textStyle: {
|
|
@@ -93,20 +101,7 @@ var x = {
|
|
|
93
101
|
},
|
|
94
102
|
xAxis: {
|
|
95
103
|
type: "category",
|
|
96
|
-
data:
|
|
97
|
-
"1月",
|
|
98
|
-
"2月",
|
|
99
|
-
"3月",
|
|
100
|
-
"4月",
|
|
101
|
-
"5月",
|
|
102
|
-
"6月",
|
|
103
|
-
"7月",
|
|
104
|
-
"8月",
|
|
105
|
-
"9月",
|
|
106
|
-
"10月",
|
|
107
|
-
"11月",
|
|
108
|
-
"12月"
|
|
109
|
-
],
|
|
104
|
+
data: t,
|
|
110
105
|
axisLabel: {
|
|
111
106
|
color: "#fff",
|
|
112
107
|
interval: 0,
|
|
@@ -150,23 +145,10 @@ var x = {
|
|
|
150
145
|
0
|
|
151
146
|
]
|
|
152
147
|
},
|
|
153
|
-
data:
|
|
154
|
-
12.5,
|
|
155
|
-
20.1,
|
|
156
|
-
45.2,
|
|
157
|
-
60.5,
|
|
158
|
-
120.3,
|
|
159
|
-
180.2,
|
|
160
|
-
210.5,
|
|
161
|
-
0,
|
|
162
|
-
0,
|
|
163
|
-
0,
|
|
164
|
-
0,
|
|
165
|
-
0
|
|
166
|
-
]
|
|
148
|
+
data: r
|
|
167
149
|
}]
|
|
168
150
|
};
|
|
169
|
-
M.setOption(
|
|
151
|
+
M.clear(), M.setOption(i);
|
|
170
152
|
}, H = () => {
|
|
171
153
|
O("close", "ChartCumulativePre");
|
|
172
154
|
};
|
|
@@ -188,12 +170,13 @@ var x = {
|
|
|
188
170
|
placeholder: "请选择",
|
|
189
171
|
class: "dark-select",
|
|
190
172
|
style: { width: "110px" },
|
|
191
|
-
size: "small"
|
|
173
|
+
size: "small",
|
|
174
|
+
onChange: V
|
|
192
175
|
}, {
|
|
193
176
|
default: v(() => [(p(!0), s(a, null, h(P.value, (e) => (p(), o(u, {
|
|
194
|
-
key: e.
|
|
195
|
-
label: e.
|
|
196
|
-
value: e.
|
|
177
|
+
key: e.stationNumber,
|
|
178
|
+
label: e.stationName,
|
|
179
|
+
value: e.stationNumber
|
|
197
180
|
}, null, 8, ["label", "value"]))), 128))]),
|
|
198
181
|
_: 1
|
|
199
182
|
}, 8, ["modelValue"])]), c("div", E, [t[4] ||= c("span", { class: "label" }, "时段:", -1), l(d, {
|
|
@@ -202,7 +185,8 @@ var x = {
|
|
|
202
185
|
placeholder: "请选择",
|
|
203
186
|
class: "dark-select",
|
|
204
187
|
style: { width: "100px" },
|
|
205
|
-
size: "small"
|
|
188
|
+
size: "small",
|
|
189
|
+
onChange: V
|
|
206
190
|
}, {
|
|
207
191
|
default: v(() => [(p(!0), s(a, null, h(I.value, (e) => (p(), o(u, {
|
|
208
192
|
key: e.value,
|
|
@@ -219,6 +203,6 @@ var x = {
|
|
|
219
203
|
])), [[f, k.value]]);
|
|
220
204
|
};
|
|
221
205
|
}
|
|
222
|
-
}), [["__scopeId", "data-v-
|
|
206
|
+
}), [["__scopeId", "data-v-947f7321"]]);
|
|
223
207
|
//#endregion
|
|
224
208
|
export { D as t };
|
|
@@ -30,54 +30,56 @@ var y = {
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
setup(e, { emit: u }) {
|
|
33
|
-
let S = e, C = u, w = m(!1), T = m("
|
|
33
|
+
let S = e, C = u, w = m(!1), T = m("precipitation1h"), E = m([
|
|
34
34
|
{
|
|
35
35
|
label: "1小时",
|
|
36
|
-
value: "
|
|
36
|
+
value: "precipitation1h"
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
39
|
label: "3小时",
|
|
40
|
-
value: "
|
|
40
|
+
value: "precipitation3h"
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
43
|
label: "6小时",
|
|
44
|
-
value: "
|
|
44
|
+
value: "precipitation6h"
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
label: "12小时",
|
|
48
|
-
value: "
|
|
48
|
+
value: "precipitation12h"
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
51
|
label: "24小时",
|
|
52
|
-
value: "
|
|
52
|
+
value: "precipitation24h"
|
|
53
53
|
}
|
|
54
|
-
]), D = m(null), O = m(null), k = m([]), A = null
|
|
54
|
+
]), D = m(null), O = m(null), k = m([]), A = null, j = async () => {
|
|
55
|
+
await M(), N();
|
|
56
|
+
};
|
|
55
57
|
f(() => {
|
|
56
58
|
j(), D.value = setInterval(() => {
|
|
57
59
|
let e = E.value.findIndex((e) => e.value === T.value);
|
|
58
60
|
e === E.value.length - 1 ? T.value = E.value[0].value : T.value = E.value[e + 1].value, j();
|
|
59
61
|
}, 1e3 * 60 * 10);
|
|
60
62
|
}), d(() => {
|
|
61
|
-
clearInterval(D.value);
|
|
63
|
+
clearInterval(D.value), D.value = null, A &&= (A.dispose(), null);
|
|
62
64
|
});
|
|
63
|
-
let
|
|
64
|
-
await M(), N();
|
|
65
|
-
}, M = async () => {
|
|
65
|
+
let M = async () => {
|
|
66
66
|
w.value = !0;
|
|
67
67
|
let e = await t({
|
|
68
68
|
appKey: S.appKey,
|
|
69
69
|
appSalt: S.appSalt,
|
|
70
|
-
id: S.ids.
|
|
70
|
+
id: S.ids.data.id,
|
|
71
71
|
variables: {},
|
|
72
72
|
baseHttp: S.baseHttp,
|
|
73
|
-
reqType: S.ids.
|
|
74
|
-
isFormData: S.ids.
|
|
73
|
+
reqType: S.ids.data.reqType,
|
|
74
|
+
isFormData: S.ids.data.isFormData
|
|
75
75
|
});
|
|
76
|
-
w.value = !1, k.value = e.data.result.output || []
|
|
76
|
+
w.value = !1, k.value = e.data.result.output || [];
|
|
77
77
|
}, N = () => {
|
|
78
78
|
if (!O.value) return;
|
|
79
|
-
A
|
|
80
|
-
let e =
|
|
79
|
+
A ||= v.init(O.value);
|
|
80
|
+
let e = k.value;
|
|
81
|
+
if (!e.length) return;
|
|
82
|
+
let t = e.map((e) => e.stationName), n = e.map((e) => e[T.value] || 0), r = {
|
|
81
83
|
title: {
|
|
82
84
|
text: "单位: mm",
|
|
83
85
|
textStyle: {
|
|
@@ -102,18 +104,7 @@ var y = {
|
|
|
102
104
|
},
|
|
103
105
|
xAxis: {
|
|
104
106
|
type: "category",
|
|
105
|
-
data:
|
|
106
|
-
"宜春",
|
|
107
|
-
"铜鼓",
|
|
108
|
-
"宜丰",
|
|
109
|
-
"万载",
|
|
110
|
-
"上高",
|
|
111
|
-
"靖安",
|
|
112
|
-
"奉新",
|
|
113
|
-
"高安",
|
|
114
|
-
"樟树",
|
|
115
|
-
"丰城"
|
|
116
|
-
],
|
|
107
|
+
data: t,
|
|
117
108
|
axisLabel: {
|
|
118
109
|
color: "#fff",
|
|
119
110
|
interval: 0,
|
|
@@ -157,23 +148,10 @@ var y = {
|
|
|
157
148
|
0
|
|
158
149
|
]
|
|
159
150
|
},
|
|
160
|
-
data:
|
|
161
|
-
12.5,
|
|
162
|
-
20.1,
|
|
163
|
-
45.2,
|
|
164
|
-
60.5,
|
|
165
|
-
120.3,
|
|
166
|
-
180.2,
|
|
167
|
-
210.5,
|
|
168
|
-
0,
|
|
169
|
-
0,
|
|
170
|
-
0,
|
|
171
|
-
0,
|
|
172
|
-
0
|
|
173
|
-
]
|
|
151
|
+
data: n
|
|
174
152
|
}]
|
|
175
153
|
};
|
|
176
|
-
A.setOption(
|
|
154
|
+
A.clear(), A.setOption(r);
|
|
177
155
|
}, P = () => {
|
|
178
156
|
C("close", "ChartRealTimePre");
|
|
179
157
|
};
|
|
@@ -195,7 +173,8 @@ var y = {
|
|
|
195
173
|
placeholder: "请选择",
|
|
196
174
|
class: "dark-select",
|
|
197
175
|
style: { width: "100px" },
|
|
198
|
-
size: "small"
|
|
176
|
+
size: "small",
|
|
177
|
+
onChange: N
|
|
199
178
|
}, {
|
|
200
179
|
default: g(() => [(p(!0), s(a, null, h(E.value, (e) => (p(), o(u, {
|
|
201
180
|
key: e.value,
|
|
@@ -212,6 +191,6 @@ var y = {
|
|
|
212
191
|
])), [[f, w.value]]);
|
|
213
192
|
};
|
|
214
193
|
}
|
|
215
|
-
}), [["__scopeId", "data-v-
|
|
194
|
+
}), [["__scopeId", "data-v-32ba089c"]]);
|
|
216
195
|
//#endregion
|
|
217
196
|
export { S as t };
|
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
import { n as e, r as t } from "./component-AqiMonitor-BUy1MSaP.mjs";
|
|
2
|
+
import { ElLoadingDirective as n, ElOption as r, ElSelect as i } from "element-plus/es";
|
|
3
|
+
import { Fragment as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, withCtx as _, withDirectives as v } from "vue";
|
|
4
|
+
import * as y from "echarts";
|
|
5
|
+
//#region src/components/ChartServiceMaterial/ChartServiceMaterial.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var b = {
|
|
7
|
+
class: "ChartServiceMaterial",
|
|
8
|
+
"element-loading-background": "rgba(0, 0, 0, 0.4)"
|
|
9
|
+
}, x = { class: "ChartServiceMaterial-head" }, S = { class: "ChartServiceMaterial-head-top" }, C = { class: "ChartServiceMaterial-filters" }, w = { class: "filter-item" }, T = /* @__PURE__ */ e(/* @__PURE__ */ u({
|
|
10
|
+
__name: "ChartServiceMaterial",
|
|
11
|
+
props: {
|
|
12
|
+
appKey: {
|
|
13
|
+
type: String,
|
|
14
|
+
default: ""
|
|
15
|
+
},
|
|
16
|
+
appSalt: {
|
|
17
|
+
type: String,
|
|
18
|
+
default: ""
|
|
19
|
+
},
|
|
20
|
+
baseHttp: {
|
|
21
|
+
type: String,
|
|
22
|
+
default: ""
|
|
23
|
+
},
|
|
24
|
+
ids: {
|
|
25
|
+
type: Object,
|
|
26
|
+
default: () => ({})
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
setup(e, { emit: u }) {
|
|
30
|
+
let T = e, E = u, D = m(!1), O = m("服务种类"), k = m([{
|
|
31
|
+
value: "服务种类",
|
|
32
|
+
label: "服务种类"
|
|
33
|
+
}, {
|
|
34
|
+
value: "服务次数",
|
|
35
|
+
label: "服务次数"
|
|
36
|
+
}]), A = m(null), j = null, M = m(null), N = m([]);
|
|
37
|
+
f(() => {
|
|
38
|
+
P(), M.value = setInterval(() => {
|
|
39
|
+
O.value === "服务种类" ? O.value = "服务次数" : O.value = "服务种类", P();
|
|
40
|
+
}, 1e3 * 60 * 10);
|
|
41
|
+
}), d(() => {
|
|
42
|
+
clearInterval(M.value);
|
|
43
|
+
});
|
|
44
|
+
let P = async () => {
|
|
45
|
+
D.value = !0, N.value = (await t({
|
|
46
|
+
appKey: T.appKey,
|
|
47
|
+
appSalt: T.appSalt,
|
|
48
|
+
id: T.ids.data.id,
|
|
49
|
+
variables: {},
|
|
50
|
+
baseHttp: T.baseHttp,
|
|
51
|
+
reqType: T.ids.data.reqType,
|
|
52
|
+
isFormData: T.ids.data.isFormData
|
|
53
|
+
})).data.result.output || [], D.value = !1, F();
|
|
54
|
+
}, F = () => {
|
|
55
|
+
if (!A.value) return;
|
|
56
|
+
j ||= y.init(A.value);
|
|
57
|
+
let e = N.value;
|
|
58
|
+
if (!e.length) return;
|
|
59
|
+
let t = {};
|
|
60
|
+
if (O.value === "服务次数") {
|
|
61
|
+
let n = e.map((e) => `${e.month}月`), r = {};
|
|
62
|
+
e.forEach((e) => {
|
|
63
|
+
e.monthData.forEach((e) => {
|
|
64
|
+
r[e.materialType] || (r[e.materialType] = []), r[e.materialType].push(e.makeNum);
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
let i = Object.keys(r), a = i.map((e) => ({
|
|
68
|
+
name: e,
|
|
69
|
+
type: "line",
|
|
70
|
+
smooth: !0,
|
|
71
|
+
symbol: "circle",
|
|
72
|
+
symbolSize: 6,
|
|
73
|
+
data: r[e]
|
|
74
|
+
}));
|
|
75
|
+
t = {
|
|
76
|
+
color: [
|
|
77
|
+
"#0bc4e9",
|
|
78
|
+
"#005bea",
|
|
79
|
+
"#fadb14",
|
|
80
|
+
"#1890ff",
|
|
81
|
+
"#52c41a",
|
|
82
|
+
"#eb2f96"
|
|
83
|
+
],
|
|
84
|
+
tooltip: { trigger: "axis" },
|
|
85
|
+
legend: {
|
|
86
|
+
data: i,
|
|
87
|
+
textStyle: {
|
|
88
|
+
color: "#fff",
|
|
89
|
+
fontSize: 10
|
|
90
|
+
},
|
|
91
|
+
top: 0,
|
|
92
|
+
itemWidth: 12,
|
|
93
|
+
itemHeight: 8,
|
|
94
|
+
itemGap: 8
|
|
95
|
+
},
|
|
96
|
+
grid: {
|
|
97
|
+
left: "3%",
|
|
98
|
+
right: "4%",
|
|
99
|
+
bottom: "3%",
|
|
100
|
+
top: "40px",
|
|
101
|
+
containLabel: !0
|
|
102
|
+
},
|
|
103
|
+
xAxis: {
|
|
104
|
+
type: "category",
|
|
105
|
+
boundaryGap: !1,
|
|
106
|
+
data: n,
|
|
107
|
+
axisLabel: {
|
|
108
|
+
color: "#fff",
|
|
109
|
+
fontSize: 10
|
|
110
|
+
},
|
|
111
|
+
axisLine: { lineStyle: { color: "rgba(255, 255, 255, 0.3)" } }
|
|
112
|
+
},
|
|
113
|
+
yAxis: {
|
|
114
|
+
type: "value",
|
|
115
|
+
axisLabel: {
|
|
116
|
+
color: "#fff",
|
|
117
|
+
fontSize: 10
|
|
118
|
+
},
|
|
119
|
+
splitLine: { lineStyle: {
|
|
120
|
+
color: "rgba(255, 255, 255, 0.1)",
|
|
121
|
+
type: "dashed"
|
|
122
|
+
} }
|
|
123
|
+
},
|
|
124
|
+
series: a
|
|
125
|
+
};
|
|
126
|
+
} else {
|
|
127
|
+
let n = {};
|
|
128
|
+
e.forEach((e) => {
|
|
129
|
+
e.monthData.forEach((e) => {
|
|
130
|
+
n[e.materialType] = (n[e.materialType] || 0) + e.makeNum;
|
|
131
|
+
});
|
|
132
|
+
});
|
|
133
|
+
let r = Object.keys(n).map((e) => ({
|
|
134
|
+
name: e,
|
|
135
|
+
value: n[e]
|
|
136
|
+
}));
|
|
137
|
+
t = {
|
|
138
|
+
color: [
|
|
139
|
+
"#0bc4e9",
|
|
140
|
+
"#005bea",
|
|
141
|
+
"#fadb14",
|
|
142
|
+
"#1890ff",
|
|
143
|
+
"#52c41a",
|
|
144
|
+
"#eb2f96"
|
|
145
|
+
],
|
|
146
|
+
tooltip: { trigger: "item" },
|
|
147
|
+
legend: {
|
|
148
|
+
orient: "vertical",
|
|
149
|
+
right: "2%",
|
|
150
|
+
top: "center",
|
|
151
|
+
itemGap: 15,
|
|
152
|
+
formatter: (e) => {
|
|
153
|
+
let t = r.find((t) => t.name === e);
|
|
154
|
+
return `{name|${e}} {value|${t ? t.value : 0}次}`;
|
|
155
|
+
},
|
|
156
|
+
textStyle: { rich: {
|
|
157
|
+
name: {
|
|
158
|
+
color: "#fff",
|
|
159
|
+
fontSize: 12,
|
|
160
|
+
width: 80
|
|
161
|
+
},
|
|
162
|
+
value: {
|
|
163
|
+
color: "#0bc4e9",
|
|
164
|
+
fontSize: 14,
|
|
165
|
+
fontWeight: "bold"
|
|
166
|
+
}
|
|
167
|
+
} }
|
|
168
|
+
},
|
|
169
|
+
series: [{
|
|
170
|
+
name: "服务种类",
|
|
171
|
+
type: "pie",
|
|
172
|
+
radius: ["40%", "70%"],
|
|
173
|
+
center: ["26%", "50%"],
|
|
174
|
+
avoidLabelOverlap: !1,
|
|
175
|
+
label: {
|
|
176
|
+
show: !1,
|
|
177
|
+
position: "center"
|
|
178
|
+
},
|
|
179
|
+
emphasis: { label: {
|
|
180
|
+
show: !0,
|
|
181
|
+
fontSize: 14,
|
|
182
|
+
fontWeight: "bold"
|
|
183
|
+
} },
|
|
184
|
+
labelLine: { show: !1 },
|
|
185
|
+
data: r
|
|
186
|
+
}]
|
|
187
|
+
};
|
|
188
|
+
}
|
|
189
|
+
j.clear(), j.setOption(t);
|
|
190
|
+
}, I = () => {
|
|
191
|
+
E("close", "ChartServiceMaterial");
|
|
192
|
+
};
|
|
193
|
+
return (e, t) => {
|
|
194
|
+
let u = r, d = i, f = n;
|
|
195
|
+
return v((p(), s("div", b, [
|
|
196
|
+
c("div", x, [c("div", S, [c("div", null, g((/* @__PURE__ */ new Date()).getFullYear()) + "年服务材料统计", 1), c("div", {
|
|
197
|
+
class: "closeBtn",
|
|
198
|
+
onClick: I,
|
|
199
|
+
title: "关闭"
|
|
200
|
+
})]), t[1] ||= c("img", {
|
|
201
|
+
class: "ChartServiceMaterial-head-line",
|
|
202
|
+
src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbsAAAASBAMAAAAwI22/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURQAAAAem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/5bu5GYAAAAPdFJOUwAFwAwc2M8ULQYDn/hGXGnV2UoAAAGZSURBVEjH7ZM/S8NAGId/JYGmmeLspptThurk0CHWRXGo0Nk/S50y6CYSHMRF7Efo4uQXEIpbwUnM6OhnEIeChXjv5ZLLXdLtLCX68vDCe0eGJ7/3AJN1VcL+UImB/SruVJwYTqSAW5V3LLyaPR1c+IIdH12OPZiLcyTAjccZEdccZ0Nn4bXpC3KpCuFu5tkdziX3FJxBSBZZdFk9HempCduMk4xSitJTpOgJSSIPrx10YAUB0tYOwrQ1g12k7ZyODIYXZmQpppLV26rtbDFOXVhua2Fn7WTWwUEyAe5Zc2hiLWTTC3jjk8Hw+jrSM9/Z8raKOAtZVmyr9jbpee4lU9hvSUStw6YvOpqwiXlK9d8IL0Oq5tuqvc3KLMs7q9uyCC0y22aKvDVp4u2SjnJ1c+Wecg7h9gV4CFV8NHpEaw7yF2wVGcIa6OBx/Ax3PI6pRWx6Am98alBbpSODNVTxgAbQUpF3KeVv0s80xMUow8N//YVaqWEV9BJDdby2PBUZ1/te0uU0YzeLa623jjrrvaLOep/+str9ACyAtv25BhHcAAAAAElFTkSuQmCC",
|
|
203
|
+
alt: ""
|
|
204
|
+
}, null, -1)]),
|
|
205
|
+
c("div", C, [c("div", w, [t[2] ||= c("span", { class: "label" }, "类别:", -1), l(d, {
|
|
206
|
+
modelValue: O.value,
|
|
207
|
+
"onUpdate:modelValue": t[0] ||= (e) => O.value = e,
|
|
208
|
+
placeholder: "请选择",
|
|
209
|
+
class: "dark-select",
|
|
210
|
+
style: { width: "100px" },
|
|
211
|
+
size: "small",
|
|
212
|
+
onChange: F
|
|
213
|
+
}, {
|
|
214
|
+
default: _(() => [(p(!0), s(a, null, h(k.value, (e) => (p(), o(u, {
|
|
215
|
+
key: e.value,
|
|
216
|
+
label: e.label,
|
|
217
|
+
value: e.value
|
|
218
|
+
}, null, 8, ["label", "value"]))), 128))]),
|
|
219
|
+
_: 1
|
|
220
|
+
}, 8, ["modelValue"])])]),
|
|
221
|
+
c("div", {
|
|
222
|
+
ref_key: "chartRef",
|
|
223
|
+
ref: A,
|
|
224
|
+
class: "ChartServiceMaterial-chart"
|
|
225
|
+
}, null, 512)
|
|
226
|
+
])), [[f, D.value]]);
|
|
227
|
+
};
|
|
228
|
+
}
|
|
229
|
+
}), [["__scopeId", "data-v-b74d15f3"]]);
|
|
230
|
+
//#endregion
|
|
231
|
+
export { T as t };
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { n as e, r as t } from "./component-AqiMonitor-BUy1MSaP.mjs";
|
|
2
|
+
import { ElLoadingDirective as n, ElOption as r, ElSelect as i } from "element-plus/es";
|
|
3
|
+
import { Fragment as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, onBeforeUnmount as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, withCtx as _, withDirectives as v } from "vue";
|
|
4
|
+
import * as y from "echarts";
|
|
5
|
+
import "element-plus/es/components/loading/style/css";
|
|
6
|
+
import "element-plus/es/components/select/style/css";
|
|
7
|
+
import "element-plus/es/components/option/style/css";
|
|
8
|
+
//#region src/components/EarlyWarningStatistic/EarlyWarningStatistic.vue?vue&type=script&setup=true&lang.ts
|
|
9
|
+
var b = {
|
|
10
|
+
class: "EarlyWarningStatistic",
|
|
11
|
+
"element-loading-background": "rgba(0, 0, 0, 0.4)"
|
|
12
|
+
}, x = { class: "EarlyWarningStatistic-head" }, S = { class: "EarlyWarningStatistic-head-top" }, C = { class: "EarlyWarningStatistic-filters" }, w = { class: "filter-item" }, T = /* @__PURE__ */ e(/* @__PURE__ */ u({
|
|
13
|
+
__name: "EarlyWarningStatistic",
|
|
14
|
+
props: {
|
|
15
|
+
appKey: {
|
|
16
|
+
type: String,
|
|
17
|
+
default: ""
|
|
18
|
+
},
|
|
19
|
+
appSalt: {
|
|
20
|
+
type: String,
|
|
21
|
+
default: ""
|
|
22
|
+
},
|
|
23
|
+
baseHttp: {
|
|
24
|
+
type: String,
|
|
25
|
+
default: ""
|
|
26
|
+
},
|
|
27
|
+
ids: {
|
|
28
|
+
type: Object,
|
|
29
|
+
default: () => ({})
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
setup(e, { emit: u }) {
|
|
33
|
+
let T = e, E = u, D = m(!1), O = m("预警等级"), k = m([{
|
|
34
|
+
value: "预警等级",
|
|
35
|
+
label: "预警等级"
|
|
36
|
+
}, {
|
|
37
|
+
value: "灾害类别",
|
|
38
|
+
label: "灾害类别"
|
|
39
|
+
}]), A = m(null), j = m(null), M = null, N = m({});
|
|
40
|
+
f(() => {
|
|
41
|
+
P(), A.value = setInterval(() => {
|
|
42
|
+
O.value === "预警等级" ? O.value = "灾害类别" : O.value = "预警等级", P();
|
|
43
|
+
}, 1e3 * 60 * 10);
|
|
44
|
+
}), d(() => {
|
|
45
|
+
A.value &&= (clearInterval(A.value), null), M &&= (M.dispose(), null);
|
|
46
|
+
});
|
|
47
|
+
let P = async () => {
|
|
48
|
+
D.value = !0, N.value = (await t({
|
|
49
|
+
appKey: T.appKey,
|
|
50
|
+
appSalt: T.appSalt,
|
|
51
|
+
id: T.ids.data.id,
|
|
52
|
+
variables: {},
|
|
53
|
+
baseHttp: T.baseHttp,
|
|
54
|
+
reqType: T.ids.data.reqType,
|
|
55
|
+
isFormData: T.ids.data.isFormData
|
|
56
|
+
})).data.result, console.log("list.value", N.value), D.value = !1, F();
|
|
57
|
+
}, F = () => {
|
|
58
|
+
if (!j.value) return;
|
|
59
|
+
M ||= y.init(j.value);
|
|
60
|
+
let e = [];
|
|
61
|
+
if (O.value === "预警等级") {
|
|
62
|
+
let t = {
|
|
63
|
+
红色: "#ff4d4f",
|
|
64
|
+
橙色: "#fa8c16",
|
|
65
|
+
黄色: "#fadb14",
|
|
66
|
+
蓝色: "#1890ff"
|
|
67
|
+
};
|
|
68
|
+
e = N.value.gradeData.map((e) => ({
|
|
69
|
+
value: e.count,
|
|
70
|
+
name: e.color,
|
|
71
|
+
itemStyle: { color: t[e.color] }
|
|
72
|
+
}));
|
|
73
|
+
} else e = N.value.alertData.map((e) => ({
|
|
74
|
+
value: e.count,
|
|
75
|
+
name: e.alertname
|
|
76
|
+
}));
|
|
77
|
+
let t = {
|
|
78
|
+
tooltip: { trigger: "item" },
|
|
79
|
+
legend: {
|
|
80
|
+
type: "scroll",
|
|
81
|
+
orient: "vertical",
|
|
82
|
+
right: "2%",
|
|
83
|
+
top: "center",
|
|
84
|
+
itemGap: 12,
|
|
85
|
+
pageTextStyle: { color: "#fff" },
|
|
86
|
+
pageIconColor: "#0bc4e9",
|
|
87
|
+
pageIconInactiveColor: "rgba(255, 255, 255, 0.3)",
|
|
88
|
+
formatter: (t) => {
|
|
89
|
+
let n = e.find((e) => e.name === t);
|
|
90
|
+
return `{name|${t}} {value|${n ? n.value : 0}个}`;
|
|
91
|
+
},
|
|
92
|
+
textStyle: { rich: {
|
|
93
|
+
name: {
|
|
94
|
+
color: "#fff",
|
|
95
|
+
fontSize: 12,
|
|
96
|
+
width: 50
|
|
97
|
+
},
|
|
98
|
+
value: {
|
|
99
|
+
color: "#0bc4e9",
|
|
100
|
+
fontSize: 14,
|
|
101
|
+
fontWeight: "bold",
|
|
102
|
+
width: 40,
|
|
103
|
+
align: "right"
|
|
104
|
+
}
|
|
105
|
+
} }
|
|
106
|
+
},
|
|
107
|
+
series: [{
|
|
108
|
+
name: "预警统计",
|
|
109
|
+
type: "pie",
|
|
110
|
+
radius: ["45%", "70%"],
|
|
111
|
+
center: ["26%", "50%"],
|
|
112
|
+
avoidLabelOverlap: !1,
|
|
113
|
+
label: {
|
|
114
|
+
show: !1,
|
|
115
|
+
position: "center"
|
|
116
|
+
},
|
|
117
|
+
emphasis: { label: {
|
|
118
|
+
show: !0,
|
|
119
|
+
fontSize: 14,
|
|
120
|
+
fontWeight: "bold"
|
|
121
|
+
} },
|
|
122
|
+
labelLine: { show: !1 },
|
|
123
|
+
data: e
|
|
124
|
+
}]
|
|
125
|
+
};
|
|
126
|
+
M.setOption(t);
|
|
127
|
+
}, I = () => {
|
|
128
|
+
E("close", "EarlyWarningStatistic");
|
|
129
|
+
};
|
|
130
|
+
return (e, t) => {
|
|
131
|
+
let u = r, d = i, f = n;
|
|
132
|
+
return v((p(), s("div", b, [
|
|
133
|
+
c("div", x, [c("div", S, [c("div", null, g((/* @__PURE__ */ new Date()).getFullYear()) + "年预警统计", 1), c("div", {
|
|
134
|
+
class: "closeBtn",
|
|
135
|
+
onClick: I,
|
|
136
|
+
title: "关闭"
|
|
137
|
+
})]), t[1] ||= c("img", {
|
|
138
|
+
class: "EarlyWarningStatistic-head-line",
|
|
139
|
+
src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbsAAAASBAMAAAAwI22/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURQAAAAem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/wem/5bu5GYAAAAPdFJOUwAFwAwc2M8ULQYDn/hGXGnV2UoAAAGZSURBVEjH7ZM/S8NAGId/JYGmmeLspptThurk0CHWRXGo0Nk/S50y6CYSHMRF7Efo4uQXEIpbwUnM6OhnEIeChXjv5ZLLXdLtLCX68vDCe0eGJ7/3AJN1VcL+UImB/SruVJwYTqSAW5V3LLyaPR1c+IIdH12OPZiLcyTAjccZEdccZ0Nn4bXpC3KpCuFu5tkdziX3FJxBSBZZdFk9HempCduMk4xSitJTpOgJSSIPrx10YAUB0tYOwrQ1g12k7ZyODIYXZmQpppLV26rtbDFOXVhua2Fn7WTWwUEyAe5Zc2hiLWTTC3jjk8Hw+jrSM9/Z8raKOAtZVmyr9jbpee4lU9hvSUStw6YvOpqwiXlK9d8IL0Oq5tuqvc3KLMs7q9uyCC0y22aKvDVp4u2SjnJ1c+Wecg7h9gV4CFV8NHpEaw7yF2wVGcIa6OBx/Ax3PI6pRWx6Am98alBbpSODNVTxgAbQUpF3KeVv0s80xMUow8N//YVaqWEV9BJDdby2PBUZ1/te0uU0YzeLa623jjrrvaLOep/+str9ACyAtv25BhHcAAAAAElFTkSuQmCC",
|
|
140
|
+
alt: ""
|
|
141
|
+
}, null, -1)]),
|
|
142
|
+
c("div", C, [c("div", w, [t[2] ||= c("span", { class: "label" }, "类别:", -1), l(d, {
|
|
143
|
+
modelValue: O.value,
|
|
144
|
+
"onUpdate:modelValue": t[0] ||= (e) => O.value = e,
|
|
145
|
+
placeholder: "请选择",
|
|
146
|
+
class: "dark-select",
|
|
147
|
+
style: { width: "100px" },
|
|
148
|
+
size: "small",
|
|
149
|
+
onChange: F
|
|
150
|
+
}, {
|
|
151
|
+
default: _(() => [(p(!0), s(a, null, h(k.value, (e) => (p(), o(u, {
|
|
152
|
+
key: e.value,
|
|
153
|
+
label: e.label,
|
|
154
|
+
value: e.value
|
|
155
|
+
}, null, 8, ["label", "value"]))), 128))]),
|
|
156
|
+
_: 1
|
|
157
|
+
}, 8, ["modelValue"])])]),
|
|
158
|
+
c("div", {
|
|
159
|
+
ref_key: "chartRef",
|
|
160
|
+
ref: j,
|
|
161
|
+
class: "EarlyWarningStatistic-chart"
|
|
162
|
+
}, null, 512)
|
|
163
|
+
])), [[f, D.value]]);
|
|
164
|
+
};
|
|
165
|
+
}
|
|
166
|
+
}), [["__scopeId", "data-v-0578ee11"]]);
|
|
167
|
+
//#endregion
|
|
168
|
+
export { T as t };
|