nxd-plugin 1.7.83 → 1.7.85

package/dist/chunks/component-PrecipitationRanking-BOm_vb1L.mjs

@@ -0,0 +1,740 @@
+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-TFBSlUgI.mjs";
+import { n as r } from "./component-HdObservation-rcQFHEfW.mjs";
+import { ElConfigProvider as i, ElDatePicker as a, ElIcon as o, ElLoadingDirective as s, ElTable as c, ElTableColumn as l } from "element-plus/es";
+import { Fragment as u, computed as d, createBlock as ee, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as te, createVNode as h, defineComponent as g, getCurrentInstance as _, nextTick as v, normalizeClass as y, normalizeStyle as ne, onBeforeUnmount as b, onMounted as re, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, withCtx as E, withDirectives as ie, withModifiers as ae } from "vue";
+import { Download as oe, Refresh as se } from "@element-plus/icons-vue";
+import * as D from "echarts";
+import { ElMessage as ce } from "element-plus";
+import le from "element-plus/es/locale/lang/zh-cn.mjs";
+import "element-plus/dist/index.css";
+//#region src/components/PrecipitationRanking/PrecipitationRanking.vue?vue&type=script&setup=true&lang.ts
+var ue = /* @__PURE__ */ e(r()), de = {
+	class: "PrecipitationRanking",
+	"element-loading-background": "rgba(0, 0, 0, 0.5)"
+}, fe = { class: "PrecipitationRanking-header" }, pe = { class: "PrecipitationRanking-headerContent" }, me = {
+	key: 0,
+	class: "PrecipitationRanking-dataTime"
+}, he = { class: "PrecipitationRanking-toolbar" }, ge = { class: "PrecipitationRanking-actions" }, _e = { class: "PrecipitationRanking-btnGroup" }, ve = { class: "PrecipitationRanking-timeWrap" }, ye = { class: "PrecipitationRanking-timeTags" }, be = ["onClick"], xe = {
+	key: 0,
+	class: "PrecipitationRanking-customPanel"
+}, Se = { class: "PrecipitationRanking-content" }, Ce = { class: "PrecipitationRanking-tableWrap" }, we = ["onClick"], Te = {
+	key: 1,
+	class: "PrecipitationRanking-trendMask"
+}, Ee = { class: "PrecipitationRanking-trendPopup" }, De = { class: "PrecipitationRanking-trendHeader" }, Oe = { class: "PrecipitationRanking-trendTitle" }, ke = { class: "PrecipitationRanking-trendSubTitle" }, O = /* @__PURE__ */ t(/* @__PURE__ */ g({
+	__name: "PrecipitationRanking",
+	props: {
+		mock: {
+			type: Boolean,
+			default: !0
+		},
+		baseHttp: { default: "" },
+		tableHeight: { default: "40vh" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		ids: { default: () => ({}) },
+		refreshInterval: { default: 300 * 1e3 },
+		mockData: { default: () => ({
+			dataTime: "2026-04-12 16时",
+			list: [
+				{
+					stationName: "黄岛",
+					district: "黄岛区",
+					precipitation: 156.5,
+					precipitation_30min: 12.5,
+					precipitation_1hour: 28.3,
+					precipitation_3hour: 68.5,
+					precipitation_6hour: 110.2,
+					precipitation_12hour: 156.5
+				},
+				{
+					stationName: "董家口",
+					district: "黄岛区",
+					precipitation: 128.3,
+					precipitation_30min: 10.2,
+					precipitation_1hour: 22.1,
+					precipitation_3hour: 55.4,
+					precipitation_6hour: 88.6,
+					precipitation_12hour: 128.3
+				},
+				{
+					stationName: "金沙滩",
+					district: "黄岛区",
+					precipitation: 95.7,
+					precipitation_30min: 8.5,
+					precipitation_1hour: 18.6,
+					precipitation_3hour: 42.3,
+					precipitation_6hour: 68.9,
+					precipitation_12hour: 95.7
+				},
+				{
+					stationName: "琅琊",
+					district: "黄岛区",
+					precipitation: 68.2,
+					precipitation_30min: 6.1,
+					precipitation_1hour: 13.2,
+					precipitation_3hour: 32.5,
+					precipitation_6hour: 50.8,
+					precipitation_12hour: 68.2
+				},
+				{
+					stationName: "大场",
+					district: "黄岛区",
+					precipitation: 45.6,
+					precipitation_30min: 4.3,
+					precipitation_1hour: 9.5,
+					precipitation_3hour: 22.1,
+					precipitation_6hour: 34.6,
+					precipitation_12hour: 45.6
+				},
+				{
+					stationName: "大村",
+					district: "黄岛区",
+					precipitation: 32.1,
+					precipitation_30min: 3.2,
+					precipitation_1hour: 7.1,
+					precipitation_3hour: 16.8,
+					precipitation_6hour: 25.4,
+					precipitation_12hour: 32.1
+				},
+				{
+					stationName: "大涧山",
+					district: "黄岛区",
+					precipitation: 18.4,
+					precipitation_30min: 1.8,
+					precipitation_1hour: 4.2,
+					precipitation_3hour: 9.6,
+					precipitation_6hour: 14.5,
+					precipitation_12hour: 18.4
+				},
+				{
+					stationName: "王台",
+					district: "黄岛区",
+					precipitation: 8.2,
+					precipitation_30min: .8,
+					precipitation_1hour: 2.1,
+					precipitation_3hour: 4.6,
+					precipitation_6hour: 6.8,
+					precipitation_12hour: 8.2
+				},
+				{
+					stationName: "诸城",
+					district: "诸城市",
+					precipitation: 2.5,
+					precipitation_30min: .2,
+					precipitation_1hour: .6,
+					precipitation_3hour: 1.2,
+					precipitation_6hour: 1.8,
+					precipitation_12hour: 2.5
+				},
+				{
+					stationName: "五莲",
+					district: "五莲县",
+					precipitation: 0,
+					precipitation_30min: 0,
+					precipitation_1hour: 0,
+					precipitation_3hour: 0,
+					precipitation_6hour: 0,
+					precipitation_12hour: 0
+				}
+			]
+		}) }
+	},
+	emits: [
+		"close",
+		"rowClick",
+		"view"
+	],
+	setup(e, { emit: t }) {
+		let r = _()?.appContext.config.globalProperties.$bus, g = e, O = t, k = S(!1), A = S(!1), j = S(["30min"]), M = S(!1), N = S(""), P = S([]), F = S([]), I = S(!1), L = S(null), R = S(null), z = null, B = null, V = [
+			{
+				label: "30分钟",
+				value: "30min",
+				field: "precipitation_30min"
+			},
+			{
+				label: "1小时",
+				value: "1hour",
+				field: "precipitation_1hour"
+			},
+			{
+				label: "3小时",
+				value: "3hour",
+				field: "precipitation_3hour"
+			},
+			{
+				label: "6小时",
+				value: "6hour",
+				field: "precipitation_6hour"
+			},
+			{
+				label: "12小时",
+				value: "12hour",
+				field: "precipitation_12hour"
+			}
+		], Ae = {
+			"30min": "precipitation_30min",
+			"1hour": "precipitation_1hour",
+			"3hour": "precipitation_3hour",
+			"6hour": "precipitation_6hour",
+			"12hour": "precipitation_12hour"
+		}, H = (e, t) => {
+			if (t === "custom") return e.precipitation;
+			let n = Ae[t];
+			return n ? e[n] : e.precipitation;
+		}, U = d(() => {
+			let e = V.filter((e) => j.value.includes(e.value));
+			return M.value && e.push({
+				label: "自定义",
+				value: "custom",
+				field: "precipitation"
+			}), e;
+		}), W = d(() => j.value.length ? j.value[0] : M.value ? "custom" : "30min"), G = d(() => [...P.value].sort((e, t) => {
+			let n = Number(H(e, W.value)) || 0;
+			return (Number(H(t, W.value)) || 0) - n;
+		})), K = (e) => e == null || e === "" || e === 9999, q = (e, t) => K(e) ? "--" : t ? `${e}${t}` : String(e), J = (e) => {
+			let t = Number(e);
+			return K(e) || isNaN(t) || t === 0 ? "无降水" : t < 10 ? "小雨" : t < 25 ? "中雨" : t < 50 ? "大雨" : t < 100 ? "暴雨" : t < 250 ? "大暴雨" : "特大暴雨";
+		}, je = (e) => {
+			let t = Number(e);
+			return K(e) || isNaN(t) || t === 0 ? "rgba(255,255,255,0.6)" : t < 10 ? "#91cc75" : t < 25 ? "#fac858" : t < 50 ? "#ff9f43" : t < 100 ? "#ff6b6b" : t < 250 ? "#ff4d4f" : "#c0392b";
+		}, Me = () => {
+			O("close", "PrecipitationRanking");
+		}, Ne = (e) => {
+			O("rowClick", e);
+		}, Pe = (e) => {
+			L.value = e, I.value = !0, v(() => {
+				ze();
+			});
+		}, Fe = () => {
+			I.value = !1, z &&= (z.dispose(), null);
+		}, Ie = () => ({
+			times: [
+				"02时",
+				"03时",
+				"04时",
+				"05时",
+				"06时",
+				"08时",
+				"09时",
+				"10时",
+				"11时",
+				"12时",
+				"14时",
+				"15时"
+			],
+			unit: "mm",
+			actual: [
+				0,
+				0,
+				0,
+				0,
+				0,
+				.1,
+				0,
+				0,
+				0,
+				0,
+				0,
+				0
+			],
+			forecast: [
+				0,
+				0,
+				0,
+				0,
+				0,
+				0,
+				0,
+				.2,
+				.5,
+				1.2,
+				2,
+				3.5
+			],
+			threshold: [
+				30,
+				30,
+				30,
+				30,
+				30,
+				30,
+				30,
+				30,
+				30,
+				30,
+				30,
+				30
+			]
+		}), Le = async () => {
+			if (!L.value) return null;
+			if (g.mock) return L.value.trendData || Ie();
+			let e = Y("trend");
+			if (!e) return console.warn("PrecipitationRanking 缺少趋势图工作流配置"), null;
+			try {
+				return X(await n({
+					id: e.id,
+					baseHttp: g.baseHttp,
+					reqType: e.reqType,
+					variables: {
+						stationCode: L.value.stationCode,
+						stationName: L.value.stationName
+					},
+					isFormData: e.isFormData,
+					appKey: g.appKey,
+					appSalt: g.appSalt
+				})) || null;
+			} catch (e) {
+				return console.error("PrecipitationRanking 趋势图数据加载失败", e), null;
+			}
+		}, Re = (e) => {
+			let t = [];
+			if (e.actual.forEach((e) => !isNaN(Number(e)) && t.push(Number(e))), e.forecast.forEach((e) => !isNaN(Number(e)) && t.push(Number(e))), e.threshold.forEach((e) => !isNaN(Number(e)) && t.push(Number(e))), !t.length) return;
+			let n = Math.max(...t);
+			return n <= 0 ? 10 : Math.ceil(n * 1.1);
+		}, ze = async () => {
+			if (!R.value) return;
+			let e = await Le();
+			if (!e) return;
+			z && z.dispose(), z = D.init(R.value);
+			let t = e.actual.length, n = "#FADB14", r = (e) => {
+				let t = e.replace(/(\d+)时$/, "$1:00:00").replace(/(\d+)时(\d+)分$/, "$1:$2:00"), n = new Date(t);
+				return isNaN(n.getTime()) ? null : n;
+			}, i = (() => {
+				if (!e.times.length || !e.forecast.length) return [];
+				let t = r(e.times[e.times.length - 1]), n = 36e5;
+				if (e.times.length > 1) {
+					let i = r(e.times[e.times.length - 2]);
+					t && i && (n = t.getTime() - i.getTime());
+				}
+				let i = [];
+				for (let r = 0; r < e.forecast.length; r++) if (t) {
+					let e = new Date(t.getTime() + n * (r + 1));
+					i.push(`${String(e.getHours()).padStart(2, "0")}时`);
+				} else {
+					let t = e.times[e.times.length - 1].match(/(\d+)/), n = t ? parseInt(t[1]) : 0;
+					n = (n + r + 1) % 24, i.push(`${String(n).padStart(2, "0")}时`);
+				}
+				return i;
+			})(), a = [...e.times, ...i], o = [...e.actual, ...e.forecast.map(() => null)], s = [...e.actual.map(() => null), ...e.forecast], c = [...e.actual, ...e.forecast.map(() => null)], l = Array(a.length).fill(null);
+			l[t - 1] = e.actual[t - 1];
+			for (let n = 0; n < e.forecast.length; n++) l[t + n] = e.forecast[n];
+			let u = {
+				backgroundColor: "transparent",
+				grid: {
+					top: 40,
+					right: 24,
+					bottom: 32,
+					left: 48
+				},
+				legend: {
+					data: [
+						"阈值",
+						"降水实况",
+						"预测值"
+					],
+					right: 0,
+					top: 0,
+					textStyle: {
+						color: "rgba(255,255,255,0.8)",
+						fontSize: 12
+					},
+					itemWidth: 12,
+					itemHeight: 8
+				},
+				tooltip: {
+					trigger: "axis",
+					backgroundColor: "rgba(6, 32, 56, 0.95)",
+					borderColor: "rgba(64, 158, 255, 0.4)",
+					textStyle: { color: "#fff" },
+					formatter: (n) => {
+						let r = n[0]?.axisValue || "", i = /* @__PURE__ */ new Map();
+						return n.forEach((e) => {
+							if (e.seriesName === "预测值" && e.dataIndex === t - 1 || e.value === null || e.value === void 0 || isNaN(Number(e.value))) return;
+							let n = `${e.seriesName}:${e.value}`;
+							i.has(n) || i.set(n, e);
+						}), `${r}<br/>${Array.from(i.values()).map((t) => `${t.marker} ${t.seriesName}: ${t.value}${e.unit}`).join("<br/>")}`;
+					}
+				},
+				xAxis: {
+					type: "category",
+					data: a,
+					axisLine: { lineStyle: { color: "rgba(255,255,255,0.3)" } },
+					axisLabel: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 11
+					},
+					axisTick: { show: !1 }
+				},
+				yAxis: {
+					type: "value",
+					max: Re(e),
+					name: `单位：${e.unit}`,
+					nameTextStyle: {
+						color: "rgba(255,255,255,0.7)",
+						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: a.map((t, n) => e.threshold[n] ?? e.threshold[e.threshold.length - 1] ?? 0),
+						itemStyle: { color: "#FF4D4F" },
+						lineStyle: {
+							type: "dashed",
+							width: 1
+						},
+						symbol: "none",
+						markLine: {
+							silent: !0,
+							symbol: "none",
+							lineStyle: {
+								color: "#FF4D4F",
+								type: "dashed",
+								width: 1
+							},
+							label: { show: !1 },
+							data: a.map((t, n) => ({
+								xAxis: t,
+								yAxis: e.threshold[n] ?? e.threshold[e.threshold.length - 1] ?? 0
+							}))
+						}
+					},
+					{
+						name: "降水实况",
+						type: "bar",
+						data: o,
+						barWidth: "40%",
+						itemStyle: {
+							color: new D.graphic.LinearGradient(0, 0, 0, 1, [{
+								offset: 0,
+								color: "rgba(5, 221, 250, 0.85)"
+							}, {
+								offset: 1,
+								color: "rgba(5, 221, 250, 0.15)"
+							}]),
+							borderRadius: [
+								4,
+								4,
+								0,
+								0
+							]
+						}
+					},
+					{
+						name: "预测值",
+						type: "bar",
+						data: s,
+						barWidth: "40%",
+						itemStyle: {
+							color: new D.graphic.LinearGradient(0, 0, 0, 1, [{
+								offset: 0,
+								color: "rgba(250, 219, 20, 0.85)"
+							}, {
+								offset: 1,
+								color: "rgba(250, 219, 20, 0.15)"
+							}]),
+							borderRadius: [
+								4,
+								4,
+								0,
+								0
+							]
+						}
+					},
+					{
+						name: "降水实况",
+						type: "line",
+						data: c,
+						smooth: !0,
+						itemStyle: { color: "#05ddfa" },
+						lineStyle: { width: 2 },
+						symbol: "circle",
+						symbolSize: 5,
+						areaStyle: { color: new D.graphic.LinearGradient(0, 0, 0, 1, [{
+							offset: 0,
+							color: "rgba(5, 221, 250, 0.3)"
+						}, {
+							offset: 1,
+							color: "rgba(5, 221, 250, 0.02)"
+						}]) }
+					},
+					{
+						name: "预测值",
+						type: "line",
+						data: l,
+						smooth: !0,
+						itemStyle: { color: n },
+						lineStyle: {
+							type: "dashed",
+							width: 2,
+							color: n
+						},
+						symbol: "circle",
+						symbolSize: 5
+					}
+				]
+			};
+			z.setOption(u);
+		}, Be = ({ rowIndex: e }) => {
+			if (e > 2) return "";
+			let t = G.value[e];
+			return !t || !Number(t.precipitation) ? "" : e === 0 ? "PrecipitationRanking-row--top1" : e === 1 ? "PrecipitationRanking-row--top2" : e === 2 ? "PrecipitationRanking-row--top3" : "";
+		}, Ve = () => {
+			j.value = ["30min"], M.value = !1, F.value = [];
+		}, He = (e) => {
+			let t = j.value.indexOf(e);
+			if (t > -1) (j.value.length > 1 || M.value) && j.value.splice(t, 1);
+			else {
+				if (j.value.length >= 3) {
+					ce.warning("最多同时选择3个时段");
+					return;
+				}
+				j.value.push(e);
+			}
+			Q();
+		}, Ue = () => {
+			M.value = !M.value, M.value || (F.value = [], j.value.length || (j.value = ["30min"])), Q();
+		}, We = () => {
+			F.value?.length === 2 && Q();
+		}, Y = (e) => {
+			let t = g.ids[e] || g.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 = {
+			"30min": 30,
+			"1hour": 60,
+			"3hour": 180,
+			"6hour": 360,
+			"12hour": 720
+		}, Ke = () => {
+			if (M.value) return {
+				startTime: F.value[0] || "",
+				endTime: F.value[1] || "",
+				types: [...j.value]
+			};
+			let e = /* @__PURE__ */ new Date(), t = new Date(e), n = Math.max(...j.value.map((e) => Ge[e] || 30));
+			return t.setMinutes(e.getMinutes() - n), {
+				startTime: Z(t),
+				endTime: Z(e),
+				types: [...j.value]
+			};
+		}, Z = (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())}`;
+		}, qe = () => {
+			let e = g.mockData;
+			P.value = e.list || [], N.value = e.dataTime || "";
+		}, Je = async () => {
+			let e = Y("data");
+			if (!e) {
+				console.warn("PrecipitationRanking 缺少工作流配置");
+				return;
+			}
+			try {
+				let { startTime: t, endTime: r, types: i } = Ke(), a = X(await n({
+					id: e.id,
+					baseHttp: g.baseHttp,
+					reqType: e.reqType,
+					variables: {
+						startTime: t,
+						endTime: r,
+						types: i
+					},
+					isFormData: e.isFormData,
+					appKey: g.appKey,
+					appSalt: g.appSalt
+				}));
+				a && (P.value = Array.isArray(a.list) ? a.list : [], N.value = a.dataTime || "");
+			} catch (e) {
+				console.error("PrecipitationRanking 数据加载失败", e);
+			}
+		}, Q = async () => {
+			k.value = !0, g.mock ? qe() : await Je(), k.value = !1;
+		}, Ye = async () => {
+			A.value = !0, Ve(), await Q(), setTimeout(() => {
+				A.value = !1;
+			}, 500);
+		}, Xe = () => {
+			let e = U.value.map((e) => e.label + "降水量(mm)"), t = G.value.map((e, t) => {
+				let n = {
+					序号: t + 1,
+					站名: e.stationName,
+					行政区: e.district || "--"
+				};
+				return U.value.forEach((t) => {
+					n[t.label + "降水量(mm)"] = q(H(e, t.value), "");
+				}), n.降水等级 = J(H(e, W.value)), n.数据时间 = e.monitorTime || N.value || "", n;
+			}), n = [
+				"序号",
+				"站名",
+				"行政区",
+				...e,
+				"降水等级",
+				"数据时间"
+			], r = [
+				8,
+				18,
+				16,
+				...U.value.map(() => 18),
+				14,
+				20
+			];
+			new ue.default({
+				fileName: `自动站降水排名_${(/* @__PURE__ */ new Date()).getTime()}`,
+				datas: [{
+					sheetData: t,
+					sheetName: "降水排名",
+					sheetFilter: n,
+					sheetHeader: n,
+					columnWidths: r
+				}]
+			}).saveExcel();
+		}, Ze = () => {
+			$(), !(g.refreshInterval <= 0) && (B = setInterval(() => {
+				Q();
+			}, g.refreshInterval));
+		}, $ = () => {
+			B &&= (clearInterval(B), null);
+		};
+		return re(() => {
+			r?.on("toComponent", (e) => {
+				e.componentName === "PrecipitationRanking" && Q();
+			}), Q(), Ze();
+		}), b(() => {
+			$(), z &&= (z.dispose(), null);
+		}), (t, n) => {
+			let r = o, d = a, g = i, _ = l, v = c, b = s;
+			return ie((x(), p("div", de, [
+				m("button", {
+					class: "PrecipitationRanking-close",
+					onClick: Me
+				}, [...n[1] ||= [m("span", null, "✕", -1)]]),
+				m("div", fe, [m("div", pe, [n[2] ||= m("h3", { class: "PrecipitationRanking-title" }, "自动站降水排名", -1), N.value ? (x(), p("span", me, "（数据时间：" + w(N.value) + "）", 1)) : f("", !0)]), n[3] ||= m("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)]),
+				m("div", he, [m("div", ge, [n[6] ||= m("span", { class: "PrecipitationRanking-toolbarLabel" }, "时间选择", -1), m("div", _e, [m("button", {
+					class: "PrecipitationRanking-btn",
+					onClick: Xe
+				}, [h(r, { class: "PrecipitationRanking-icon" }, {
+					default: E(() => [h(T(oe))]),
+					_: 1
+				}), n[4] ||= m("span", null, "导出", -1)]), m("button", {
+					class: "PrecipitationRanking-btn",
+					onClick: Ye
+				}, [h(r, { class: "PrecipitationRanking-icon" }, {
+					default: E(() => [h(T(se))]),
+					_: 1
+				}), n[5] ||= m("span", null, "刷新", -1)])])]), m("div", ve, [m("div", ye, [(x(), p(u, null, C(V, (e) => m("button", {
+					key: e.value,
+					class: y(["PrecipitationRanking-timeTag", { "PrecipitationRanking-timeTag--active": j.value.includes(e.value) }]),
+					onClick: (t) => He(e.value)
+				}, w(e.label), 11, be)), 64)), m("button", {
+					class: y(["PrecipitationRanking-timeTag", { "PrecipitationRanking-timeTag--active": M.value }]),
+					onClick: Ue
+				}, " 自定义 ", 2)])])]),
+				M.value ? (x(), p("div", xe, [n[7] ||= m("span", { class: "PrecipitationRanking-customLabel" }, "时间范围", -1), h(g, { locale: T(le) }, {
+					default: E(() => [h(d, {
+						modelValue: F.value,
+						"onUpdate:modelValue": n[0] ||= (e) => F.value = e,
+						type: "datetimerange",
+						"range-separator": "至",
+						"start-placeholder": "开始时间",
+						"end-placeholder": "结束时间",
+						"value-format": "YYYY-MM-DD HH",
+						format: "YYYY-MM-DD HH",
+						clearable: "",
+						class: "PrecipitationRanking-datePicker",
+						"popper-class": "PrecipitationRanking-datePopper",
+						onChange: We
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["locale"])])) : f("", !0),
+				m("div", Se, [m("div", Ce, [h(v, {
+					data: G.value,
+					class: "PrecipitationRanking-table",
+					height: e.tableHeight,
+					"empty-text": "暂无数据",
+					"row-class-name": Be,
+					onRowClick: Ne
+				}, {
+					default: E(() => [
+						h(_, {
+							label: "序号",
+							align: "center",
+							width: "70"
+						}, {
+							default: E(({ $index: e }) => [m("span", { class: y(["PrecipitationRanking-rank", `PrecipitationRanking-rank--${e + 1}`]) }, w(e + 1), 3)]),
+							_: 1
+						}),
+						h(_, {
+							prop: "stationName",
+							label: "站名",
+							align: "left",
+							"min-width": "80"
+						}),
+						(x(!0), p(u, null, C(U.value, (e) => (x(), ee(_, {
+							key: e.value,
+							label: e.label + "(mm)",
+							align: "center",
+							"min-width": "120"
+						}, {
+							default: E(({ row: t }) => [te(w(q(H(t, e.value), "")), 1)]),
+							_: 2
+						}, 1032, ["label"]))), 128)),
+						h(_, {
+							label: "降水等级",
+							align: "center",
+							"min-width": "100"
+						}, {
+							default: E(({ row: e }) => [m("span", { style: ne({ color: je(H(e, W.value)) }) }, w(J(H(e, W.value))), 5)]),
+							_: 1
+						}),
+						h(_, {
+							label: "趋势",
+							align: "center",
+							width: "70"
+						}, {
+							default: E(({ row: e }) => [m("span", {
+								class: "PrecipitationRanking-viewLink",
+								onClick: ae((t) => Pe(e), ["stop"])
+							}, "查看", 8, we)]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["data", "height"])])]),
+				I.value ? (x(), p("div", Te, [m("div", Ee, [m("div", De, [m("div", Oe, [n[8] ||= m("span", null, "趋势图表", -1), m("span", ke, w(L.value?.stationName), 1)]), m("button", {
+					class: "PrecipitationRanking-trendClose",
+					onClick: Fe
+				}, "✕")]), m("div", {
+					ref_key: "trendChartRef",
+					ref: R,
+					class: "PrecipitationRanking-trendChart"
+				}, null, 512)])])) : f("", !0)
+			])), [[b, k.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-d0df459c"]]);
+//#endregion
+export { O as t };