nxd-plugin 1.7.97 → 1.7.99

package/dist/chunks/component-HdHeatChart-DiG-hplN.mjs

@@ -0,0 +1,372 @@
+import { n as e } from "./component-AqiMonitor-DWhSDKFM.mjs";
+import { r as t } from "./component-AiChat-B2YoRfzz.mjs";
+import { ElLoadingDirective as n } from "element-plus/es";
+import { computed as r, createElementBlock as i, createElementVNode as a, defineComponent as o, onBeforeUnmount as s, onMounted as c, openBlock as l, ref as u, toDisplayString as d, watch as f, withDirectives as p } from "vue";
+import * as m from "echarts";
+import "element-plus/es/components/loading/style/css";
+//#region src/assets/img/hd/up.png
+var h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAC3UlEQVR4Aeyau2pVQRSGJxZCOqvgrYmohUgqsZSkVLyAIBYKYmNloY14KZLCC0KMl6ASayuFvILJIyjYp7fxDfRbcA6EsHNmz6y1ZpPJhP9nyJ5Zt3/Wnuycsw+Eff7TBNjnDRBaBwzVAf9COAa/jXhkqDyG7IAvFH1jxDXGQTCIAOz6C6q9BMe4wrXF8S8lx+ICUKjs+tOOIpeYu9xx3fVSUQEo8DTVSOszdGKNNcc7Z5wuFhWAGuReP8S4G44y8QkWQzEB2Nm3VDUPY5DzYCm2yGq+iAAUf4eEH8C+WMTmat/FmnXuAlDIORKcdN8z3YnP2M52zhhedBWAAqbJ9SM8CFMh58H7VKPU9a4CkMw7eB7mQs4D1+cDNwHY/ftUfQ9qIc8H17VOxvY7RxcBKH6BQKvQCqv4PGXlbLsfcwFIdIYAH6Al5Dx4Y+lw7MtcAByvwLPQGnIePLd2aioAu/+EBG9BLzwjxk1L52YCkNg1EnsJvbFCrDNWQUwEIKGTJCStz+AOOQ+WraKYCEAyckCdYCyFi4j+2iKYWgASeUUiRZ7bibMdj4itPm9UApDAbTJ6DIfCMjnMaYKrBCCw3PsMg+EwkS/AbGgF2CByH7IsCzHf8r/G1yzPIyOVAFMhbMCFSQwhbMJcbE7yzdxD+DfXudipBBAHe51NgL2+g9r8q++AmEBNgJhCtc+3Dqh9h2P1tQ6IKVT7fOuA2nc4Vl/rgJhCtc+3Dqh9h2P1tQ6IKVT7fOuA2nY4tZ7WAamK1ba+RAf8Voimse0V1l0APrf/Tibyupu8NpPC2ZEt5n5wF0BSp5AtKF+ipHBLbL1ZRADvIjT+3QXg29tpOAfnEyk28qKlpr6orbsAZHAX/oQ/Eik2YouZH0oIIK/N5Vagse0Vs4QAvRIZalEToIDyv4jxB6ZCbMQ21S5pvXsH8Pd/Hc7AqUSKzXpSNRmL3QXIyKmoSROgqNwOwbQu/wMAAP//wIgwogAAAAZJREFUAwDF546BZOO1DAAAAABJRU5ErkJggg==", g = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADYklEQVR4AeyZv2/TUBDH714bO0EMsFQQWIoKA0KdUBOngNoRxA8JqWIoEmJhYoAF8WNoB34IqZRCBajMTCDxL1CmdKUSOzsLA43ttPXxXlFapa1sv1+O6trKKXl+97179/HFfkoY7POjALDPGwCKDuhVB1S81jHH8z8LO3CejvZqHT3rgHViHwFwQtjaWnsBenT0BIDT8J8BwqWtmumKUw+ntsbZfcocgOO1JoDw8Y4SkaZdL7i847zlE5kCcM8FpwBE6+9eFQEsVGqt47vP2jmbKYBoncR3/VBMKdV11vc+Zt74VGYASl7wGgHHkisQ9wN/OtnPjEcmAEp1/xYC3IO0B+KUWw+upnXX8bMOoDS6chYR+SNPbpmE8KE84g/KqeS97QLwqIIRe8eX5XCTfVWjPvZGViTrbxWAC+EcAI6A8iHuB3b3B9YA8Gf6Xf5Yu6Nce0fI9wd8k3S9M9R93663AqA86o/z4ue3J1MeI827teCksj5GaBzAwQYNRBG+jcmpMlUlhq9UhEka4wDaEMzypGe4GX7x+0HDf2o4qNnfAxwvfMT3+ZOmF7kZj/CJU2/d2Bwb+GCsA5zGyjUAem5gTfEhkM06tfB0vFP6WSMA+B1/CKhPtH76zOqeVWA0oy7vVhoBQLhxgzrRHdrq6KLTCF6ayKANwPH8F0CUyb69q2CCB3x/MNl1TmGgBcBphDcB8CH06kCacWrhsE56LQAQRUM6yQ1ojyCjCzpxtABEAIt8x5doqgtMEXsudP1PqvGFTgvA2lJlcbVZHo8zJPouEqmY0MbF5nP3YfHwH5XYHY0WgE6QvfxeANjLV8/E2nPfAUmQCgBJhPI+X3RA3q9wUn1FByQRyvt80QF5v8JJ9RUdkEQo7/NFB+T9CifVV3RAEqG8zxcdkLcrLFtP0QGyxPLmb78DkP1UhqajTZnUOoB20/3CiAYjonEZExqhTVmHspt1AGJlwVLll/gTRcaERmhtWyYAbBehE98+AI8qTu3vcH/dH5MxoQGu1SkujdY6gBKGt4H1/2CI32RMaDa0aarQ8LEOACMaUF2fjjZtTusA0i6kV34FAPvk2TIB/ZbN81/DlmV1sv7WO6C95H5dbVYG2s0yytiGhmtlC5L1tw5AdkFZ+xcAsiZuOp9uvH8AAAD//yNLz6cAAAAGSURBVAMAdwRmkIQrBPIAAAAASUVORK5CYII=", _ = {
+	class: "HdHeatChart",
+	"element-loading-background": "rgba(0, 0, 0, 0.5)"
+}, v = { class: "HdHeatChart-header" }, y = { class: "HdHeatChart-headerContent" }, b = { class: "HdHeatChart-title" }, x = { class: "HdHeatChart-subTitle" }, S = /* @__PURE__ */ e(/* @__PURE__ */ o({
+	__name: "HdHeatChart",
+	props: {
+		title: { default: "预报温度与供热预测" },
+		mock: {
+			type: Boolean,
+			default: !1
+		},
+		baseHttp: { default: "" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		ids: { default: () => ({}) },
+		refreshInterval: { default: 1e3 * 60 * 10 },
+		days: { default: 10 },
+		mockData: { default: () => ({
+			dataTime: "2024-04-10 08时",
+			list: []
+		}) }
+	},
+	emits: ["close"],
+	setup(e, { emit: o }) {
+		let S = e, C = o, w = u(!1), T = u(null), E = null, D = null, O = u({
+			dataTime: "",
+			list: []
+		}), k = r(() => O.value.list || []), A = () => {
+			C("close", "HdHeatChart");
+		}, j = (e) => {
+			let t = S.ids[e] || S.ids.data;
+			return t?.id ? t : null;
+		}, M = (e) => {
+			if (!e) return null;
+			let t = null;
+			if (t = 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, typeof t == "string") try {
+				t = JSON.parse(t);
+			} catch {
+				console.warn("HdHeatChart output 不是 JSON 字符串", t);
+			}
+			return t && Array.isArray(t.data) ? t.data : t;
+		}, N = () => ({
+			dataTime: S.mockData?.dataTime || "2024-04-10 08时",
+			list: S.mockData?.list?.length ? S.mockData.list : [
+				{
+					date: "04-10",
+					temp: 26,
+					predictLoad: 582.98,
+					change: "flat"
+				},
+				{
+					date: "04-11",
+					temp: 25,
+					predictLoad: 568.07,
+					change: "down"
+				},
+				{
+					date: "04-12",
+					temp: 25,
+					predictLoad: 592.21,
+					change: "up"
+				},
+				{
+					date: "04-13",
+					temp: 23,
+					predictLoad: 580.05,
+					change: "down"
+				},
+				{
+					date: "04-14",
+					temp: 24,
+					predictLoad: 590.4,
+					change: "up"
+				},
+				{
+					date: "04-15",
+					temp: 25,
+					predictLoad: 587.32,
+					change: "down"
+				},
+				{
+					date: "04-16",
+					temp: 25,
+					predictLoad: 582.8,
+					change: "down"
+				},
+				{
+					date: "04-17",
+					temp: 25,
+					predictLoad: 588.69,
+					change: "up"
+				},
+				{
+					date: "04-18",
+					temp: 25,
+					predictLoad: 547.43,
+					change: "down"
+				},
+				{
+					date: "04-19",
+					temp: 24,
+					predictLoad: 484.49,
+					change: "down"
+				}
+			].slice(0, S.days)
+		}), P = (e) => {
+			if (!Array.isArray(e)) return [];
+			let t = e.map((e) => ({
+				date: e.day || e.date || "",
+				temp: Number(e.temperature ?? e.temp) || 0,
+				predictLoad: Number(e.forcastAll ?? e.predictLoad ?? e.predict_load) || 0,
+				change: "flat"
+			}));
+			return t.map((e, n) => {
+				if (n === 0) return e;
+				let r = t[n - 1];
+				return e.predictLoad > r.predictLoad ? e.change = "up" : e.predictLoad < r.predictLoad && (e.change = "down"), e;
+			});
+		}, F = async () => {
+			let e = j("data");
+			if (!e) {
+				console.warn("HdHeatChart 缺少工作流配置");
+				return;
+			}
+			try {
+				let n = M(await t({
+					id: e.id,
+					baseHttp: S.baseHttp,
+					reqType: e.reqType,
+					variables: { days: S.days },
+					isFormData: e.isFormData,
+					appKey: S.appKey,
+					appSalt: S.appSalt
+				}));
+				n && (O.value = {
+					dataTime: n.dataTime || "",
+					list: P(n)
+				});
+			} catch (e) {
+				console.error("HdHeatChart 数据加载失败", e);
+			}
+		}, I = async () => {
+			w.value = !0, S.mock ? O.value = N() : await F(), w.value = !1, z();
+		}, L = (e) => e === "up" ? `image://${h}` : e === "down" ? `image://${g}` : "", R = (e) => e === "down" ? 180 : 0, z = () => {
+			if (!T.value || !k.value.length) return;
+			E && E.dispose(), E = m.init(T.value);
+			let e = k.value, t = e.map((e) => e.date), n = e.map((e) => e.temp), r = e.map((e) => e.predictLoad), i = Math.max(...r), a = Math.min(...r), o = (i - a) * .2 || i * .1, s = Math.max(...n), c = Math.min(...n), l = (s - c) * .5 || 5, u = {
+				backgroundColor: "transparent",
+				grid: {
+					top: 48,
+					right: 44,
+					bottom: 40,
+					left: 44
+				},
+				legend: [{
+					data: ["室外温度", "预测负荷"],
+					top: 4,
+					left: "center",
+					itemWidth: 12,
+					itemHeight: 8,
+					itemGap: 12,
+					textStyle: {
+						color: "rgba(255,255,255,0.85)",
+						fontSize: 10
+					}
+				}, {
+					data: ["预测负荷较上一日上升", "预测负荷较上一日下降"],
+					top: 4,
+					right: 78,
+					orient: "vertical",
+					itemWidth: 10,
+					itemHeight: 10,
+					itemGap: 4,
+					textStyle: {
+						color: "rgba(255,255,255,0.85)",
+						fontSize: 9
+					}
+				}],
+				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.filter((e) => e.seriesName !== "预测负荷较上一日上升" && e.seriesName !== "预测负荷较上一日下降").map((e) => {
+						let t = e.seriesName === "室外温度" ? "℃" : "GJ";
+						return `${e.marker} ${e.seriesName}：${e.value}${t}`;
+					}).join("<br/>")}`
+				},
+				xAxis: {
+					type: "category",
+					data: t,
+					axisLine: { lineStyle: { color: "rgba(255,255,255,0.2)" } },
+					axisLabel: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 9,
+						formatter: (t, n) => `{date|${t}}\n{temp|(${e[n]?.temp}℃)}`,
+						rich: {
+							date: {
+								color: "rgba(255,255,255,0.85)",
+								fontSize: 9,
+								lineHeight: 10
+							},
+							temp: {
+								color: "rgba(255,255,255,0.5)",
+								fontSize: 9,
+								lineHeight: 10
+							}
+						}
+					},
+					axisTick: { show: !1 }
+				},
+				yAxis: [{
+					type: "value",
+					name: "单位（GJ）",
+					min: Math.max(0, Math.floor(a - o)),
+					max: Math.ceil(i + o),
+					nameTextStyle: {
+						color: "rgba(255,255,255,0.6)",
+						fontSize: 9,
+						padding: [
+							0,
+							0,
+							0,
+							4
+						]
+					},
+					axisLine: { show: !1 },
+					axisLabel: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 9
+					},
+					splitLine: { show: !1 },
+					axisTick: { show: !1 }
+				}, {
+					type: "value",
+					name: "单位（℃）",
+					min: Math.floor(c - l),
+					max: Math.ceil(s + l),
+					nameTextStyle: {
+						color: "rgba(255,255,255,0.6)",
+						fontSize: 9,
+						padding: [
+							0,
+							4,
+							0,
+							0
+						]
+					},
+					axisLine: { show: !1 },
+					axisLabel: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 9
+					},
+					splitLine: { show: !1 },
+					axisTick: { show: !1 }
+				}],
+				series: [
+					{
+						name: "预测负荷",
+						type: "bar",
+						barWidth: 10,
+						data: r,
+						label: {
+							show: !0,
+							position: "inside",
+							color: "#fff",
+							fontSize: 8,
+							rotate: 90,
+							formatter: "{c}"
+						},
+						itemStyle: {
+							color: new m.graphic.LinearGradient(0, 0, 0, 1, [{
+								offset: 0,
+								color: "#FF7D00"
+							}, {
+								offset: 1,
+								color: "#F53F3F"
+							}]),
+							borderRadius: [
+								2,
+								2,
+								0,
+								0
+							]
+						},
+						markPoint: {
+							symbolSize: [12, 14],
+							symbolOffset: [0, -14],
+							label: { show: !1 },
+							data: e.map((e, t) => ({
+								coord: [t, e.predictLoad],
+								value: "",
+								symbol: L(e.change),
+								symbolRotate: R(e.change)
+							})).filter((e) => e.symbol !== "")
+						}
+					},
+					{
+						name: "室外温度",
+						type: "line",
+						yAxisIndex: 1,
+						data: n,
+						smooth: !0,
+						symbol: "circle",
+						symbolSize: 5,
+						itemStyle: { color: "#F53F3F" },
+						lineStyle: {
+							color: "#F53F3F",
+							width: 1.5
+						}
+					},
+					{
+						name: "预测负荷较上一日上升",
+						type: "scatter",
+						data: [],
+						symbol: `image://${h}`,
+						symbolSize: [10, 12],
+						itemStyle: { color: "#F53F3F" }
+					},
+					{
+						name: "预测负荷较上一日下降",
+						type: "scatter",
+						data: [],
+						symbol: `image://${g}`,
+						symbolRotate: 180,
+						symbolSize: [10, 12],
+						itemStyle: { color: "#165DFF" }
+					}
+				]
+			};
+			E.setOption(u);
+		}, B = () => {
+			V(), !(S.refreshInterval <= 0) && (D = setInterval(() => {
+				I();
+			}, S.refreshInterval));
+		}, V = () => {
+			D &&= (clearInterval(D), null);
+		}, H = () => {
+			E?.resize();
+		};
+		return f(() => S.mockData, () => {
+			S.mock && I();
+		}, { deep: !0 }), c(() => {
+			I(), B(), window.addEventListener("resize", H);
+		}), s(() => {
+			V(), window.removeEventListener("resize", H), E &&= (E.dispose(), null);
+		}), (t, r) => {
+			let o = n;
+			return p((l(), i("div", _, [
+				a("button", {
+					class: "HdHeatChart-close",
+					onClick: A
+				}, [...r[0] ||= [a("span", null, "✕", -1)]]),
+				a("div", v, [a("div", y, [a("h3", b, d(e.title), 1), a("span", x, "（" + d(e.days) + "天）", 1)])]),
+				a("div", {
+					ref_key: "chartRef",
+					ref: T,
+					class: "HdHeatChart-chart"
+				}, null, 512)
+			])), [[o, w.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-248c6687"]]);
+//#endregion
+export { g as n, h as r, S as t };