nxd-plugin 1.7.82 → 1.7.84

package/dist/chunks/component-HdPreSituation-CJ8-wiRO.mjs

@@ -0,0 +1,639 @@
+import { r as e } from "./rolldown-runtime-Cz5NsrRf.mjs";
+import { n as t } from "./component-AqiMonitor-C_V1Nuf_.mjs";
+import { i as n } from "./component-AiChat-BXNBLM1G.mjs";
+import "./component-Forecast72h-BkVZSGhE.mjs";
+import { n as r } from "./component-HdObservation-CM6HUrQ3.mjs";
+import { ElConfigProvider as i, ElDatePicker as a, ElIcon as ee, ElLoadingDirective as te, ElOption as ne, ElSelect as re, ElTable as ie, ElTableColumn as ae } from "element-plus/es";
+import { Fragment as o, computed as s, createBlock as oe, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, nextTick as m, normalizeClass as se, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, watch as ce, withCtx as C, withDirectives as le } from "vue";
+import { Download as ue, TrendCharts as de } from "@element-plus/icons-vue";
+import * as w from "echarts";
+import { ElMessage as fe } from "element-plus";
+import pe from "element-plus/es/locale/lang/zh-cn.mjs";
+import "element-plus/dist/index.css";
+//#region src/components/HdPreSituation/HdPreSituation.vue?vue&type=script&setup=true&lang.ts
+var me = /* @__PURE__ */ e(r()), he = {
+	class: "HdPreSituation",
+	"element-loading-background": "rgba(0, 0, 0, 0.5)"
+}, ge = { class: "HdPreSituation-header" }, _e = { class: "HdPreSituation-headerContent" }, ve = {
+	key: 0,
+	class: "HdPreSituation-dataTime"
+}, ye = { class: "HdPreSituation-body" }, be = { class: "HdPreSituation-timeRange" }, xe = { class: "HdPreSituation-summary" }, Se = { class: "HdPreSituation-total" }, Ce = { class: "HdPreSituation-totalValue" }, we = { class: "HdPreSituation-splitBar" }, Te = { class: "HdPreSituation-section" }, Ee = { class: "HdPreSituation-levelList" }, De = { class: "HdPreSituation-levelRange" }, Oe = { class: "HdPreSituation-section HdPreSituation-section--table" }, T = { class: "HdPreSituation-tableHeader" }, ke = { class: "HdPreSituation-tableActions" }, Ae = { class: "HdPreSituation-tableWrap" }, je = {
+	key: 0,
+	class: "HdPreSituation-trendMask"
+}, Me = { class: "HdPreSituation-trendPopup" }, Ne = { class: "HdPreSituation-trendHeader" }, Pe = { class: "HdPreSituation-trendActions" }, Fe = { class: "HdPreSituation-trendThreshold" }, E = /* @__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, E = t, D = y(!1), O = y(""), k = y([]), A = y([]), j = y([]), M = y(null), N = y(null), P = null, F = null, I = null, L = y(!1), R = y([]), z = [
+			{
+				label: "小雨",
+				range: "0.1-1.6mm/h",
+				min: .1,
+				max: 1.6,
+				color: "#05ddfa"
+			},
+			{
+				label: "中雨",
+				range: "1.6-7mm/h",
+				min: 1.6,
+				max: 7,
+				color: "#165DFF"
+			},
+			{
+				label: "大雨",
+				range: "7-15mm/h",
+				min: 7,
+				max: 15,
+				color: "#00B42A"
+			},
+			{
+				label: "暴雨",
+				range: "15-40mm/h",
+				min: 15,
+				max: 40,
+				color: "#FF7D00"
+			},
+			{
+				label: "大暴雨",
+				range: "40-50mm/h",
+				min: 40,
+				max: 50,
+				color: "#F53F3F"
+			},
+			{
+				label: "特大暴雨",
+				range: "≥50mm/h",
+				min: 50,
+				max: Infinity,
+				color: "#820014"
+			}
+		], B = s(() => A.value.filter((e) => e.precipitation >= f.threshold).length), V = s(() => A.value.length - B.value), H = s(() => A.value.length ? B.value / A.value.length * 100 : 0), Ie = s(() => 100 - H.value), U = s(() => [...A.value].filter((e) => !J(e.precipitation)).sort((e, t) => t.precipitation - e.precipitation).slice(0, 20).map((e) => ({
+			...e,
+			isAlarm: e.precipitation >= f.threshold
+		}))), Le = s(() => z.map((e) => ({
+			...e,
+			count: A.value.filter((t) => {
+				let n = t.precipitation;
+				return n >= e.min && n < e.max;
+			}).length
+		}))), W = s(() => Array.from(new Set(j.value.map((e) => e.region)))), G = s(() => {
+			let e = {};
+			return j.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);
+		}), K = (e) => {
+			let t = (e) => String(e).padStart(2, "0");
+			return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())} ${t(e.getHours())}:${t(e.getMinutes())}:${t(e.getSeconds())}`;
+		}, q = () => {
+			let e = /* @__PURE__ */ new Date();
+			k.value = [K(/* @__PURE__ */ new Date(e.getTime() - 3600 * 1e3)), K(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);
+		}, Re = (e) => {
+			let t = z.find((t) => e >= t.min && e < t.max);
+			return t ? t.label : "--";
+		}, ze = () => {
+			E("close", "HdPreSituation");
+		}, Be = () => {
+			Z();
+		}, Ve = (e) => {
+			E("locate", {
+				stationName: e.stationName,
+				stationCode: e.stationCode,
+				region: e.region,
+				lon: e.lon,
+				lat: e.lat,
+				zoom: f.locateZoom
+			});
+		}, He = () => {
+			L.value = !0, R.value = G.value.length ? G.value : W.value.slice(0, f.trendDefaultRegions), m(() => {
+				Q();
+			});
+		}, Ue = () => {
+			L.value = !1, F &&= (F.dispose(), null);
+		}, We = (e) => {
+			let t = f.ids[e] || f.ids.data;
+			return t?.id ? t : null;
+		}, X = (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, Ge = () => {
+			let e = f.mockData;
+			A.value = e.list || [], O.value = e.dataTime || "", k.value.length || q(), j.value = e.trend?.length ? e.trend : Ke();
+		}, Ke = () => {
+			let e = Array.from(new Set(A.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;
+		}, qe = async () => {
+			let e = We("data");
+			if (!e) {
+				console.warn("HdPreSituation 缺少数据工作流配置");
+				return;
+			}
+			k.value.length || q();
+			let [t, r] = k.value;
+			try {
+				let i = X(await n({
+					id: e.id,
+					baseHttp: f.baseHttp,
+					reqType: e.reqType,
+					variables: {
+						startTime: t || "",
+						endTime: r || ""
+					},
+					isFormData: e.isFormData,
+					appKey: f.appKey,
+					appSalt: f.appSalt
+				}));
+				i && (A.value = Array.isArray(i.list) ? i.list : [], O.value = i.dataTime || "", j.value = Array.isArray(i.trend) ? i.trend : []);
+			} catch (e) {
+				console.error("HdPreSituation 数据加载失败", e);
+			}
+		}, Z = async () => {
+			D.value = !0, f.mock ? Ge() : await qe(), D.value = !1, m(() => {
+				Je();
+			});
+		}, Je = () => {
+			if (!M.value) return;
+			P && P.dispose(), P = w.init(M.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: V.value,
+						name: "正常",
+						itemStyle: { color: "#00B42A" }
+					}, {
+						value: B.value,
+						name: "报警",
+						itemStyle: { color: "#F53F3F" }
+					}]
+				}]
+			};
+			P.setOption(e);
+		}, Ye = (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 (!N.value) return;
+			F && F.dispose();
+			let e = Array.from(new Set(j.value.map((e) => e.time))), t = {};
+			j.value.forEach((e) => {
+				t[e.region] || (t[e.region] = []), t[e.region].push(e.value);
+			});
+			let n = R.value.filter((e) => t[e]), r = [
+				"#05ddfa",
+				"#FF7D00",
+				"#00B42A",
+				"#A855F7",
+				"#F53F3F",
+				"#165DFF",
+				"#FF4D4F",
+				"#EB2F96",
+				"#13C2C2",
+				"#FAAD14"
+			], i = Ye(j.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.marker} ${e.seriesName}: ${e.value}mm/h`).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/h",
+					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: "bar",
+					data: t[e],
+					barWidth: 12,
+					barGap: "20%",
+					itemStyle: {
+						color: r[n % r.length],
+						borderRadius: [
+							4,
+							4,
+							0,
+							0
+						]
+					}
+				}))]
+			};
+			F = w.init(N.value), F.setOption(a);
+		};
+		ce(W, (e) => {
+			L.value && (R.value = e.slice(0, f.trendDefaultRegions), m(() => Q()));
+		});
+		let Xe = () => {
+			if (U.value.length == 0) {
+				fe.warning("暂无数据");
+				return;
+			}
+			let e = U.value.map((e, t) => ({
+				序号: t + 1,
+				区域: e.region,
+				站名: e.stationName,
+				站号: e.stationCode,
+				降水量: Y(e.precipitation),
+				单位: "mm/h",
+				等级: Re(e.precipitation),
+				是否报警: e.isAlarm ? "是" : "否"
+			}));
+			new me.default({
+				fileName: `降水实况统计_${(/* @__PURE__ */ new Date()).getTime()}`,
+				datas: [{
+					sheetData: e,
+					sheetName: "降水实况",
+					sheetFilter: [
+						"序号",
+						"区域",
+						"站名",
+						"站号",
+						"降水量",
+						"单位",
+						"等级",
+						"是否报警"
+					],
+					sheetHeader: [
+						"序号",
+						"区域",
+						"站名",
+						"站号",
+						"降水量",
+						"单位",
+						"等级",
+						"是否报警"
+					],
+					columnWidths: [
+						8,
+						12,
+						18,
+						12,
+						12,
+						8,
+						12,
+						12
+					]
+				}]
+			}).saveExcel();
+		}, Ze = () => {
+			$(), !(f.refreshInterval <= 0) && (I = setInterval(() => {
+				Z();
+			}, f.refreshInterval));
+		}, $ = () => {
+			I &&= (clearInterval(I), null);
+		};
+		return _(() => {
+			r?.on("toComponent", (e) => {
+				e.componentName === "HdPreSituation" && Z();
+			}), Z(), Ze(), window.addEventListener("resize", () => {
+				P?.resize(), F?.resize();
+			});
+		}), g(() => {
+			$(), P &&= (P.dispose(), null), F &&= (F.dispose(), null);
+		}), (e, t) => {
+			let n = a, r = i, s = ee, p = ae, m = ie, g = ne, _ = re, y = te;
+			return le((v(), l("div", he, [
+				u("button", {
+					class: "HdPreSituation-close",
+					onClick: ze
+				}, [...t[2] ||= [u("span", null, "✕", -1)]]),
+				u("div", ge, [u("div", _e, [t[3] ||= u("h3", { class: "HdPreSituation-title" }, "降水实况统计", -1), O.value ? (v(), l("span", ve, "（数据时间：" + x(O.value) + "）", 1)) : c("", !0)]), t[4] ||= 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", ye, [
+					u("div", be, [d(r, { locale: S(pe) }, {
+						default: C(() => [d(n, {
+							style: { width: "100%" },
+							modelValue: k.value,
+							"onUpdate:modelValue": t[0] ||= (e) => k.value = e,
+							class: "HdPreSituation-timePicker",
+							"popper-class": "HdPreSituation-timePopper",
+							type: "datetimerange",
+							format: "YYYY年MM月DD日 HH:mm",
+							"value-format": "YYYY-MM-DD HH:mm:ss",
+							"range-separator": "-",
+							"start-placeholder": "开始时间",
+							"end-placeholder": "结束时间",
+							size: "small",
+							onChange: Be
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["locale"])]),
+					u("div", xe, [u("div", Se, [t[5] ||= u("span", { class: "HdPreSituation-totalLabel" }, "总站数", -1), u("span", Ce, x(A.value.length), 1)]), u("div", we, [u("div", {
+						class: "HdPreSituation-splitBarItem HdPreSituation-splitBarItem--normal",
+						style: h({ width: Ie.value + "%" })
+					}, [u("span", null, "正常 " + x(V.value), 1)], 4), u("div", {
+						class: "HdPreSituation-splitBarItem HdPreSituation-splitBarItem--alarm",
+						style: h({ width: H.value + "%" })
+					}, [u("span", null, "报警 " + x(B.value), 1)], 4)])]),
+					u("div", Te, [t[6] ||= u("div", { class: "HdPreSituation-sectionTitle" }, "降水等级分布", -1), u("div", Ee, [(v(!0), l(o, null, b(Le.value, (e) => (v(), l("div", {
+						key: e.label,
+						class: "HdPreSituation-levelItem"
+					}, [
+						u("span", {
+							class: "HdPreSituation-levelName",
+							style: h({ color: e.color })
+						}, x(e.label), 5),
+						u("span", De, x(e.range), 1),
+						u("span", {
+							class: "HdPreSituation-levelCount",
+							style: h({ color: e.color })
+						}, x(e.count), 5)
+					]))), 128))])]),
+					u("div", Oe, [u("div", T, [t[9] ||= u("span", { class: "HdPreSituation-sectionTitle" }, "区域降水排名", -1), u("div", ke, [u("button", {
+						class: "HdPreSituation-btn",
+						onClick: He
+					}, [d(s, null, {
+						default: C(() => [d(S(de))]),
+						_: 1
+					}), t[7] ||= u("span", { class: "HdPreSituation-btnText" }, "趋势图", -1)]), u("button", {
+						class: "HdPreSituation-btn",
+						onClick: Xe
+					}, [d(s, null, {
+						default: C(() => [d(S(ue))]),
+						_: 1
+					}), t[8] ||= u("span", { class: "HdPreSituation-btnText" }, "导出", -1)])])]), u("div", Ae, [d(m, {
+						data: U.value,
+						class: "HdPreSituation-table",
+						"max-height": "220",
+						"empty-text": "暂无数据",
+						onRowClick: Ve
+					}, {
+						default: C(() => [
+							d(p, {
+								prop: "region",
+								label: "区域",
+								align: "left",
+								"min-width": "50"
+							}),
+							d(p, {
+								prop: "stationName",
+								label: "站名",
+								align: "left",
+								"min-width": "60",
+								"show-overflow-tooltip": ""
+							}),
+							d(p, {
+								label: "降水量",
+								align: "left",
+								"min-width": "80"
+							}, {
+								default: C(({ row: e }) => [u("span", { class: se({ "HdPreSituation-alarmText": e.isAlarm }) }, x(Y(e.precipitation)) + "mm/h", 3)]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["data"])])])
+				]),
+				L.value ? (v(), l("div", je, [u("div", Me, [u("div", Ne, [t[10] ||= u("div", { class: "HdPreSituation-trendTitle" }, "区域降水趋势", -1), u("div", Pe, [
+					u("span", Fe, "阈值：" + x(f.threshold) + "mm/h", 1),
+					d(_, {
+						modelValue: R.value,
+						"onUpdate:modelValue": t[1] ||= (e) => R.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: C(() => [(v(!0), l(o, null, b(W.value, (e) => (v(), oe(g, {
+							key: e,
+							label: e,
+							value: e
+						}, null, 8, ["label", "value"]))), 128))]),
+						_: 1
+					}, 8, ["modelValue"]),
+					u("button", {
+						class: "HdPreSituation-trendClose",
+						onClick: Ue
+					}, "✕")
+				])]), u("div", {
+					ref_key: "trendChartRef",
+					ref: N,
+					class: "HdPreSituation-trendChart"
+				}, null, 512)])])) : c("", !0)
+			])), [[y, D.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-711c113a"]]);
+//#endregion
+export { E as t };