nxd-plugin 1.7.97 → 1.7.98

package/dist/chunks/component-HdHeatService-D4WfN9td.mjs

@@ -0,0 +1,482 @@
+import { n as e } from "./component-AqiMonitor-DWhSDKFM.mjs";
+import { r as t } from "./component-AiChat-B2YoRfzz.mjs";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, getCurrentInstance as ee, nextTick as l, normalizeStyle as u, onMounted as d, onUnmounted as te, openBlock as f, ref as p, renderList as m, toDisplayString as h, watch as g } from "vue";
+import * as _ from "echarts";
+//#region src/components/HdHeatService/HdHeatService.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "HdHeatService" }, re = {
+	key: 0,
+	class: "HdHeatService-card"
+}, ie = {
+	key: 0,
+	class: "HdHeatService-banner"
+}, ae = ["src"], oe = { class: "HdHeatService-content" }, se = { class: "HdHeatService-stats" }, ce = { class: "HdHeatService-stat" }, le = { class: "HdHeatService-statLabel" }, ue = { class: "HdHeatService-statValue" }, de = {
+	key: 0,
+	class: "HdHeatService-statUnit"
+}, fe = { class: "HdHeatService-stat" }, pe = { class: "HdHeatService-statLabel" }, me = { class: "HdHeatService-statValue" }, he = {
+	key: 0,
+	class: "HdHeatService-statUnit"
+}, ge = {
+	key: 1,
+	class: "HdHeatService-time"
+}, _e = {
+	key: 1,
+	class: "HdHeatService-card"
+}, ve = {
+	key: 0,
+	class: "HdHeatService-banner"
+}, ye = ["src"], be = { class: "HdHeatService-content" }, xe = { class: "HdHeatService-stats" }, v = { class: "HdHeatService-stat" }, y = { class: "HdHeatService-statLabel" }, b = {
+	class: "HdHeatService-statValue",
+	style: {
+		"font-weight": "400",
+		"font-size": "14px"
+	}
+}, x = { class: "HdHeatService-stat" }, S = { class: "HdHeatService-statLabel" }, C = {
+	class: "HdHeatService-statValue",
+	style: {
+		"font-weight": "400",
+		"font-size": "14px"
+	}
+}, w = {
+	key: 2,
+	class: "HdHeatService-card"
+}, T = {
+	key: 0,
+	class: "HdHeatService-banner"
+}, E = ["src"], D = { class: "HdHeatService-content" }, O = { class: "HdHeatService-stats" }, k = { class: "HdHeatService-stat" }, A = { class: "HdHeatService-statLabel" }, j = {
+	class: "HdHeatService-statValue",
+	style: {
+		"font-weight": "400",
+		"font-size": "14px"
+	}
+}, M = { class: "HdHeatService-stat" }, Se = { class: "HdHeatService-statLabel" }, Ce = {
+	class: "HdHeatService-statValue",
+	style: {
+		"font-weight": "400",
+		"font-size": "14px"
+	}
+}, we = {
+	key: 3,
+	class: "HdHeatService-effectMask"
+}, Te = { class: "HdHeatService-effectPanel" }, Ee = { class: "HdHeatService-effectHeader" }, De = { class: "HdHeatService-effectTitle" }, Oe = {
+	key: 0,
+	class: "HdHeatService-effectSummary"
+}, ke = { class: "HdHeatService-effectSummaryLabel" }, Ae = {
+	key: 0,
+	class: "HdHeatService-effectSummaryUnit"
+}, je = { class: "HdHeatService-effectChartTitle" }, N = /* @__PURE__ */ e(/* @__PURE__ */ c({
+	__name: "HdHeatService",
+	props: {
+		pageType: { default: "1" },
+		baseHttp: { default: "" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		ids: { default: () => ({}) },
+		bgImage: { default: "" },
+		deviceCount: { default: 15 },
+		materialCount: { default: 100 },
+		serviceTime: { default: "2026年08月13日" },
+		effectTitle: { default: "服务成效" },
+		effectSummary: { default: () => [] },
+		effectCharts: { default: () => [] },
+		imgKey: { default: "" },
+		imgBaseUrl: { default: "" },
+		serviceType: { default: "" }
+	},
+	emits: ["close"],
+	setup(e, { emit: c }) {
+		let N = ee()?.appContext.config.globalProperties.$bus, P = e, Me = c, F = p({
+			bgImage: "",
+			deviceCount: 0,
+			materialCount: 0,
+			serviceTime: "",
+			effectTitle: "",
+			effectSummary: [],
+			effectCharts: []
+		}), I = p({}), L = p({}), R = p({
+			deviceData: "",
+			serviceCount: 0,
+			monitorCount: 0
+		}), z = p({
+			stationNum: 0,
+			serviceNum: 0
+		}), B = r(() => (P.serviceType, P.pageType === "1" ? {
+			deviceLabel: "供热气象观测设备",
+			materialLabel: "供热气象服务材料",
+			timePrefix: "服务时间：截止",
+			showEffect: !0
+		} : P.pageType === "2" ? {
+			deviceLabel: "观测设备(个)",
+			materialLabel: "服务次数(次)",
+			timePrefix: "",
+			showEffect: !1
+		} : {
+			deviceLabel: "实景监测(个)",
+			materialLabel: "服务次数(次)",
+			timePrefix: "",
+			showEffect: !0
+		})), V = p(!1), H = r(() => F.value.bgImage || P.bgImage);
+		r(() => P.deviceCount || F.value.deviceCount || 0), r(() => P.materialCount || F.value.materialCount || 0);
+		let Ne = r(() => P.serviceTime || F.value.serviceTime || ""), Pe = r(() => P.effectTitle || F.value.effectTitle || "服务成效"), U = r(() => P.effectSummary.length ? P.effectSummary : F.value.effectSummary), W = r(() => P.effectCharts.length ? P.effectCharts : F.value.effectCharts), Fe = r(() => ({ gridTemplateColumns: `repeat(${W.value.length || 1}, 1fr)` })), Ie = (e, t) => {
+			e && (I.value[t] = e);
+		}, Le = (e) => {
+			let t = e.data.map((e) => e.x), n = e.data.map((e) => e.y), r = e.color || "#5B7CF2", i = {
+				data: n,
+				itemStyle: { color: r },
+				label: {
+					show: e.showLabel !== !1,
+					position: "top",
+					color: "#fff",
+					fontSize: 12
+				}
+			}, a;
+			if (e.type === "bar") a = {
+				...i,
+				type: "bar",
+				barWidth: e.barWidth || "40%"
+			};
+			else if (e.type === "area") a = {
+				...i,
+				type: "line",
+				smooth: !0,
+				areaStyle: { color: new _.graphic.LinearGradient(0, 0, 0, 1, [{
+					offset: 0,
+					color: r
+				}, {
+					offset: 1,
+					color: "rgba(91, 124, 242, 0.1)"
+				}]) },
+				lineStyle: {
+					width: 2,
+					color: r
+				},
+				symbol: "circle",
+				symbolSize: 6
+			};
+			else if (e.type === "pie") return {
+				backgroundColor: "transparent",
+				tooltip: {
+					trigger: "item",
+					backgroundColor: "rgba(6, 32, 56, 0.95)",
+					borderColor: "rgba(64, 158, 255, 0.4)",
+					textStyle: { color: "#fff" }
+				},
+				series: [{
+					type: "pie",
+					radius: ["40%", "70%"],
+					data: e.data.map((e) => ({
+						name: e.x,
+						value: e.y
+					})),
+					label: {
+						color: "#fff",
+						fontSize: 12
+					},
+					itemStyle: {
+						borderRadius: 4,
+						borderColor: "rgba(4, 18, 38, 0.96)",
+						borderWidth: 2
+					}
+				}]
+			};
+			else a = {
+				...i,
+				type: "line",
+				smooth: !0,
+				lineStyle: {
+					width: 2,
+					color: r
+				},
+				symbol: "circle",
+				symbolSize: 6
+			};
+			return {
+				backgroundColor: "transparent",
+				grid: {
+					top: 32,
+					right: 16,
+					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: (t) => {
+						let n = Array.isArray(t) ? t[0] : t;
+						return `${n.name}<br/>${n.value}${e.yAxisName || ""}`;
+					}
+				},
+				xAxis: {
+					type: "category",
+					data: t,
+					axisLine: { lineStyle: { color: "rgba(255,255,255,0.3)" } },
+					axisLabel: {
+						color: "rgba(255,255,255,0.85)",
+						fontSize: 12
+					},
+					axisTick: { show: !1 },
+					splitLine: { show: !1 }
+				},
+				yAxis: {
+					type: "value",
+					name: e.yAxisName || "",
+					nameTextStyle: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 11
+					},
+					axisLine: { show: !1 },
+					axisLabel: {
+						color: "rgba(255,255,255,0.7)",
+						fontSize: 11
+					},
+					splitLine: { show: !1 },
+					axisTick: { show: !1 }
+				},
+				series: [a]
+			};
+		}, G = () => {
+			W.value.forEach((e, t) => {
+				let n = I.value[t];
+				if (!n) return;
+				let r = L.value[t];
+				(!r || r.isDisposed()) && (r = _.init(n, void 0, { renderer: "canvas" }), L.value[t] = r), r.resize(), r.setOption(Le(e), !0);
+			});
+		}, K = () => {
+			setTimeout(() => {
+				G();
+			}, 100);
+		}, q = () => {
+			Object.values(L.value).forEach((e) => {
+				e && !e.isDisposed() && e.dispose();
+			}), L.value = {}, I.value = {};
+		}, J = () => {
+			V.value = !0;
+		}, Re = () => {
+			V.value = !1, q(), Me("close", "HdQxServiceEffects");
+		}, 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, X = (e) => {
+			if (!e) return [];
+			if (Array.isArray(e)) return e;
+			if (typeof e == "object") {
+				let t = Object.values(e);
+				if (t.length) return t;
+			}
+			return [];
+		}, ze = (e) => `${e.getFullYear()}年${String(e.getMonth() + 1).padStart(2, "0")}月${String(e.getDate()).padStart(2, "0")}日`, Be = (e) => {
+			if (!e) return null;
+			if (typeof e == "object") return e;
+			try {
+				return JSON.parse(e);
+			} catch {
+				return null;
+			}
+		}, Ve = (e) => {
+			let t = e.match(/([\d.]+)\s*([^\d:]*)$/);
+			return t ? {
+				value: t[1],
+				unit: t[2].trim()
+			} : {
+				value: e,
+				unit: ""
+			};
+		}, He = (e) => {
+			if (!e) return null;
+			let t = e.includes("：") ? "：" : ":", n = e.split(t);
+			if (n.length >= 2) {
+				let e = n[0] + t, { value: r, unit: i } = Ve(n.slice(1).join(t));
+				return {
+					color: "#05ddfa",
+					label: e,
+					value: r,
+					unit: i
+				};
+			}
+			return null;
+		}, Ue = (e, t = []) => {
+			if (e && Array.isArray(e) && e.length) return e;
+			if (e && typeof e == "object") {
+				let t = Object.values(e);
+				if (t.length) return t;
+			}
+			return (t || []).map((e) => He(e.top_title || "")).filter(Boolean);
+		}, We = (e) => e ? (Array.isArray(e) ? e : X(e)).map((e) => {
+			let t = e.chart_type || e.type || "bar", n = Be(e.dataset) || [], r = (Array.isArray(n) ? n : []).map((e) => ({
+				x: e.years || e.year || e.x || e.name || "",
+				y: Number(e.amount || e.value || e.y || 0)
+			}));
+			return {
+				type: {
+					柱状图: "bar",
+					折线图: "line",
+					面积图: "area",
+					饼图: "pie"
+				}[t] || t || "bar",
+				title: e.bottom_title || e.title || "",
+				data: r,
+				color: e.color || "#5B7CF2",
+				showLabel: e.showLabel !== !1,
+				yAxisName: e.yAxisName || ""
+			};
+		}) : [], Ge = async () => {
+			let e = P.ids?.img;
+			if (!e?.id) {
+				console.warn("HdHeatService 缺少图片工作流配置");
+				return;
+			}
+			try {
+				let n = Y(await t({
+					id: e.id,
+					baseHttp: P.baseHttp,
+					reqType: e.reqType,
+					variables: { configKey: P.imgKey },
+					isFormData: e.isFormData,
+					appKey: P.appKey,
+					appSalt: P.appSalt
+				}));
+				if (n) {
+					let e = n[0].file_url || n[0].url || "";
+					e && !e.startsWith("http") && P.imgBaseUrl && (e = `${P.imgBaseUrl}${e.startsWith("/") ? e : "/" + e}`), F.value.bgImage = e;
+				}
+			} catch (e) {
+				console.error("HdHeatService 图片加载失败", e);
+			}
+		}, Z = async () => {
+			let e = P.ids?.data;
+			if (!e?.id) {
+				console.warn("HdHeatService 缺少数据工作流配置");
+				return;
+			}
+			try {
+				let n = Y(await t({
+					id: e.id,
+					baseHttp: P.baseHttp,
+					reqType: e.reqType,
+					variables: {},
+					isFormData: e.isFormData,
+					appKey: P.appKey,
+					appSalt: P.appSalt
+				}));
+				console.log(n, "output"), n && (P.pageType === "2" ? (R.value.deviceData = n.farmDeviceNum && n.stationNum ? n.farmDeviceNum + "(农)+" + n.stationNum + "(气)" : "", R.value.serviceCount = n.serviceTimes ?? n.serviceNum ?? 0) : P.pageType === "3" && (R.value.monitorCount = n.monitorNum ?? 0, R.value.serviceCount = n.serviceTimes ?? n.serviceNum ?? 0));
+			} catch (e) {
+				console.error("HdHeatService 数据加载失败", e);
+			}
+		}, Ke = async () => {
+			let e = P.ids?.heat;
+			if (e?.id) try {
+				let n = Y(await t({
+					id: e.id,
+					baseHttp: P.baseHttp,
+					reqType: e.reqType,
+					variables: {},
+					isFormData: e.isFormData,
+					appKey: P.appKey,
+					appSalt: P.appSalt
+				}));
+				n && (z.value.stationNum = n.stationNum || 0, z.value.serviceNum = n.serviceNum || 0);
+			} catch (e) {
+				console.error("HdHeatService 供热数据加载失败", e);
+			}
+		}, Q = async () => {
+			let e = P.ids?.chart;
+			if (e?.id) try {
+				let n = Y(await t({
+					id: e.id,
+					baseHttp: P.baseHttp,
+					reqType: e.reqType,
+					variables: { categoryType: P.serviceType },
+					isFormData: e.isFormData,
+					appKey: P.appKey,
+					appSalt: P.appSalt
+				}));
+				if (n) {
+					let e = n.charts || n.effectCharts || X(n);
+					F.value.effectTitle = n.title || n.effectTitle || F.value.effectTitle || "", F.value.effectCharts = We(e) || F.value.effectCharts || [], F.value.effectSummary = Ue(n.summary || n.effectSummary, e) || F.value.effectSummary || [];
+				}
+			} catch (e) {
+				console.error("HdHeatService 成效图表加载失败", e);
+			}
+		}, qe = async () => {
+			await Ge(), P.pageType === "1" ? (await Z(), await Ke(), await Q()) : P.pageType === "2" ? (await Z(), F.value.serviceTime = ze(/* @__PURE__ */ new Date())) : (await Z(), await Q());
+		}, $ = async () => {
+			await qe();
+		};
+		return d(() => {
+			N?.on("toComponent", (e) => {
+				e.componentName === "HdHeatService" && $();
+			}), $(), window.addEventListener("resize", G);
+		}), te(() => {
+			q(), window.removeEventListener("resize", G);
+		}), g(V, async (e) => {
+			e && (await l(), K());
+		}), g(W, async () => {
+			await l(), K();
+		}, { deep: !0 }), (t, r) => (f(), a("div", ne, [e.pageType == "1" ? (f(), a("div", re, [H.value ? (f(), a("div", ie, [o("img", {
+			src: H.value,
+			alt: "供热服务"
+		}, null, 8, ae)])) : i("", !0), o("div", oe, [
+			o("div", se, [
+				o("div", ce, [o("div", le, h(B.value.deviceLabel), 1), o("div", ue, [s(h(z.value.stationNum) + " ", 1), e.pageType == "1" ? (f(), a("span", de, "个")) : i("", !0)])]),
+				r[0] ||= o("div", { class: "HdHeatService-divider" }, null, -1),
+				o("div", fe, [o("div", pe, h(B.value.materialLabel), 1), o("div", me, [s(h(z.value.serviceNum) + " ", 1), e.pageType == "1" ? (f(), a("span", he, "份")) : i("", !0)])])
+			]),
+			B.value.showEffect ? (f(), a("button", {
+				key: 0,
+				class: "HdHeatService-effectBtn",
+				onClick: J
+			}, " 服务成效 ")) : i("", !0),
+			B.value.timePrefix ? (f(), a("div", ge, h(B.value.timePrefix) + h(Ne.value), 1)) : i("", !0)
+		])])) : e.pageType == "2" ? (f(), a("div", _e, [H.value ? (f(), a("div", ve, [o("img", {
+			src: H.value,
+			alt: ""
+		}, null, 8, ye)])) : i("", !0), o("div", be, [o("div", xe, [
+			o("div", v, [o("div", y, h(B.value.deviceLabel), 1), o("div", b, h(R.value.deviceData), 1)]),
+			r[1] ||= o("div", { class: "HdHeatService-divider" }, null, -1),
+			o("div", x, [o("div", S, h(B.value.materialLabel), 1), o("div", C, h(R.value.serviceCount >= 100 ? R.value.serviceCount + "+" : R.value.serviceCount), 1)])
+		])])])) : e.pageType == "3" ? (f(), a("div", w, [H.value ? (f(), a("div", T, [o("img", {
+			src: H.value,
+			alt: ""
+		}, null, 8, E)])) : i("", !0), o("div", D, [o("div", O, [
+			o("div", k, [o("div", A, h(B.value.deviceLabel), 1), o("div", j, h(R.value.monitorCount), 1)]),
+			r[2] ||= o("div", { class: "HdHeatService-divider" }, null, -1),
+			o("div", M, [o("div", Se, h(B.value.materialLabel), 1), o("div", Ce, h(R.value.serviceCount >= 100 ? R.value.serviceCount + "+" : R.value.serviceCount), 1)])
+		]), B.value.showEffect ? (f(), a("button", {
+			key: 0,
+			class: "HdHeatService-effectBtn",
+			onClick: J
+		}, " 服务成效 ")) : i("", !0)])])) : i("", !0), V.value ? (f(), a("div", we, [o("div", Te, [
+			o("button", {
+				class: "HdHeatService-effectClose",
+				onClick: Re
+			}, [...r[3] ||= [o("span", null, "✕", -1)]]),
+			o("div", Ee, [o("div", De, h(Pe.value), 1)]),
+			U.value.length ? (f(), a("div", Oe, [(f(!0), a(n, null, m(U.value, (e, t) => (f(), a("div", {
+				key: t,
+				class: "HdHeatService-effectSummaryItem"
+			}, [
+				o("span", {
+					class: "HdHeatService-effectSummaryDot",
+					style: u({ background: e.color })
+				}, null, 4),
+				o("span", ke, h(e.label), 1),
+				o("span", {
+					class: "HdHeatService-effectSummaryValue",
+					style: u({ color: e.color })
+				}, h(e.value), 5),
+				e.unit ? (f(), a("span", Ae, h(e.unit), 1)) : i("", !0)
+			]))), 128))])) : i("", !0),
+			o("div", {
+				class: "HdHeatService-effectCharts",
+				style: u(Fe.value)
+			}, [(f(!0), a(n, null, m(W.value, (e, t) => (f(), a("div", {
+				key: t,
+				class: "HdHeatService-effectChartWrap"
+			}, [o("div", {
+				ref_for: !0,
+				ref: (e) => Ie(e, t),
+				class: "HdHeatService-effectChart"
+			}, null, 512), o("div", je, h(e.title), 1)]))), 128))], 4)
+		])])) : i("", !0)]));
+	}
+}), [["__scopeId", "data-v-4804aaa0"]]);
+//#endregion
+export { N as t };