nxd-plugin 1.7.97 → 1.7.99

package/dist/chunks/component-HdSoilDetailList-DG-TzCl0.mjs

@@ -0,0 +1,402 @@
+import { n as e } from "./component-AqiMonitor-DWhSDKFM.mjs";
+import { r as t } from "./component-AiChat-B2YoRfzz.mjs";
+import { ElConfigProvider as n, ElDatePicker as r, ElLoadingDirective as i, ElTable as a, ElTableColumn as ee } from "element-plus/es";
+import { Fragment as o, Teleport as te, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, getCurrentInstance as m, nextTick as h, normalizeClass as g, onBeforeUnmount as _, onMounted as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as ne, watch as C, withCtx as w, withDirectives as T } from "vue";
+import * as re from "echarts";
+import { ElMessage as E } from "element-plus";
+import ie from "element-plus/es/locale/lang/zh-cn.mjs";
+//#region src/components/HdSoilDetailList/HdSoilDetailList.vue?vue&type=script&setup=true&lang.ts
+var D = {
+	key: 0,
+	class: "HdSoilDetailList"
+}, O = { class: "HdSoilDetailList-panel" }, k = { class: "HdSoilDetailList-header" }, A = { class: "HdSoilDetailList-title" }, j = { class: "HdSoilDetailList-filter" }, ae = {
+	key: 0,
+	class: "HdSoilDetailList-elementWrap"
+}, oe = { class: "HdSoilDetailList-elementTabs" }, se = ["onClick"], ce = { class: "HdSoilDetailList-modeWrap" }, le = { class: "HdSoilDetailList-body" }, ue = "#f53f3f", M = /* @__PURE__ */ e(/* @__PURE__ */ p({
+	__name: "HdSoilDetailList",
+	props: {
+		mock: {
+			type: Boolean,
+			default: !1
+		},
+		baseHttp: { default: "" },
+		tableHeight: { default: "56vh" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		ids: { default: () => ({}) },
+		refreshInterval: { default: 0 }
+	},
+	emits: ["close"],
+	setup(e, { emit: p }) {
+		let M = e, de = p, N = m()?.appContext.config.globalProperties.$bus, P = b(!1), F = b(!1), I = b(""), L = b(""), R = b([]), z = b("table"), B = b(null), V = null, H = /* @__PURE__ */ new Date(), fe = /* @__PURE__ */ new Date(H.getTime() - 10080 * 60 * 1e3), U = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")} ${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}:${String(e.getSeconds()).padStart(2, "0")}`, W = b([U(new Date(fe.setHours(0, 0, 0, 0))), U(new Date(H.setHours(23, 59, 59, 0)))]), pe = s(() => W.value?.[0] || ""), me = s(() => W.value?.[1] || ""), G = [
+			{
+				label: "10cm(%RH)",
+				prop: "soilHumidity1"
+			},
+			{
+				label: "20cm(%RH)",
+				prop: "soilHumidity2"
+			},
+			{
+				label: "30cm(%RH)",
+				prop: "soilHumidity3"
+			},
+			{
+				label: "40cm(%RH)",
+				prop: "soilHumidity4"
+			},
+			{
+				label: "50cm(%RH)",
+				prop: "soilHumidity5"
+			}
+		], K = [
+			{
+				label: "10cm(℃)",
+				prop: "soilTemperature1"
+			},
+			{
+				label: "20cm(℃)",
+				prop: "soilTemperature2"
+			},
+			{
+				label: "30cm(℃)",
+				prop: "soilTemperature3"
+			},
+			{
+				label: "40cm(℃)",
+				prop: "soilTemperature4"
+			},
+			{
+				label: "50cm(℃)",
+				prop: "soilTemperature5"
+			}
+		], q = b("humidity"), he = [
+			{
+				label: "土壤湿度(%)",
+				value: "humidity"
+			},
+			{
+				label: "土壤温度(℃)",
+				value: "temperature"
+			},
+			{
+				label: "EC值(S/cm)",
+				value: "ec"
+			},
+			{
+				label: "PH值(ph)",
+				value: "ph"
+			}
+		], J = [
+			"#f7dc6f",
+			"#05ddfa",
+			"#a855f7",
+			"#7ed321",
+			"#165dff"
+		], ge = () => {
+			let e = /* @__PURE__ */ new Date(), t = /* @__PURE__ */ new Date(e.getTime() - 10080 * 60 * 1e3);
+			W.value = [U(new Date(t.setHours(0, 0, 0, 0))), U(new Date(e.setHours(23, 59, 59, 0)))];
+		}, _e = () => {
+			P.value = !1, V?.dispose(), V = null, de("close");
+		}, Y = (e) => {
+			let t = e?.data?.result?.output;
+			if (typeof t == "string") try {
+				let e = JSON.parse(t);
+				return Array.isArray(e.data || e.chartData) ? e.data || e.chartData : [];
+			} catch {
+				return console.error("HdSoilDetailList output JSON 解析失败", t), [];
+			}
+			return Array.isArray(t) ? t : [];
+		}, ve = (e) => Array.isArray(e) ? e.map((e) => ({
+			monitorTime: e.monitorTime || e.dateTime || e.time || e.dataTime || "",
+			warningStatus: e.warningStatus || e.earlyWarnState || e.warning || "-",
+			soilHumidity1: e.soilHumidity1 ?? e.soil_humidity_1 ?? "-",
+			soilHumidity2: e.soilHumidity2 ?? e.soil_humidity_2 ?? "-",
+			soilHumidity3: e.soilHumidity3 ?? e.soil_humidity_3 ?? "-",
+			soilHumidity4: e.soilHumidity4 ?? e.soil_humidity_4 ?? "-",
+			soilHumidity5: e.soilHumidity5 ?? e.soil_humidity_5 ?? "-",
+			soilTemperature1: e.soilTemperature1 ?? e.soil_temperature_1 ?? "-",
+			soilTemperature2: e.soilTemperature2 ?? e.soil_temperature_2 ?? "-",
+			soilTemperature3: e.soilTemperature3 ?? e.soil_temperature_3 ?? "-",
+			soilTemperature4: e.soilTemperature4 ?? e.soil_temperature_4 ?? "-",
+			soilTemperature5: e.soilTemperature5 ?? e.soil_temperature_5 ?? "-",
+			soilPh: e.soilPh ?? e.soil_ph ?? e.ph ?? "-",
+			soilEc: e.soilEc ?? e.soil_ec ?? e.ec ?? "-"
+		})) : [], X = async () => {
+			if (M.mock) return;
+			let e = M.ids?.data;
+			if (!e?.id) {
+				console.warn("HdSoilDetailList 缺少数据工作流配置");
+				return;
+			}
+			F.value = !0;
+			try {
+				R.value = ve(Y(await t({
+					id: e.id,
+					baseHttp: M.baseHttp,
+					reqType: e.reqType,
+					variables: {
+						msCode: I.value,
+						startTime: pe.value,
+						endTime: me.value
+					},
+					isFormData: e.isFormData,
+					appKey: M.appKey,
+					appSalt: M.appSalt
+				}))), z.value === "chart" && h(() => Q());
+			} catch (e) {
+				console.error("HdSoilDetailList 调用工作流接口失败", e), E.error("数据加载失败");
+			} finally {
+				F.value = !1;
+			}
+		}, Z = (e) => {
+			let t = Number(e);
+			return e !== "" && e != null && !isNaN(t) ? t : null;
+		}, ye = (e, t) => Z(t === "humidity" ? e.soilHumidity1 : t === "temperature" ? e.soilTemperature1 : t === "ec" ? e.soilEc : e.soilPh), Q = () => {
+			if (!B.value) return;
+			V &&= (V.dispose(), null), V = re.init(B.value);
+			let e = R.value.map((e) => e.monitorTime), t = q.value, n = [
+				"10厘米",
+				"20厘米",
+				"30厘米",
+				"40厘米",
+				"50厘米"
+			], r = [];
+			t === "humidity" ? G.forEach((e, t) => {
+				r.push({
+					name: n[t],
+					type: "line",
+					smooth: !0,
+					data: R.value.map((t) => Z(t[e.prop])),
+					itemStyle: { color: J[t] }
+				});
+			}) : t === "temperature" ? K.forEach((e, t) => {
+				r.push({
+					name: n[t],
+					type: "line",
+					smooth: !0,
+					data: R.value.map((t) => Z(t[e.prop])),
+					itemStyle: { color: J[t] }
+				});
+			}) : t === "ec" ? r.push({
+				name: "EC值(S/cm)",
+				type: "line",
+				smooth: !0,
+				data: R.value.map((e) => Z(e.soilEc)),
+				itemStyle: { color: "#00b42a" }
+			}) : r.push({
+				name: "PH值(ph)",
+				type: "line",
+				smooth: !0,
+				data: R.value.map((e) => Z(e.soilPh)),
+				itemStyle: { color: "#a855f7" }
+			});
+			let i = R.value.map((e, n) => e.warningStatus === "有" ? [n, ye(e, t)] : null).filter((e) => e !== null && e[1] !== null);
+			i.length && r.push({
+				name: "预警",
+				type: "scatter",
+				data: i,
+				symbolSize: 10,
+				itemStyle: { color: ue }
+			});
+			let a = {
+				backgroundColor: "transparent",
+				tooltip: { trigger: "axis" },
+				legend: {
+					textStyle: { color: "#fff" },
+					top: 8
+				},
+				grid: {
+					left: 48,
+					right: 48,
+					top: 56,
+					bottom: 72,
+					containLabel: !0
+				},
+				xAxis: {
+					type: "category",
+					data: e,
+					axisLine: { lineStyle: { color: "rgba(255,255,255,0.3)" } },
+					axisLabel: {
+						color: "rgba(255,255,255,0.8)",
+						rotate: 30
+					}
+				},
+				yAxis: {
+					type: "value",
+					name: {
+						humidity: "湿度(%RH)",
+						temperature: "温度(℃)",
+						ec: "EC值(S/cm)",
+						ph: "PH值(ph)"
+					}[t],
+					nameTextStyle: { color: "#05ddfa" },
+					axisLine: { lineStyle: { color: "rgba(255,255,255,0.3)" } },
+					axisLabel: { color: "rgba(255,255,255,0.8)" },
+					splitLine: { show: !1 }
+				},
+				series: r
+			};
+			V.setOption(a);
+		}, be = () => {
+			if (!R.value.length) {
+				E.warning("暂无数据可下载");
+				return;
+			}
+			let e = [[
+				"序号",
+				"监测时间",
+				"预警情况",
+				...G.map((e) => e.label),
+				...K.map((e) => e.label),
+				"PH值(ph)",
+				"EC值(S/cm)"
+			], ...R.value.map((e, t) => [
+				t + 1,
+				e.monitorTime,
+				e.warningStatus,
+				e.soilHumidity1,
+				e.soilHumidity2,
+				e.soilHumidity3,
+				e.soilHumidity4,
+				e.soilHumidity5,
+				e.soilTemperature1,
+				e.soilTemperature2,
+				e.soilTemperature3,
+				e.soilTemperature4,
+				e.soilTemperature5,
+				e.soilPh,
+				e.soilEc
+			])].map((e) => e.join(",")).join("\n"), t = new Blob(["" + e], { type: "text/csv;charset=utf-8;" }), n = URL.createObjectURL(t), r = document.createElement("a");
+			r.href = n, r.download = `土壤墒情详情_${L.value || I.value}.csv`, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
+		}, $ = (e) => {
+			e?.componentName === "HdSoilDetailList" && (I.value = e?.msCode || "", L.value = e?.msName || e?.stationName || "", ge(), z.value = "table", P.value = !0, X());
+		};
+		return C(z, (e) => {
+			e === "chart" && h(() => Q());
+		}), C(q, () => {
+			z.value === "chart" && h(() => Q());
+		}), v(() => {
+			N?.on("toComponent", $);
+		}), _(() => {
+			N?.off("toComponent", $), V?.dispose(), V = null;
+		}), (t, s) => {
+			let p = r, m = n, h = ee, _ = a, v = i;
+			return y(), c(te, { to: "body" }, [P.value ? (y(), u("div", D, [d("div", O, [
+				d("div", k, [d("span", A, S(L.value), 1), d("button", {
+					class: "HdSoilDetailList-close",
+					onClick: _e
+				}, [...s[3] ||= [d("span", null, "✕", -1)]])]),
+				d("div", j, [
+					s[5] ||= d("span", { class: "HdSoilDetailList-filterLabel" }, "时间选择", -1),
+					f(m, { locale: ne(ie) }, {
+						default: w(() => [f(p, {
+							style: { width: "280px" },
+							modelValue: W.value,
+							"onUpdate:modelValue": s[0] ||= (e) => W.value = e,
+							type: "datetimerange",
+							"range-separator": "至",
+							"start-placeholder": "开始时间",
+							"end-placeholder": "结束时间",
+							"value-format": "YYYY-MM-DD HH:mm:ss",
+							format: "YYYY-MM-DD HH:mm:ss",
+							"default-time": [new Date(2e3, 0, 1, 0, 0, 0), new Date(2e3, 0, 1, 23, 59, 59)],
+							"popper-class": "HdSoilDetailList-datePopper",
+							class: "HdSoilDetailList-datePicker"
+						}, null, 8, ["modelValue", "default-time"])]),
+						_: 1
+					}, 8, ["locale"]),
+					d("button", {
+						class: "HdSoilDetailList-queryBtn",
+						onClick: X
+					}, "查询"),
+					d("button", {
+						class: "HdSoilDetailList-downloadBtn",
+						onClick: be
+					}, "下载"),
+					z.value === "chart" ? (y(), u("div", ae, [s[4] ||= d("span", { class: "HdSoilDetailList-elementLabel" }, "要素类型", -1), d("div", oe, [(y(), u(o, null, x(he, (e) => d("button", {
+						key: e.value,
+						class: g(["HdSoilDetailList-elementTab", { "HdSoilDetailList-elementTab--active": q.value === e.value }]),
+						onClick: (t) => q.value = e.value
+					}, S(e.label), 11, se)), 64))])])) : l("", !0),
+					d("div", ce, [d("button", {
+						class: g(["HdSoilDetailList-modeBtn", { "HdSoilDetailList-modeBtn--active": z.value === "table" }]),
+						onClick: s[1] ||= (e) => z.value = "table"
+					}, "表格模式", 2), d("button", {
+						class: g(["HdSoilDetailList-modeBtn", { "HdSoilDetailList-modeBtn--active": z.value === "chart" }]),
+						onClick: s[2] ||= (e) => z.value = "chart"
+					}, "图表模式", 2)])
+				]),
+				d("div", le, [z.value === "table" ? T((y(), c(_, {
+					key: 0,
+					"element-loading-background": "rgba(0, 0, 0, 0.5)",
+					data: R.value,
+					class: "HdSoilDetailList-table",
+					"max-height": e.tableHeight,
+					"empty-text": "暂无数据"
+				}, {
+					default: w(() => [
+						f(h, {
+							label: "序号",
+							align: "center",
+							width: "60"
+						}, {
+							default: w(({ $index: e }) => [d("span", null, S(e + 1), 1)]),
+							_: 1
+						}),
+						f(h, {
+							prop: "monitorTime",
+							label: "监测时间",
+							align: "center",
+							"min-width": "180",
+							"show-overflow-tooltip": ""
+						}),
+						f(h, {
+							prop: "warningStatus",
+							label: "预警情况",
+							align: "center",
+							width: "90"
+						}, {
+							default: w(({ row: e }) => [d("span", { class: g({ "HdSoilDetailList-warning": e.warningStatus === "有" }) }, S(e.warningStatus || "-"), 3)]),
+							_: 1
+						}),
+						(y(), u(o, null, x(G, (e) => f(h, {
+							key: e.prop,
+							prop: e.prop,
+							label: e.label,
+							align: "center",
+							"min-width": "120"
+						}, null, 8, ["prop", "label"])), 64)),
+						(y(), u(o, null, x(K, (e) => f(h, {
+							key: e.prop,
+							prop: e.prop,
+							label: e.label,
+							align: "center",
+							"min-width": "120"
+						}, null, 8, ["prop", "label"])), 64)),
+						f(h, {
+							prop: "soilPh",
+							label: "PH值(ph)",
+							align: "center",
+							"min-width": "90"
+						}),
+						f(h, {
+							prop: "soilEc",
+							label: "EC值(S/cm)",
+							align: "center",
+							"min-width": "120"
+						})
+					]),
+					_: 1
+				}, 8, ["data", "max-height"])), [[v, F.value]]) : T((y(), u("div", {
+					key: 1,
+					ref_key: "chartRef",
+					ref: B,
+					class: "HdSoilDetailList-chart"
+				}, null, 512)), [[v, F.value]])])
+			])])) : l("", !0)]);
+		};
+	}
+}), [["__scopeId", "data-v-e2dc739d"]]);
+//#endregion
+export { M as t };