nxd-plugin 1.8.46 → 1.8.47

package/dist/chunks/component-GridData-o7hipw0h.mjs

@@ -0,0 +1,756 @@
+import "./component-AqiMonitor-CiRH3KK9.mjs";
+import { g as e, p as t } from "./component-Agent-DwXtdLhK.mjs";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as ee, onMounted as te, openBlock as l, reactive as ne, ref as u, renderList as d, toDisplayString as f, watch as p } from "vue";
+import { ElMessage as m } from "element-plus";
+import "element-plus/es/components/message/style/css";
+//#region src/components/GridData/GridData.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "GridData" }, g = { class: "GridData__body" }, _ = { class: "GridData__elements" }, v = ["onClick"], y = { class: "GridData__row" }, re = { class: "GridData__row-opts" }, ie = { class: "GridData__layers" }, ae = {
+	key: 0,
+	class: "GridData__legend"
+}, oe = { class: "GridData__legend-head" }, b = { class: "GridData__legend-title" }, x = { class: "GridData__legend-unit" }, S = { class: "GridData__legend-items" }, se = { class: "GridData__legend-label" }, C = {
+	key: 0,
+	class: "GridData__mask"
+}, w = "GridData_grid", T = "GridData_shade", E = /* @__PURE__ */ t(/* @__PURE__ */ s({
+	__name: "GridData",
+	props: {
+		appKey: {
+			type: String,
+			default: ""
+		},
+		appSalt: {
+			type: String,
+			default: ""
+		},
+		baseHttp: {
+			type: String,
+			default: ""
+		},
+		ids: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"close",
+		"addClusterMarker",
+		"clearClusterMarker",
+		"addImage",
+		"clearImg"
+	],
+	setup(t, { emit: s }) {
+		let E = s, D = t, ce = [
+			"降水",
+			"大风",
+			"温度",
+			"相对湿度",
+			"能见度"
+		], O = u("降水"), k = u("live"), A = u("1h"), j = ne({
+			seban: !1,
+			grid: !1
+		}), M = u(!1), N = u([]), P = {
+			降水: "er01",
+			大风: "eda10",
+			温度: "tmp",
+			相对湿度: "erh",
+			能见度: "vis"
+		}, F = [
+			[
+				130,
+				30,
+				180,
+				240
+			],
+			[
+				80,
+				50,
+				180,
+				240
+			],
+			[
+				40,
+				80,
+				200,
+				240
+			],
+			[
+				30,
+				130,
+				220,
+				240
+			],
+			[
+				80,
+				180,
+				240,
+				240
+			],
+			[
+				130,
+				220,
+				240,
+				240
+			],
+			[
+				180,
+				240,
+				200,
+				240
+			],
+			[
+				230,
+				240,
+				150,
+				240
+			],
+			[
+				250,
+				220,
+				100,
+				240
+			],
+			[
+				250,
+				170,
+				50,
+				240
+			],
+			[
+				250,
+				120,
+				30,
+				240
+			],
+			[
+				230,
+				60,
+				20,
+				240
+			],
+			[
+				180,
+				30,
+				30,
+				240
+			]
+		], I = [
+			"<-30",
+			"-30~-20",
+			"-20~-10",
+			"-10~0",
+			"0~5",
+			"5~10",
+			"10~15",
+			"15~20",
+			"20~25",
+			"25~30",
+			"30~35",
+			"35~40",
+			"≥40"
+		], L = [
+			[
+				180,
+				30,
+				30,
+				240
+			],
+			[
+				230,
+				100,
+				30,
+				240
+			],
+			[
+				250,
+				180,
+				50,
+				240
+			],
+			[
+				250,
+				220,
+				100,
+				240
+			],
+			[
+				230,
+				240,
+				150,
+				240
+			],
+			[
+				180,
+				240,
+				200,
+				240
+			],
+			[
+				130,
+				220,
+				240,
+				240
+			],
+			[
+				80,
+				180,
+				240,
+				240
+			],
+			[
+				40,
+				130,
+				220,
+				240
+			],
+			[
+				30,
+				80,
+				200,
+				240
+			]
+		], R = [
+			"<10",
+			"10~20",
+			"20~30",
+			"30~40",
+			"40~50",
+			"50~60",
+			"60~70",
+			"70~80",
+			"80~90",
+			"≥90"
+		], z = [
+			[
+				0,
+				0,
+				0,
+				0
+			],
+			[
+				180,
+				240,
+				200,
+				240
+			],
+			[
+				130,
+				220,
+				240,
+				240
+			],
+			[
+				80,
+				180,
+				240,
+				240
+			],
+			[
+				40,
+				130,
+				220,
+				240
+			],
+			[
+				30,
+				80,
+				200,
+				240
+			],
+			[
+				80,
+				50,
+				180,
+				240
+			],
+			[
+				130,
+				30,
+				180,
+				240
+			],
+			[
+				180,
+				30,
+				130,
+				240
+			],
+			[
+				230,
+				60,
+				60,
+				240
+			],
+			[
+				250,
+				120,
+				30,
+				240
+			],
+			[
+				180,
+				30,
+				30,
+				240
+			]
+		], B = [
+			"0",
+			"0~2",
+			"2~4",
+			"4~6",
+			"6~8",
+			"8~10",
+			"10~12",
+			"12~14",
+			"14~17",
+			"17~20",
+			"20~25",
+			"≥25"
+		], V = [
+			[
+				112,
+				37,
+				1,
+				240
+			],
+			[
+				155,
+				0,
+				254,
+				240
+			],
+			[
+				251,
+				1,
+				1,
+				240
+			],
+			[
+				255,
+				87,
+				2,
+				240
+			],
+			[
+				254,
+				177,
+				79,
+				240
+			],
+			[
+				255,
+				253,
+				3,
+				240
+			],
+			[
+				116,
+				253,
+				48,
+				240
+			],
+			[
+				150,
+				222,
+				246,
+				240
+			],
+			[
+				197,
+				237,
+				255,
+				240
+			],
+			[
+				253,
+				253,
+				253,
+				0
+			]
+		], H = [
+			"<200",
+			"200~500",
+			"500~1000",
+			"1000~2000",
+			"2000~3000",
+			"3000~5000",
+			"5000~10000",
+			"10000~20000",
+			"20000~30000",
+			"≥30000"
+		], U = [
+			[
+				0,
+				0,
+				0,
+				0
+			],
+			[
+				166,
+				242,
+				142,
+				255
+			],
+			[
+				60,
+				186,
+				60,
+				255
+			],
+			[
+				96,
+				184,
+				254,
+				255
+			],
+			[
+				0,
+				166,
+				255,
+				255
+			],
+			[
+				0,
+				117,
+				255,
+				255
+			],
+			[
+				0,
+				0,
+				224,
+				255
+			],
+			[
+				250,
+				0,
+				250,
+				255
+			],
+			[
+				124,
+				6,
+				65,
+				255
+			]
+		], le = [
+			[
+				0,
+				0,
+				0,
+				0
+			],
+			[
+				166,
+				242,
+				143,
+				255
+			],
+			[
+				61,
+				186,
+				61,
+				255
+			],
+			[
+				97,
+				184,
+				255,
+				255
+			],
+			[
+				0,
+				0,
+				255,
+				255
+			],
+			[
+				250,
+				0,
+				250,
+				255
+			],
+			[
+				128,
+				0,
+				64,
+				255
+			],
+			[
+				255,
+				170,
+				0,
+				255
+			],
+			[
+				255,
+				102,
+				0,
+				255
+			],
+			[
+				230,
+				0,
+				0,
+				255
+			],
+			[
+				80,
+				45,
+				10,
+				255
+			]
+		], W = {
+			"1h": [
+				.1,
+				1.6,
+				7,
+				15,
+				20,
+				30,
+				40,
+				50
+			],
+			"2h": [
+				.1,
+				3,
+				10,
+				15,
+				25,
+				35,
+				50,
+				70
+			],
+			"3h": [
+				.1,
+				3,
+				10,
+				15,
+				25,
+				35,
+				50,
+				70
+			],
+			"6h": [
+				.1,
+				4,
+				13,
+				25,
+				35,
+				45,
+				60,
+				120
+			],
+			"12h": [
+				.1,
+				4,
+				13,
+				25,
+				35,
+				45,
+				60,
+				120
+			],
+			"24h": [
+				.1,
+				10,
+				25,
+				50,
+				100,
+				250,
+				400,
+				600,
+				800,
+				1e3
+			],
+			"48h": [
+				.1,
+				10,
+				25,
+				50,
+				100,
+				250,
+				400,
+				600,
+				800,
+				1e3
+			]
+		}, ue = {
+			大风: {
+				title: "风速",
+				unit: "m/s",
+				colors: z,
+				labels: B
+			},
+			温度: {
+				title: "温度",
+				unit: "°C",
+				colors: F,
+				labels: I
+			},
+			相对湿度: {
+				title: "相对湿度",
+				unit: "%",
+				colors: L,
+				labels: R
+			},
+			能见度: {
+				title: "能见度",
+				unit: "m",
+				colors: V,
+				labels: H
+			}
+		}, de = (e, t) => Array.from({ length: t }, (n, r) => r === 0 ? `≤${e[0]}` : r === t - 1 ? `≥${e[e.length - 1]}` : `${e[r - 1]}~${e[r]}`), G = r(() => {
+			if (O.value === "降水") {
+				let e = A.value === "24h" || A.value === "48h" ? le : U, t = W[A.value] || W["1h"];
+				return {
+					title: `${A.value}降水量`,
+					unit: "mm",
+					colors: e,
+					labels: de(t, e.length)
+				};
+			}
+			return ue[O.value] || null;
+		}), fe = r(() => {
+			let e = G.value;
+			return e ? e.colors.map((t, n) => ({
+				color: `rgba(${t[0]},${t[1]},${t[2]},${t[3] / 255})`,
+				label: e.labels[n] || "",
+				empty: t[3] === 0
+			})).reverse() : [];
+		});
+		te(() => {
+			pe();
+		}), p([k, () => j.grid], () => {
+			j.grid ? q() : X(null);
+		}), p([k, () => j.seban], () => {
+			j.seban ? J() : Z(null);
+		}), p(O, () => {
+			j.grid && N.value.length && X(Y(N.value)), j.seban && (Z(null), J());
+		});
+		let pe = async () => {
+			j.grid && q(), j.seban && J();
+		}, me = (e) => {
+			let t = D.ids?.[e];
+			if (t?.id) return t;
+			let n = window.g?.ids?.[e];
+			return n ? {
+				id: n,
+				reqType: "post",
+				isFormData: !1
+			} : null;
+		}, K = async (t, n) => {
+			let r = me(t);
+			if (!r) return [];
+			let i = window.g || {}, a = {
+				appKey: D.appKey || i.appKey,
+				appSalt: D.appSalt || i.appSalt,
+				id: r.id,
+				variables: n,
+				baseHttp: D.baseHttp || i.BASE_URL,
+				reqType: r.reqType || "post",
+				isFormData: r.isFormData ?? !1
+			};
+			M.value = !0;
+			let o = null;
+			try {
+				o = await e(a);
+			} catch (e) {
+				console.error(e), m.error("数据获取失败");
+			} finally {
+				M.value = !1;
+			}
+			let s = o?.data?.result?.output;
+			return Array.isArray(s) ? s : [];
+		}, q = async () => {
+			if (N.value = await K(k.value === "live" ? "realTimeGrid" : "forecastGrid", {}), !N.value.length) {
+				m.warning("当前时刻暂无网格数据"), X(null);
+				return;
+			}
+			X(Y(N.value));
+		}, J = async () => {
+			let e = await K(k.value === "live" ? "realTimeGridImg" : "forecastGridImg", { el: P[O.value] });
+			if (!e.length) {
+				m.warning("当前时刻暂无色斑图数据"), Z(null);
+				return;
+			}
+			Z(he(e[0]));
+		}, Y = (e) => {
+			let t = P[O.value] || "tmp";
+			return {
+				layerId: w,
+				list: e.map((e) => ({
+					...e,
+					lng: (e.left_top_lon + e.right_bottom_lon) / 2,
+					lat: (e.left_top_lat + e.left_bottom_lat) / 2
+				})),
+				distance: 40,
+				zIndex: 20,
+				displayField: t,
+				clusterDisplay: "max",
+				clusterField: t,
+				clusterStyle: [],
+				clusterClickZoom: !1
+			};
+		}, he = (e) => ({ imgArr: [{
+			imgUrl: (window.g?.filePath || "") + e.image_path,
+			lngStart: Number(e.lon_min),
+			latStart: Number(e.lat_min),
+			lngEnd: Number(e.lon_max),
+			latEnd: Number(e.lat_max),
+			opacity: .8,
+			zIndex: 15,
+			otherData: { imgId: T }
+		}] }), X = (e) => {
+			E("clearClusterMarker", w), e && E("addClusterMarker", e);
+		}, Z = (e) => {
+			E("clearImg", T), e && E("addImage", e);
+		}, Q = (e) => {
+			M.value || (j[e] = !j[e]);
+		}, $ = (e) => {
+			M.value || (k.value = e);
+		}, ge = () => {
+			j.grid && X(null), j.seban && Z(null), E("close", "GridData");
+		};
+		return (e, t) => (l(), a("div", h, [
+			o("div", { class: "GridData__head" }, [o("div", { class: "GridData__head-top" }, [t[4] ||= o("div", { class: "GridData__head-title" }, "网格数据", -1), o("div", {
+				class: "closeBtn",
+				onClick: ge,
+				title: "关闭"
+			})]), t[5] ||= o("img", {
+				class: "GridData__head-line",
+				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)]),
+			o("div", g, [
+				o("div", _, [(l(), a(n, null, d(ce, (e) => o("div", {
+					class: c(["GridData__element", { active: O.value === e }]),
+					key: e,
+					onClick: (t) => O.value = e
+				}, f(e), 11, v)), 64))]),
+				o("div", y, [t[6] ||= o("div", { class: "GridData__row-label" }, "类型", -1), o("div", re, [o("div", {
+					class: c(["GridData__opt", { active: k.value === "live" }]),
+					onClick: t[0] ||= (e) => $("live")
+				}, "实况 ", 2), o("div", {
+					class: c(["GridData__opt", { active: k.value === "forecast" }]),
+					onClick: t[1] ||= (e) => $("forecast")
+				}, "预报 ", 2)])]),
+				o("div", ie, [o("div", {
+					class: c(["GridData__layer", { active: j.seban }]),
+					onClick: t[2] ||= (e) => Q("seban")
+				}, [...t[7] ||= [o("span", { class: "GridData__layer-check" }, null, -1), o("span", { class: "GridData__layer-name" }, "色斑图", -1)]], 2), o("div", {
+					class: c(["GridData__layer", { active: j.grid }]),
+					onClick: t[3] ||= (e) => Q("grid")
+				}, [...t[8] ||= [o("span", { class: "GridData__layer-check" }, null, -1), o("span", { class: "GridData__layer-name" }, "网格", -1)]], 2)]),
+				j.seban && G.value ? (l(), a("div", ae, [o("div", oe, [o("span", b, f(G.value.title), 1), o("span", x, "（" + f(G.value.unit) + "）", 1)]), o("div", S, [(l(!0), a(n, null, d(fe.value, (e, t) => (l(), a("div", {
+					class: "GridData__legend-item",
+					key: t
+				}, [o("span", {
+					class: c(["GridData__legend-color", { "GridData__legend-color--empty": e.empty }]),
+					style: ee({ backgroundColor: e.color })
+				}, null, 6), o("span", se, f(e.label), 1)]))), 128))])])) : i("", !0)
+			]),
+			M.value ? (l(), a("div", C, [...t[9] ||= [o("span", { class: "GridData__mask-spinner" }, null, -1)]])) : i("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-bb670cb0"]]);
+//#endregion
+export { E as t };