nxd-plugin 1.7.82 → 1.7.84

package/dist/chunks/component-HdStationTem-Dit7Y8lu.mjs

@@ -0,0 +1,573 @@
+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 { ElCheckbox as i, ElIcon as ee, ElLoadingDirective as te, ElTable as ne, ElTableColumn as re } from "element-plus/es";
+import { Fragment as ie, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as ae, createVNode as l, defineComponent as u, getCurrentInstance as d, nextTick as f, normalizeClass as p, normalizeStyle as oe, onBeforeUnmount as se, onMounted as ce, openBlock as m, ref as h, renderList as le, toDisplayString as g, unref as ue, watch as de, withCtx as _, withDirectives as fe, withModifiers as pe } from "vue";
+import { Download as me } from "@element-plus/icons-vue";
+import * as v from "echarts";
+import "element-plus/dist/index.css";
+//#region src/components/HdStationTem/HdStationTem.vue?vue&type=script&setup=true&lang.ts
+var he = /* @__PURE__ */ e(r()), ge = {
+	class: "HdStationTem",
+	"element-loading-background": "rgba(0, 0, 0, 0.5)"
+}, _e = { class: "HdStationTem-header" }, ve = { class: "HdStationTem-headerContent" }, ye = { class: "HdStationTem-title" }, be = {
+	key: 0,
+	class: "HdStationTem-dataTime"
+}, xe = { class: "HdStationTem-toolbar" }, y = { class: "HdStationTem-actions" }, b = { class: "HdStationTem-checkboxWrap" }, x = { class: "HdStationTem-typeWrap" }, S = { class: "HdStationTem-typeTabs" }, C = ["onClick"], w = { class: "HdStationTem-content" }, T = { class: "HdStationTem-tableWrap" }, E = ["onClick"], D = {
+	key: 0,
+	class: "HdStationTem-trendMask"
+}, O = { class: "HdStationTem-trendPopup" }, k = { class: "HdStationTem-trendHeader" }, A = { class: "HdStationTem-trendTitle" }, j = { class: "HdStationTem-trendSubTitle" }, M = "max08", N = /* @__PURE__ */ t(/* @__PURE__ */ u({
+	__name: "HdStationTem",
+	props: {
+		title: { default: "自动站温度监测" },
+		mock: {
+			type: Boolean,
+			default: !0
+		},
+		baseHttp: { default: "" },
+		tableHeight: { default: "40vh" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		ids: { default: () => ({}) },
+		refreshInterval: { default: 300 * 1e3 },
+		highThreshold: { default: 35 },
+		lowThreshold: { default: 5 },
+		mockData: { default: () => ({
+			dataTime: "2026-04-12 08时",
+			list: [
+				{
+					stationName: "黄岛",
+					stationCode: "54943",
+					temperature: 28.5
+				},
+				{
+					stationName: "董家口",
+					stationCode: "54944",
+					temperature: 27.3
+				},
+				{
+					stationName: "金沙滩",
+					stationCode: "54945",
+					temperature: 26.8
+				},
+				{
+					stationName: "琅琊",
+					stationCode: "54946",
+					temperature: 25.6
+				},
+				{
+					stationName: "大场",
+					stationCode: "54947",
+					temperature: 24.2
+				},
+				{
+					stationName: "大村",
+					stationCode: "54948",
+					temperature: 23.8
+				},
+				{
+					stationName: "大涧山",
+					stationCode: "54949",
+					temperature: 22.5
+				},
+				{
+					stationName: "王台",
+					stationCode: "54950",
+					temperature: 21.9
+				},
+				{
+					stationName: "诸城",
+					stationCode: "54951",
+					temperature: 20.4
+				},
+				{
+					stationName: "五莲",
+					stationCode: "54952",
+					temperature: 19.7
+				}
+			]
+		}) }
+	},
+	emits: [
+		"close",
+		"rowClick",
+		"view",
+		"colorMapChange",
+		"addImage",
+		"clearImage"
+	],
+	setup(e, { emit: t }) {
+		let r = d()?.appContext.config.globalProperties.$bus, u = e, N = t, P = h(!1), F = h(M), I = h(!1), L = h(""), R = h([]), z = h(!1), B = h(null), V = h(null), H = null, U = null, W = [
+			{
+				label: "最高温08",
+				value: "max08"
+			},
+			{
+				label: "最高温20",
+				value: "max20"
+			},
+			{
+				label: "最低温08",
+				value: "min08"
+			},
+			{
+				label: "最低温20",
+				value: "min20"
+			}
+		], G = a(() => [...R.value].sort((e, t) => {
+			let n = Number(e.temperature) || 0;
+			return (Number(t.temperature) || 0) - n;
+		})), K = (e) => e == null || e === "" || e === 9999, q = (e, t) => {
+			if (K(e)) return "--";
+			let n = Number(e);
+			if (!isNaN(n)) {
+				let e = Number(n.toFixed(1));
+				return t ? `${e}${t}` : String(e);
+			}
+			return t ? `${e}${t}` : String(e);
+		}, Se = (e) => {
+			let t = Number(e);
+			return K(e) || isNaN(t) ? "rgba(255,255,255,0.6)" : t >= u.highThreshold ? "#FF4D4F" : t <= u.lowThreshold ? "#165DFF" : "#fff";
+		}, Ce = () => {
+			N("close", "HdStationTem");
+		}, we = (e) => {
+			N("rowClick", e);
+		}, Te = (e) => {
+			B.value = e, z.value = !0, N("view", e), f(() => {
+				je();
+			});
+		}, Ee = () => {
+			z.value = !1, H &&= (H.dispose(), null);
+		}, De = (e) => {
+			F.value = e, Q();
+		}, Oe = () => ({
+			times: [
+				"08时",
+				"09时",
+				"10时",
+				"11时",
+				"12时",
+				"13时",
+				"14时",
+				"15时",
+				"16时",
+				"17时",
+				"18时",
+				"19时"
+			],
+			unit: "℃",
+			maxTemp: [
+				22,
+				24,
+				26,
+				28,
+				30,
+				32,
+				33,
+				32,
+				30,
+				28,
+				26,
+				24
+			],
+			minTemp: [
+				16,
+				17,
+				18,
+				19,
+				20,
+				21,
+				22,
+				22,
+				21,
+				20,
+				19,
+				18
+			],
+			highThreshold: u.highThreshold,
+			lowThreshold: u.lowThreshold
+		}), ke = async () => {
+			if (!B.value) return null;
+			if (u.mock) return B.value.trendData || Oe();
+			let e = J("trend");
+			if (!e) return console.warn("HdStationTem 缺少趋势图工作流配置"), null;
+			try {
+				return Y(await n({
+					id: e.id,
+					baseHttp: u.baseHttp,
+					reqType: e.reqType,
+					variables: {
+						stationCode: B.value.stationCode,
+						stationName: B.value.stationName,
+						type: F.value
+					},
+					isFormData: e.isFormData,
+					appKey: u.appKey,
+					appSalt: u.appSalt
+				})) || null;
+			} catch (e) {
+				return console.error("HdStationTem 趋势图数据加载失败", e), null;
+			}
+		}, Ae = (e) => {
+			let t = [];
+			e.maxTemp.forEach((e) => !isNaN(Number(e)) && t.push(Number(e))), e.minTemp.forEach((e) => !isNaN(Number(e)) && t.push(Number(e))), isNaN(Number(e.highThreshold)) || t.push(Number(e.highThreshold)), isNaN(Number(e.lowThreshold)) || t.push(Number(e.lowThreshold));
+			let n = t.length ? Math.min(...t) : 0, r = t.length ? Math.max(...t) : 40;
+			n === r && (n -= 5, r += 5);
+			let i = (r - n) * .1;
+			return {
+				min: Math.floor(n - i),
+				max: Math.ceil(r + i)
+			};
+		}, je = async () => {
+			if (!V.value) return;
+			let e = await ke();
+			if (!e) return;
+			H && H.dispose(), H = v.init(V.value);
+			let t = Ae(e), n = {
+				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: (t) => `${t[0]?.axisValue || ""}<br/>${t.map((t) => `${t.marker} ${t.seriesName}: ${t.value}${e.unit}`).join("<br/>")}`
+				},
+				xAxis: {
+					type: "category",
+					data: e.times,
+					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",
+					min: t.min,
+					max: t.max,
+					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: e.times.map(() => e.highThreshold),
+						itemStyle: { color: "#FF4D4F" },
+						lineStyle: {
+							type: "dashed",
+							width: 1
+						},
+						symbol: "none"
+					},
+					{
+						name: "低温阈值",
+						type: "line",
+						data: e.times.map(() => e.lowThreshold),
+						itemStyle: { color: "#165DFF" },
+						lineStyle: {
+							type: "dashed",
+							width: 1
+						},
+						symbol: "none"
+					},
+					{
+						name: "最高温",
+						type: "line",
+						data: e.maxTemp,
+						itemStyle: { color: "#FF7D00" },
+						lineStyle: { width: 2 },
+						symbol: "circle",
+						symbolSize: 5,
+						areaStyle: { color: new v.graphic.LinearGradient(0, 0, 0, 1, [{
+							offset: 0,
+							color: "rgba(255, 125, 0, 0.3)"
+						}, {
+							offset: 1,
+							color: "rgba(255, 125, 0, 0.02)"
+						}]) }
+					},
+					{
+						name: "最低温",
+						type: "line",
+						data: e.minTemp,
+						itemStyle: { color: "#05ddfa" },
+						lineStyle: { width: 2 },
+						symbol: "circle",
+						symbolSize: 5,
+						areaStyle: { color: new v.graphic.LinearGradient(0, 0, 0, 1, [{
+							offset: 0,
+							color: "rgba(5, 221, 250, 0.3)"
+						}, {
+							offset: 1,
+							color: "rgba(5, 221, 250, 0.02)"
+						}]) }
+					}
+				]
+			};
+			H.setOption(n);
+		}, Me = ({ rowIndex: e }) => {
+			if (e > 2) return "";
+			let t = G.value[e];
+			return !t || K(t.temperature) ? "" : e === 0 ? "HdStationTem-row--top1" : e === 1 ? "HdStationTem-row--top2" : e === 2 ? "HdStationTem-row--top3" : "";
+		}, J = (e) => {
+			let t = u.ids[e] || u.ids.data;
+			return t?.id ? t : null;
+		}, Y = (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, Ne = () => {
+			let e = u.mockData;
+			R.value = (e.list || []).map((e) => ({
+				...e,
+				temperature: X(e.temperature)
+			})), L.value = e.dataTime || "";
+		}, X = (e) => {
+			let t = Number(e) || 25, n = F.value;
+			return n === "max08" ? t : n === "max20" ? t + Math.random() * 3 : n === "min08" ? t - Math.random() * 5 - 3 : n === "min20" ? t - Math.random() * 3 : t;
+		}, Pe = async () => {
+			if (u.mock) return { imgArr: [{
+				imgUrl: "https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=A%20semi-transparent%20weather%20temperature%20heatmap%20overlay%20in%20blue%20and%20red%20gradient%20colors%2C%20suitable%20for%20map%20overlay%2C%20with%20soft%20edges&image_size=landscape_4_3",
+				lngStart: 113.5,
+				latStart: 27.5,
+				lngEnd: 116.5,
+				latEnd: 29.5,
+				opacity: .6,
+				zIndex: 10
+			}] };
+			let e = J("colorMap");
+			if (!e) return console.warn("HdStationTem 缺少色斑图工作流配置"), null;
+			try {
+				return Y(await n({
+					id: e.id,
+					baseHttp: u.baseHttp,
+					reqType: e.reqType,
+					variables: { type: F.value },
+					isFormData: e.isFormData,
+					appKey: u.appKey,
+					appSalt: u.appSalt
+				})) || null;
+			} catch (e) {
+				return console.error("HdStationTem 色斑图数据加载失败", e), null;
+			}
+		}, Z = async (e) => {
+			if (e) {
+				let e = await Pe();
+				e && N("addImage", e);
+			} else N("clearImage");
+		};
+		de(F, () => {
+			I.value && Z(!0);
+		});
+		let Fe = async () => {
+			let e = J("data");
+			if (!e) {
+				console.warn("HdStationTem 缺少工作流配置");
+				return;
+			}
+			try {
+				let t = Y(await n({
+					id: e.id,
+					baseHttp: u.baseHttp,
+					reqType: e.reqType,
+					variables: { type: F.value },
+					isFormData: e.isFormData,
+					appKey: u.appKey,
+					appSalt: u.appSalt
+				}));
+				t && (R.value = Array.isArray(t.list) ? t.list : [], L.value = t.dataTime || "");
+			} catch (e) {
+				console.error("HdStationTem 数据加载失败", e);
+			}
+		}, Q = async () => {
+			P.value = !0, u.mock ? Ne() : await Fe(), P.value = !1;
+		}, Ie = () => {
+			let e = W.find((e) => e.value === F.value)?.label || F.value, t = G.value.map((t, n) => ({
+				序号: n + 1,
+				站名: t.stationName,
+				站号: t.stationCode,
+				温度: q(t.temperature, "℃"),
+				类型: e,
+				数据时间: t.monitorTime || L.value || ""
+			}));
+			new he.default({
+				fileName: `自动站温度监测_${e}_${(/* @__PURE__ */ new Date()).getTime()}`,
+				datas: [{
+					sheetData: t,
+					sheetName: "温度监测",
+					sheetFilter: [
+						"序号",
+						"站名",
+						"站号",
+						"温度",
+						"类型",
+						"数据时间"
+					],
+					sheetHeader: [
+						"序号",
+						"站名",
+						"站号",
+						"温度",
+						"类型",
+						"数据时间"
+					],
+					columnWidths: [
+						8,
+						18,
+						12,
+						12,
+						12,
+						20
+					]
+				}]
+			}).saveExcel();
+		}, Le = () => {
+			$(), !(u.refreshInterval <= 0) && (U = setInterval(() => {
+				Q();
+			}, u.refreshInterval));
+		}, $ = () => {
+			U &&= (clearInterval(U), null);
+		};
+		return ce(() => {
+			r?.on("toComponent", (e) => {
+				e.componentName === "HdStationTem" && Q();
+			}), Q(), Le();
+		}), se(() => {
+			$(), H &&= (H.dispose(), null);
+		}), (t, n) => {
+			let r = i, a = ee, u = re, d = ne, f = te;
+			return fe((m(), s("div", ge, [
+				c("button", {
+					class: "HdStationTem-close",
+					onClick: Ce
+				}, [...n[1] ||= [c("span", null, "✕", -1)]]),
+				c("div", _e, [c("div", ve, [c("h3", ye, g(e.title), 1), L.value ? (m(), s("span", be, "（数据时间：" + g(L.value) + "）", 1)) : o("", !0)]), n[2] ||= c("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)]),
+				c("div", xe, [c("div", y, [n[5] ||= c("span", { class: "HdStationTem-toolbarLabel" }, "温度类型", -1), c("div", b, [l(r, {
+					modelValue: I.value,
+					"onUpdate:modelValue": n[0] ||= (e) => I.value = e,
+					class: "HdStationTem-checkbox",
+					onChange: Z
+				}, {
+					default: _(() => [...n[3] ||= [ae(" 色斑图 ", -1)]]),
+					_: 1
+				}, 8, ["modelValue"]), c("button", {
+					class: "HdStationTem-btn",
+					onClick: Ie
+				}, [l(a, null, {
+					default: _(() => [l(ue(me))]),
+					_: 1
+				}), n[4] ||= c("span", { class: "HdStationTem-btnText" }, "导出", -1)])])]), c("div", x, [c("div", S, [(m(), s(ie, null, le(W, (e) => c("button", {
+					key: e.value,
+					class: p(["HdStationTem-typeTab", { "HdStationTem-typeTab--active": F.value === e.value }]),
+					onClick: (t) => De(e.value)
+				}, g(e.label), 11, C)), 64))])])]),
+				c("div", w, [c("div", T, [l(d, {
+					data: G.value,
+					class: "HdStationTem-table",
+					height: e.tableHeight,
+					"empty-text": "暂无数据",
+					"row-class-name": Me,
+					onRowClick: we
+				}, {
+					default: _(() => [
+						l(u, {
+							label: "序号",
+							align: "center",
+							width: "60"
+						}, {
+							default: _(({ $index: e }) => [c("span", { class: p(["HdStationTem-rank", `HdStationTem-rank--${e + 1}`]) }, g(e + 1), 3)]),
+							_: 1
+						}),
+						l(u, {
+							prop: "stationName",
+							label: "站名",
+							align: "left",
+							"min-width": "80"
+						}),
+						l(u, {
+							prop: "stationCode",
+							label: "站号",
+							align: "center",
+							width: "80"
+						}),
+						l(u, {
+							label: "温度(℃)",
+							align: "center",
+							width: "90"
+						}, {
+							default: _(({ row: e }) => [c("span", { style: oe({ color: Se(e.temperature) }) }, g(q(e.temperature, "")), 5)]),
+							_: 1
+						}),
+						l(u, {
+							label: "趋势",
+							align: "center",
+							width: "60"
+						}, {
+							default: _(({ row: e }) => [c("span", {
+								class: "HdStationTem-viewLink",
+								onClick: pe((t) => Te(e), ["stop"])
+							}, "查看", 8, E)]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["data", "height"])])]),
+				z.value ? (m(), s("div", D, [c("div", O, [c("div", k, [c("div", A, [n[6] ||= c("span", null, "温度趋势", -1), c("span", j, g(B.value?.stationName) + " " + g(B.value?.stationCode), 1)]), c("button", {
+					class: "HdStationTem-trendClose",
+					onClick: Ee
+				}, "✕")]), c("div", {
+					ref_key: "trendChartRef",
+					ref: V,
+					class: "HdStationTem-trendChart"
+				}, null, 512)])])) : o("", !0)
+			])), [[f, P.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-90612d97"]]);
+//#endregion
+export { N as t };