nxd-plugin 1.7.82 → 1.7.83

package/dist/chunks/component-HdPreSituation-LBpO58bE.mjs

@@ -0,0 +1,604 @@
+import { r as e } from "./rolldown-runtime-Cz5NsrRf.mjs";
+import { n as t } from "./component-AqiMonitor-DoAVs1Jf.mjs";
+import { i as n } from "./component-AiChat-C1xBPkS5.mjs";
+import "./component-Forecast72h-BZ1kB2TJ.mjs";
+import { n as r } from "./component-HdObservation-BmQdGJV6.mjs";
+import { ElIcon as i, ElLoadingDirective as a, ElOption as ee, ElSelect as te, ElTable as ne, ElTableColumn as re } from "element-plus/es";
+import { Fragment as o, computed as s, createBlock as ie, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, nextTick as m, normalizeClass as ae, normalizeStyle as h, onBeforeUnmount as g, onMounted as oe, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, watch as se, withCtx as S, withDirectives as ce } from "vue";
+import { Download as le, TrendCharts as ue } from "@element-plus/icons-vue";
+import * as C from "echarts";
+//#region src/components/HdPreSituation/HdPreSituation.vue?vue&type=script&setup=true&lang.ts
+var de = /* @__PURE__ */ e(r()), fe = {
+	class: "HdPreSituation",
+	"element-loading-background": "rgba(0, 0, 0, 0.5)"
+}, pe = { class: "HdPreSituation-header" }, me = { class: "HdPreSituation-headerContent" }, he = {
+	key: 0,
+	class: "HdPreSituation-dataTime"
+}, ge = { class: "HdPreSituation-body" }, _e = {
+	key: 0,
+	class: "HdPreSituation-timeRange"
+}, ve = { class: "HdPreSituation-summary" }, ye = { class: "HdPreSituation-total" }, be = { class: "HdPreSituation-totalValue" }, xe = { class: "HdPreSituation-splitBar" }, Se = { class: "HdPreSituation-section" }, Ce = { class: "HdPreSituation-levelList" }, we = { class: "HdPreSituation-levelRange" }, Te = { class: "HdPreSituation-section" }, Ee = { class: "HdPreSituation-section HdPreSituation-section--table" }, w = { class: "HdPreSituation-tableHeader" }, T = { class: "HdPreSituation-tableActions" }, E = { class: "HdPreSituation-tableWrap" }, D = {
+	key: 0,
+	class: "HdPreSituation-trendMask"
+}, De = { class: "HdPreSituation-trendPopup" }, Oe = { class: "HdPreSituation-trendHeader" }, ke = { class: "HdPreSituation-trendActions" }, Ae = { class: "HdPreSituation-trendThreshold" }, O = /* @__PURE__ */ t(/* @__PURE__ */ f({
+	__name: "HdPreSituation",
+	props: {
+		mock: {
+			type: Boolean,
+			default: !0
+		},
+		baseHttp: { default: "" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		ids: { default: () => ({}) },
+		refreshInterval: { default: 300 * 1e3 },
+		threshold: { default: 15 },
+		locateZoom: { default: 8 },
+		trendDefaultRegions: { default: 1e3 },
+		mockData: { default: () => ({
+			dataTime: "2026-08-12 14时",
+			timeRange: "2026年08月12日13时00分-2026年08月12日14时00分",
+			list: [
+				{
+					stationName: "临朐寺头",
+					stationCode: "54901",
+					region: "临朐",
+					lon: 114.9964643491507,
+					lat: 27.93822811514605,
+					precipitation: 25.8
+				},
+				{
+					stationName: "诸城朱解",
+					stationCode: "54902",
+					region: "诸城",
+					lon: 119.2,
+					lat: 36,
+					precipitation: 18.4
+				},
+				{
+					stationName: "诸城桃林",
+					stationCode: "54903",
+					region: "诸城",
+					lon: 119.4,
+					lat: 35.8,
+					precipitation: 14.2
+				},
+				{
+					stationName: "希望小学",
+					stationCode: "54904",
+					region: "安丘",
+					lon: 119.1,
+					lat: 36.3,
+					precipitation: 13
+				},
+				{
+					stationName: "诸城桃园",
+					stationCode: "54905",
+					region: "诸城",
+					lon: 119.3,
+					lat: 36.1,
+					precipitation: 10.6
+				},
+				{
+					stationName: "诸城昌标",
+					stationCode: "54906",
+					region: "诸城",
+					lon: 119.2,
+					lat: 36.2,
+					precipitation: 6.3
+				},
+				{
+					stationName: "诸城目标",
+					stationCode: "54907",
+					region: "诸城",
+					lon: 119.3,
+					lat: 36,
+					precipitation: 6.3
+				},
+				{
+					stationName: "昌邑青阜",
+					stationCode: "54908",
+					region: "昌邑",
+					lon: 119.5,
+					lat: 36.9,
+					precipitation: 6.3
+				},
+				{
+					stationName: "响嵩山水库",
+					stationCode: "54909",
+					region: "临朐",
+					lon: 118.8,
+					lat: 36.5,
+					precipitation: 4.6
+				},
+				{
+					stationName: "黄岛",
+					stationCode: "54910",
+					region: "黄岛",
+					lon: 120,
+					lat: 35.9,
+					precipitation: 2.3
+				}
+			]
+		}) }
+	},
+	emits: ["close", "locate"],
+	setup(e, { emit: t }) {
+		let r = p()?.appContext.config.globalProperties.$bus, f = e, O = t, k = v(!1), A = v(""), j = v(""), M = v([]), N = v([]), P = v(null), F = v(null), I = null, L = null, R = null, z = v(!1), B = v([]), V = [
+			{
+				label: "小雨",
+				range: "0.1-1.6mm",
+				min: .1,
+				max: 1.6,
+				color: "#05ddfa"
+			},
+			{
+				label: "中雨",
+				range: "1.6-7mm",
+				min: 1.6,
+				max: 7,
+				color: "#165DFF"
+			},
+			{
+				label: "大雨",
+				range: "7-15mm",
+				min: 7,
+				max: 15,
+				color: "#00B42A"
+			},
+			{
+				label: "暴雨",
+				range: "15-40mm",
+				min: 15,
+				max: 40,
+				color: "#FF7D00"
+			},
+			{
+				label: "大暴雨",
+				range: "40-50mm",
+				min: 40,
+				max: 50,
+				color: "#F53F3F"
+			},
+			{
+				label: "特大暴雨",
+				range: "≥50mm",
+				min: 50,
+				max: Infinity,
+				color: "#820014"
+			}
+		], H = s(() => M.value.filter((e) => e.precipitation >= f.threshold).length), U = s(() => M.value.length - H.value), W = s(() => M.value.length ? H.value / M.value.length * 100 : 0), je = s(() => 100 - W.value), G = s(() => [...M.value].filter((e) => !J(e.precipitation)).sort((e, t) => t.precipitation - e.precipitation).slice(0, 20).map((e) => ({
+			...e,
+			isAlarm: e.precipitation >= f.threshold
+		}))), Me = s(() => V.map((e) => ({
+			...e,
+			count: M.value.filter((t) => {
+				let n = t.precipitation;
+				return n >= e.min && n < e.max;
+			}).length
+		}))), K = s(() => Array.from(new Set(N.value.map((e) => e.region)))), q = s(() => {
+			let e = {};
+			return N.value.forEach((t) => {
+				e[t.region] = (e[t.region] || 0) + t.value;
+			}), Object.entries(e).sort((e, t) => t[1] - e[1]).slice(0, f.trendDefaultRegions).map(([e]) => e);
+		}), J = (e) => e == null || e === "" || e === 9999, Y = (e) => {
+			if (J(e)) return "--";
+			let t = Number(e);
+			return isNaN(t) ? String(e) : t.toFixed(1);
+		}, Ne = (e) => {
+			let t = V.find((t) => e >= t.min && e < t.max);
+			return t ? t.label : "--";
+		}, Pe = () => {
+			O("close", "HdPreSituation");
+		}, Fe = (e) => {
+			O("locate", {
+				stationName: e.stationName,
+				stationCode: e.stationCode,
+				region: e.region,
+				lon: e.lon,
+				lat: e.lat,
+				zoom: f.locateZoom
+			});
+		}, Ie = () => {
+			z.value = !0, B.value = q.value.length ? q.value : K.value.slice(0, f.trendDefaultRegions), m(() => {
+				Q();
+			});
+		}, Le = () => {
+			z.value = !1, L &&= (L.dispose(), null);
+		}, X = (e) => {
+			let t = f.ids[e] || f.ids.data;
+			return t?.id ? t : null;
+		}, Re = (e) => e ? e.data === void 0 ? e.result === void 0 ? e : e.result : e.data?.result?.output === void 0 ? e.data?.result === void 0 ? e.data : e.data.result : e.data.result.output : null, ze = () => {
+			let e = f.mockData;
+			M.value = e.list || [], A.value = e.dataTime || "", j.value = e.timeRange || "", N.value = e.trend?.length ? e.trend : Be();
+		}, Be = () => {
+			let e = Array.from(new Set(M.value.map((e) => e.region))), t = [
+				"08时",
+				"09时",
+				"10时",
+				"11时",
+				"12时",
+				"13时",
+				"14时"
+			], n = [];
+			return e.forEach((e) => {
+				t.forEach((t, r) => {
+					n.push({
+						time: t,
+						region: e,
+						value: Number((Math.random() * 10 + r * 2).toFixed(1))
+					});
+				});
+			}), n;
+		}, Ve = async () => {
+			let e = X("data");
+			if (!e) {
+				console.warn("HdPreSituation 缺少数据工作流配置");
+				return;
+			}
+			try {
+				let t = Re(await n({
+					id: e.id,
+					baseHttp: f.baseHttp,
+					reqType: e.reqType,
+					variables: {},
+					isFormData: e.isFormData,
+					appKey: f.appKey,
+					appSalt: f.appSalt
+				}));
+				t && (M.value = Array.isArray(t.list) ? t.list : [], A.value = t.dataTime || "", j.value = t.timeRange || "", N.value = Array.isArray(t.trend) ? t.trend : []);
+			} catch (e) {
+				console.error("HdPreSituation 数据加载失败", e);
+			}
+		}, Z = async () => {
+			k.value = !0, f.mock ? ze() : await Ve(), k.value = !1, m(() => {
+				He();
+			});
+		}, He = () => {
+			if (!P.value) return;
+			I && I.dispose(), I = C.init(P.value);
+			let e = {
+				backgroundColor: "transparent",
+				tooltip: {
+					trigger: "item",
+					backgroundColor: "rgba(6, 32, 56, 0.95)",
+					borderColor: "rgba(64, 158, 255, 0.4)",
+					textStyle: { color: "#fff" },
+					formatter: "{b}: {c}站 ({d}%)"
+				},
+				legend: {
+					bottom: 0,
+					textStyle: {
+						color: "rgba(255,255,255,0.8)",
+						fontSize: 11
+					},
+					itemWidth: 10,
+					itemHeight: 10
+				},
+				series: [{
+					name: "报警统计",
+					type: "pie",
+					radius: ["35%", "60%"],
+					center: ["50%", "45%"],
+					avoidLabelOverlap: !1,
+					label: {
+						show: !0,
+						color: "#fff",
+						fontSize: 11,
+						formatter: "{b}\n{c}站"
+					},
+					labelLine: {
+						show: !0,
+						lineStyle: { color: "rgba(255,255,255,0.3)" }
+					},
+					data: [{
+						value: U.value,
+						name: "正常",
+						itemStyle: { color: "#00B42A" }
+					}, {
+						value: H.value,
+						name: "报警",
+						itemStyle: { color: "#F53F3F" }
+					}]
+				}]
+			};
+			I.setOption(e);
+		}, Ue = (e, t) => {
+			let n = [...e, t].filter((e) => !isNaN(Number(e)));
+			if (!n.length) return 20;
+			let r = Math.max(...n);
+			return Math.ceil(r * 1.1);
+		}, Q = () => {
+			if (!F.value) return;
+			L && L.dispose();
+			let e = Array.from(new Set(N.value.map((e) => e.time))), t = {};
+			N.value.forEach((e) => {
+				t[e.region] || (t[e.region] = []), t[e.region].push(e.value);
+			});
+			let n = B.value.filter((e) => t[e]), r = [
+				"#05ddfa",
+				"#FF7D00",
+				"#00B42A",
+				"#A855F7",
+				"#F53F3F",
+				"#165DFF",
+				"#FF4D4F",
+				"#EB2F96",
+				"#13C2C2",
+				"#FAAD14"
+			], i = Ue(N.value.filter((e) => n.includes(e.region)).map((e) => e.value), f.threshold), a = {
+				backgroundColor: "transparent",
+				grid: {
+					top: 40,
+					right: 24,
+					bottom: 24,
+					left: 48
+				},
+				tooltip: {
+					trigger: "axis",
+					backgroundColor: "rgba(6, 32, 56, 0.95)",
+					borderColor: "rgba(64, 158, 255, 0.4)",
+					textStyle: { color: "#fff" },
+					formatter: (e) => `${e[0]?.axisValue || ""}<br/>${e.map((e) => (e.seriesName, `${e.marker} ${e.seriesName}: ${e.value}mm`)).join("<br/>")}`
+				},
+				legend: {
+					data: [...n, "阈值"],
+					top: 0,
+					type: "scroll",
+					textStyle: {
+						color: "rgba(255,255,255,0.8)",
+						fontSize: 11
+					},
+					itemWidth: 12,
+					itemHeight: 8,
+					pageIconColor: "#05ddfa",
+					pageTextStyle: { color: "rgba(255,255,255,0.7)" }
+				},
+				xAxis: {
+					type: "category",
+					data: e,
+					axisLine: { lineStyle: { color: "rgba(255,255,255,0.2)" } },
+					axisLabel: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 11
+					},
+					axisTick: { show: !1 }
+				},
+				yAxis: {
+					type: "value",
+					max: i,
+					name: "单位：mm",
+					nameTextStyle: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 10,
+						padding: [
+							0,
+							0,
+							0,
+							8
+						]
+					},
+					axisLine: { show: !1 },
+					axisLabel: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 11
+					},
+					splitLine: { show: !1 },
+					axisTick: { show: !1 }
+				},
+				series: [{
+					name: "阈值",
+					type: "line",
+					data: e.map(() => f.threshold),
+					itemStyle: { color: "#F53F3F" },
+					lineStyle: {
+						type: "dashed",
+						width: 1
+					},
+					symbol: "none"
+				}, ...n.map((e, n) => ({
+					name: e,
+					type: "line",
+					data: t[e],
+					smooth: !0,
+					itemStyle: { color: r[n % r.length] },
+					lineStyle: { width: 2 },
+					symbol: "circle",
+					symbolSize: 4
+				}))]
+			};
+			L = C.init(F.value), L.setOption(a);
+		};
+		se(K, (e) => {
+			z.value && (B.value = e.slice(0, f.trendDefaultRegions), m(() => Q()));
+		});
+		let We = () => {
+			let e = G.value.map((e, t) => ({
+				序号: t + 1,
+				区域: e.region,
+				站名: e.stationName,
+				站号: e.stationCode,
+				降水量: Y(e.precipitation),
+				单位: "mm",
+				等级: Ne(e.precipitation),
+				是否报警: e.isAlarm ? "是" : "否"
+			}));
+			new de.default({
+				fileName: `降水实况统计_${(/* @__PURE__ */ new Date()).getTime()}`,
+				datas: [{
+					sheetData: e,
+					sheetName: "降水实况",
+					sheetFilter: [
+						"序号",
+						"区域",
+						"站名",
+						"站号",
+						"降水量",
+						"单位",
+						"等级",
+						"是否报警"
+					],
+					sheetHeader: [
+						"序号",
+						"区域",
+						"站名",
+						"站号",
+						"降水量",
+						"单位",
+						"等级",
+						"是否报警"
+					],
+					columnWidths: [
+						8,
+						12,
+						18,
+						12,
+						12,
+						8,
+						12,
+						12
+					]
+				}]
+			}).saveExcel();
+		}, Ge = () => {
+			$(), !(f.refreshInterval <= 0) && (R = setInterval(() => {
+				Z();
+			}, f.refreshInterval));
+		}, $ = () => {
+			R &&= (clearInterval(R), null);
+		};
+		return oe(() => {
+			r?.on("toComponent", (e) => {
+				e.componentName === "HdPreSituation" && Z();
+			}), Z(), Ge(), window.addEventListener("resize", () => {
+				I?.resize(), L?.resize();
+			});
+		}), g(() => {
+			$(), I &&= (I.dispose(), null), L &&= (L.dispose(), null);
+		}), (e, t) => {
+			let n = i, r = re, s = ne, p = ee, m = te, g = a;
+			return ce((_(), l("div", fe, [
+				u("button", {
+					class: "HdPreSituation-close",
+					onClick: Pe
+				}, [...t[1] ||= [u("span", null, "✕", -1)]]),
+				u("div", pe, [u("div", me, [t[2] ||= u("h3", { class: "HdPreSituation-title" }, "降水实况统计", -1), A.value ? (_(), l("span", he, "（数据时间：" + b(A.value) + "）", 1)) : c("", !0)]), t[3] ||= u("img", {
+					style: {
+						width: "100%",
+						"object-fit": "contain",
+						"margin-top": "4px"
+					},
+					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",
+					alt: ""
+				}, null, -1)]),
+				u("div", ge, [
+					j.value ? (_(), l("div", _e, b(j.value), 1)) : c("", !0),
+					u("div", ve, [u("div", ye, [t[4] ||= u("span", { class: "HdPreSituation-totalLabel" }, "总站数", -1), u("span", be, b(M.value.length), 1)]), u("div", xe, [u("div", {
+						class: "HdPreSituation-splitBarItem HdPreSituation-splitBarItem--normal",
+						style: h({ width: je.value + "%" })
+					}, [u("span", null, "正常 " + b(U.value), 1)], 4), u("div", {
+						class: "HdPreSituation-splitBarItem HdPreSituation-splitBarItem--alarm",
+						style: h({ width: W.value + "%" })
+					}, [u("span", null, "报警 " + b(H.value), 1)], 4)])]),
+					u("div", Se, [t[5] ||= u("div", { class: "HdPreSituation-sectionTitle" }, "降水等级分布", -1), u("div", Ce, [(_(!0), l(o, null, y(Me.value, (e) => (_(), l("div", {
+						key: e.label,
+						class: "HdPreSituation-levelItem"
+					}, [
+						u("span", {
+							class: "HdPreSituation-levelName",
+							style: h({ color: e.color })
+						}, b(e.label), 5),
+						u("span", we, b(e.range), 1),
+						u("span", {
+							class: "HdPreSituation-levelCount",
+							style: h({ color: e.color })
+						}, b(e.count), 5)
+					]))), 128))])]),
+					u("div", Te, [t[6] ||= u("div", { class: "HdPreSituation-sectionTitle" }, "报警统计", -1), u("div", {
+						ref_key: "pieChartRef",
+						ref: P,
+						class: "HdPreSituation-pieChart"
+					}, null, 512)]),
+					u("div", Ee, [u("div", w, [t[9] ||= u("span", { class: "HdPreSituation-sectionTitle" }, "区域降水排名", -1), u("div", T, [u("button", {
+						class: "HdPreSituation-btn",
+						onClick: Ie
+					}, [d(n, null, {
+						default: S(() => [d(x(ue))]),
+						_: 1
+					}), t[7] ||= u("span", { class: "HdPreSituation-btnText" }, "趋势图", -1)]), u("button", {
+						class: "HdPreSituation-btn",
+						onClick: We
+					}, [d(n, null, {
+						default: S(() => [d(x(le))]),
+						_: 1
+					}), t[8] ||= u("span", { class: "HdPreSituation-btnText" }, "导出", -1)])])]), u("div", E, [d(s, {
+						data: G.value,
+						class: "HdPreSituation-table",
+						"max-height": "220",
+						"empty-text": "暂无数据",
+						onRowClick: Fe
+					}, {
+						default: S(() => [
+							d(r, {
+								prop: "region",
+								label: "区域",
+								align: "left",
+								"min-width": "50"
+							}),
+							d(r, {
+								prop: "stationName",
+								label: "站名",
+								align: "left",
+								"min-width": "60",
+								"show-overflow-tooltip": ""
+							}),
+							d(r, {
+								label: "降水量",
+								align: "left",
+								"min-width": "80"
+							}, {
+								default: S(({ row: e }) => [u("span", { class: ae({ "HdPreSituation-alarmText": e.isAlarm }) }, b(Y(e.precipitation)) + "mm", 3)]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["data"])])])
+				]),
+				z.value ? (_(), l("div", D, [u("div", De, [u("div", Oe, [t[10] ||= u("div", { class: "HdPreSituation-trendTitle" }, "区域降水趋势", -1), u("div", ke, [
+					u("span", Ae, "阈值：" + b(f.threshold) + "mm", 1),
+					d(m, {
+						modelValue: B.value,
+						"onUpdate:modelValue": t[0] ||= (e) => B.value = e,
+						class: "HdPreSituation-regionSelect",
+						"popper-class": "HdPreSituation-regionPopper",
+						size: "small",
+						multiple: "",
+						effect: "dark",
+						"collapse-tags": "",
+						"collapse-tags-tooltip": "",
+						teleported: !1,
+						placeholder: "选择区域",
+						onChange: Q
+					}, {
+						default: S(() => [(_(!0), l(o, null, y(K.value, (e) => (_(), ie(p, {
+							key: e,
+							label: e,
+							value: e
+						}, null, 8, ["label", "value"]))), 128))]),
+						_: 1
+					}, 8, ["modelValue"]),
+					u("button", {
+						class: "HdPreSituation-trendClose",
+						onClick: Le
+					}, "✕")
+				])]), u("div", {
+					ref_key: "trendChartRef",
+					ref: F,
+					class: "HdPreSituation-trendChart"
+				}, null, 512)])])) : c("", !0)
+			])), [[g, k.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-c853d39d"]]);
+//#endregion
+export { O as t };