nxd-plugin 1.7.80 → 1.7.83

package/dist/chunks/component-HdRadarTime-D7hOn_ph.mjs

@@ -0,0 +1,461 @@
+import { n as e } from "./component-AqiMonitor-DoAVs1Jf.mjs";
+import { i as t } from "./component-AiChat-C1xBPkS5.mjs";
+import { ElCheckbox as n, ElConfigProvider as r, ElDatePicker as i, ElLoadingDirective as a, ElOption as o, ElSelect as s } from "element-plus/es";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as ee, createVNode as m, defineComponent as h, getCurrentInstance as te, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as ne, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as re, vShow as ie, watch as w, withCtx as T, withDirectives as E, withModifiers as ae } from "vue";
+import oe from "element-plus/es/locale/lang/zh-cn.mjs";
+//#region src/components/HdRadarTime/HdRadarTime.vue?vue&type=script&setup=true&lang.ts
+var se = { class: "HdRadarTime-main" }, ce = { class: "HdRadarTime-controls" }, le = { class: "HdRadarTime-queryTime" }, ue = { class: "HdRadarTime-dropdownText" }, de = { class: "HdRadarTime-dropdownPanel" }, fe = { class: "HdRadarTime-dropdownList" }, pe = {
+	key: 0,
+	class: "HdRadarTime-dropdownItem HdRadarTime-dropdownItem--empty"
+}, me = ["onClick"], he = { class: "HdRadarTime-checkboxes" }, ge = { class: "HdRadarTime-speed" }, _e = { class: "HdRadarTime-playWrap" }, ve = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "#fff"
+}, ye = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "#fff"
+}, be = { class: "HdRadarTime-trackBg" }, xe = { class: "HdRadarTime-ticks" }, Se = ["onClick"], Ce = 1e3, we = /* @__PURE__ */ e(/* @__PURE__ */ h({
+	__name: "HdRadarTime",
+	props: {
+		mock: {
+			type: Boolean,
+			default: !0
+		},
+		baseHttp: { default: "" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		ids: { default: () => ({}) },
+		mockData: {},
+		initialQueryTime: { default: "" },
+		initialSpeed: { default: 1 },
+		showGrid: {
+			type: Boolean,
+			default: !0
+		},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		showCurrentTime: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"close",
+		"radarChange",
+		"riskChange",
+		"legendChange",
+		"gridChange"
+	],
+	setup(e, { emit: h }) {
+		let we = te()?.appContext.config.globalProperties.$bus, D = e, O = h, k = x(null), A = x(null), j = x(null), M = x(null), N = x(!1), P = x(!1), F = x(!1), I = x(D.initialQueryTime || ""), L = x([]), R = x([]), z = x(0), B = x(0), V = x(!1), H = x(D.initialSpeed), U = x(!1), Te = [
+			.5,
+			1,
+			1.5,
+			2,
+			3,
+			4
+		], W = null, G = {
+			x: 0,
+			y: 0
+		}, K = !1, q = l(() => R.value.map((e) => {
+			let t = e.radar_time || e.time || "";
+			return {
+				time: t,
+				displayTimeWithoutYear: t ? t.substring(5, 16) : ""
+			};
+		})), Ee = l(() => q.value.length > 0 && z.value >= 0 && q.value[z.value]?.displayTimeWithoutYear || "选择时间"), J = l(() => L.value[B.value] || null), Y = l(() => J.value?.type === "live"), De = l(() => {
+			if (!L.value.length) return 50;
+			let e = L.value.filter((e) => e.type === "live").length / L.value.length * 100;
+			return Math.max(e, 4.5);
+		}), Oe = l(() => {
+			if (!L.value.length || L.value.length <= 1) return 0;
+			let e = B.value / (L.value.length - 1) * 98;
+			return Math.max(0, Math.min(98, e));
+		}), ke = (e) => {
+			if (!L.value.length || L.value.length <= 1) return 0;
+			let t = e / (L.value.length - 1) * 98;
+			return Math.max(0, Math.min(98, t));
+		};
+		w(F, (e) => {
+			O("legendChange", e);
+		}), w(P, async (e) => {
+			if (!Y.value) {
+				O("gridChange", {
+					visible: !1,
+					gridData: null
+				});
+				return;
+			}
+			O("gridChange", {
+				visible: e,
+				gridData: e ? await Xe() : null
+			});
+		}), w(B, () => {
+			g(() => {
+				Ae();
+			});
+		}), w(H, () => {
+			V.value && Re();
+		});
+		let Ae = async () => {
+			let e = J.value;
+			e && (O("radarChange", {
+				time: e.time,
+				type: e.type,
+				imageInfo: e.imageInfo || null
+			}), e.type === "forecast" ? (e.riskData ||= await Ye(e.time), O("riskChange", {
+				time: e.time,
+				riskData: e.riskData || null
+			})) : O("riskChange", {
+				time: e.time,
+				riskData: null
+			}), P.value && Y.value ? O("gridChange", {
+				visible: !0,
+				gridData: await Xe()
+			}) : P.value && !Y.value && O("gridChange", {
+				visible: !1,
+				gridData: null
+			}));
+		}, je = (e) => {
+			I.value = e || "", Q();
+		}, Me = () => {
+			N.value = !N.value;
+		}, Ne = () => {
+			N.value = !1;
+		}, Pe = (e) => {
+			z.value = e, Je(), Ne();
+		}, Fe = (e) => {
+			j.value && !j.value.contains(e.target) && Ne();
+		}, Ie = (e) => {
+			B.value = e;
+		}, Le = () => {
+			V.value = !V.value;
+		}, Re = () => {
+			X();
+			let e = Math.max(200, Ce / H.value);
+			W = setInterval(() => {
+				L.value.length && (B.value = B.value >= L.value.length - 1 ? 0 : B.value + 1);
+			}, e);
+		}, X = () => {
+			W &&= (clearInterval(W), null);
+		};
+		w(V, (e) => {
+			e ? Re() : X();
+		});
+		let ze = (e) => {
+			e.button === 0 && (K = !0, He(e), e.preventDefault());
+		}, Be = (e) => {
+			K && He(e);
+		}, Ve = () => {
+			K = !1;
+		}, He = (e) => {
+			if (!M.value || !L.value.length) return;
+			let t = M.value.getBoundingClientRect(), n = e.clientX - t.left;
+			n = Math.max(0, Math.min(n, t.width));
+			let r = n / t.width, i = Math.round(r * (L.value.length - 1));
+			B.value = Math.max(0, Math.min(L.value.length - 1, i));
+		}, Ue = (e) => {
+			if (!k.value) return;
+			let t = k.value.getBoundingClientRect();
+			G.x = e.clientX - t.left, G.y = e.clientY - t.top, document.addEventListener("mousemove", We), document.addEventListener("mouseup", Ge), e.preventDefault();
+		}, We = (e) => {
+			k.value && (k.value.style.left = `${e.clientX - G.x}px`, k.value.style.top = `${e.clientY - G.y}px`, k.value.style.transform = "none");
+		}, Ge = () => {
+			document.removeEventListener("mousemove", We), document.removeEventListener("mouseup", Ge);
+		}, Ke = (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, qe = (e) => {
+			let t = D.ids[e];
+			return t?.id ? t : null;
+		}, Z = async (e, n = {}) => {
+			let r = qe(e);
+			if (!r) return null;
+			try {
+				return Ke(await t({
+					id: r.id,
+					baseHttp: D.baseHttp,
+					reqType: r.reqType,
+					variables: n,
+					isFormData: r.isFormData,
+					appKey: D.appKey,
+					appSalt: D.appSalt
+				}));
+			} catch (t) {
+				return console.error(`[HdRadarTime] request ${e} failed:`, t), null;
+			}
+		}, Q = async () => {
+			U.value = !0;
+			try {
+				if (D.mock) {
+					let e = D.mockData?.liveData?.length ? D.mockData : Ze();
+					R.value = e.liveData || [], !R.value.length && e.timelineData?.length && (R.value = e.timelineData.filter((e) => e.type === "live").map((e) => ({
+						radar_time: e.time,
+						time: e.time,
+						...e.imageInfo
+					}))), !I.value && e.radarQueryTime && (I.value = e.radarQueryTime);
+				} else {
+					let e = await Z("radarList", { queryTime: I.value });
+					R.value = Array.isArray(e) ? e : [];
+				}
+				z.value = R.value.length > 0 ? R.value.length - 1 : 0, Je();
+			} finally {
+				U.value = !1;
+			}
+		}, Je = () => {
+			let e = I.value ? new Date(I.value.replace(/-/g, "/")) : /* @__PURE__ */ new Date(), t = Math.max(0, Math.min(z.value, R.value.length - 1)), n = R.value.slice(t).map((e) => {
+				let t = e.radar_time || e.time || "";
+				return {
+					time: t,
+					type: "live",
+					fullTime: t,
+					imageInfo: {
+						time: t,
+						url: e.url || "",
+						extent: e.extent,
+						...e
+					}
+				};
+			}), r = n.length > 0 ? new Date(n[n.length - 1].time.replace(/-/g, "/")) : e, i = (e) => String(e).padStart(2, "0");
+			for (let e = 1; e <= 12; e++) {
+				let t = new Date(r.getTime() + e * 10 * 60 * 1e3), a = `${t.getFullYear()}-${i(t.getMonth() + 1)}-${i(t.getDate())} ${i(t.getHours())}:${i(t.getMinutes())}:00`;
+				n.push({
+					time: a,
+					type: "forecast",
+					fullTime: a
+				});
+			}
+			L.value = n, B.value = 0;
+		}, Ye = async (e) => {
+			if (D.mock) {
+				let t = L.value.find((t) => t.time === e && t.type === "forecast");
+				return t?.riskData ? t.riskData : $(e);
+			}
+			return await Z("forecastRisk", { time: e });
+		}, Xe = async () => D.mock ? Qe() : await Z("gridData", { time: J.value?.time || "" });
+		function Ze() {
+			let e = [], t = [], n = /* @__PURE__ */ new Date(), r = (e) => String(e).padStart(2, "0"), i = (e) => `${e.getFullYear()}-${r(e.getMonth() + 1)}-${r(e.getDate())} ${r(e.getHours())}:${r(e.getMinutes())}:00`, a = (e) => `${r(e.getMonth() + 1)}-${r(e.getDate())} ${r(e.getHours())}:${r(e.getMinutes())}`;
+			for (let r = 0; r < 13; r++) {
+				let o = /* @__PURE__ */ new Date(n.getTime() - (12 - r) * 10 * 60 * 1e3), s = i(o), c = `https://example.com/radar/${s.replace(/[-: ]/g, "")}.png`;
+				t.push({
+					radar_time: s,
+					displayTime: a(o),
+					url: c,
+					extent: [
+						118,
+						34,
+						121,
+						37
+					]
+				}), e.push({
+					time: s,
+					type: "live",
+					fullTime: s,
+					imageInfo: {
+						time: s,
+						url: c,
+						extent: [
+							118,
+							34,
+							121,
+							37
+						]
+					}
+				});
+			}
+			for (let t = 1; t <= 12; t++) {
+				let r = i(new Date(n.getTime() + t * 10 * 60 * 1e3));
+				e.push({
+					time: r,
+					type: "forecast",
+					fullTime: r,
+					riskData: $(r)
+				});
+			}
+			return {
+				timelineData: e,
+				liveData: t,
+				radarQueryTime: i(n)
+			};
+		}
+		function $(e) {
+			return {
+				polygons: [{
+					polygonJson: [
+						{
+							lng: 118.5 + Math.random() * .5,
+							lat: 34.5 + Math.random() * .5
+						},
+						{
+							lng: 119 + Math.random() * .5,
+							lat: 35 + Math.random() * .5
+						},
+						{
+							lng: 119.5 + Math.random() * .5,
+							lat: 34.8 + Math.random() * .5
+						},
+						{
+							lng: 119.2 + Math.random() * .5,
+							lat: 34.3 + Math.random() * .5
+						}
+					],
+					lineColor: "#ff4d4f",
+					weight: 2,
+					fillColor: "#ff4d4f",
+					fillOpacity: .3,
+					lineStyle: "solid",
+					otherData: { polyId: `risk-poly-${e}` }
+				}],
+				markers: [{
+					lng: 119 + (Math.random() - .5) * .8,
+					lat: 35 + (Math.random() - .5) * .8,
+					htmlString: "<div style=\"color:#ff4d4f;font-weight:bold;\">风险点</div>",
+					otherData: { markId: `risk-mark-${e}` }
+				}]
+			};
+		}
+		function Qe() {
+			return {
+				type: "grid",
+				points: Array.from({ length: 20 }, (e, t) => ({
+					lng: 118.5 + t % 5 * .5,
+					lat: 34.5 + Math.floor(t / 5) * .5,
+					value: Math.floor(Math.random() * 60)
+				}))
+			};
+		}
+		return ne(() => {
+			document.addEventListener("click", Fe), A.value?.addEventListener("mousedown", Ue), we?.on("toComponent", (e) => {
+				e.componentName === "HdRadarTime" && Q();
+			}), Q();
+		}), y(() => {
+			document.removeEventListener("click", Fe), A.value?.removeEventListener("mousedown", Ue), X();
+		}), (t, l) => {
+			let h = i, te = r, g = n, y = o, ne = s, x = a;
+			return E((b(), f("div", {
+				class: "HdRadarTime",
+				ref_key: "popupRef",
+				ref: k,
+				"element-loading-background": "rgba(0, 0, 0, 0.3)"
+			}, [p("div", {
+				class: "HdRadarTime-header",
+				ref_key: "dragHandleRef",
+				ref: A
+			}, [p("button", {
+				class: "HdRadarTime-close",
+				onClick: l[0] ||= (e) => O("close"),
+				title: "关闭"
+			}, [...l[5] ||= [p("span", null, "×", -1)]])], 512), p("div", se, [
+				p("div", ce, [
+					p("div", le, [m(te, { locale: re(oe) }, {
+						default: T(() => [m(h, {
+							modelValue: I.value,
+							"onUpdate:modelValue": l[1] ||= (e) => I.value = e,
+							type: "datetime",
+							placeholder: "选择查询时间",
+							format: "YYYY-MM-DD HH:mm",
+							"value-format": "YYYY-MM-DD HH:mm:ss",
+							clearable: !1,
+							size: "small",
+							class: "HdRadarTime-datePicker",
+							"popper-class": "HdRadarTime-datePopper",
+							onChange: je
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["locale"])]),
+					p("div", {
+						class: "HdRadarTime-dropdown",
+						ref_key: "dropdownRef",
+						ref: j
+					}, [p("div", {
+						class: "HdRadarTime-dropdownTrigger",
+						onClick: Me
+					}, [p("span", ue, C(q.value.length > 0 ? Ee.value : "暂无数据"), 1), p("span", { class: _(["HdRadarTime-dropdownArrow", { "HdRadarTime-dropdownArrow--open": N.value }]) }, "▼", 2)]), E(p("div", de, [p("div", fe, [q.value.length === 0 ? (b(), f("div", pe, " 暂无数据 ")) : (b(!0), f(c, { key: 1 }, S(q.value, (e, t) => (b(), f("div", {
+						key: t,
+						class: _(["HdRadarTime-dropdownItem", { "HdRadarTime-dropdownItem--active": z.value === t }]),
+						onClick: (e) => Pe(t)
+					}, C(e.displayTimeWithoutYear), 11, me))), 128))])], 512), [[ie, N.value]])], 512),
+					p("div", he, [e.showGrid && Y.value ? (b(), u(g, {
+						key: 0,
+						modelValue: P.value,
+						"onUpdate:modelValue": l[2] ||= (e) => P.value = e,
+						size: "small"
+					}, {
+						default: T(() => [...l[6] ||= [ee("dBZ网格", -1)]]),
+						_: 1
+					}, 8, ["modelValue"])) : d("", !0), e.showLegend ? (b(), u(g, {
+						key: 1,
+						modelValue: F.value,
+						"onUpdate:modelValue": l[3] ||= (e) => F.value = e,
+						size: "small"
+					}, {
+						default: T(() => [...l[7] ||= [ee("图例", -1)]]),
+						_: 1
+					}, 8, ["modelValue"])) : d("", !0)]),
+					p("div", ge, [l[8] ||= p("span", { class: "HdRadarTime-speedLabel" }, "播放间隔", -1), m(ne, {
+						modelValue: H.value,
+						"onUpdate:modelValue": l[4] ||= (e) => H.value = e,
+						class: "HdRadarTime-speedSelect",
+						"popper-class": "HdRadarTime-speedPopper",
+						size: "small",
+						teleported: !1
+					}, {
+						default: T(() => [(b(), f(c, null, S(Te, (e) => m(y, {
+							key: e,
+							label: `×${e}`,
+							value: e
+						}, null, 8, ["label", "value"])), 64))]),
+						_: 1
+					}, 8, ["modelValue"])])
+				]),
+				p("div", _e, [p("button", {
+					class: _(["HdRadarTime-playBtn", { "HdRadarTime-playBtn--playing": V.value }]),
+					onClick: Le
+				}, [V.value ? (b(), f("svg", ye, [...l[10] ||= [p("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" }, null, -1)]])) : (b(), f("svg", ve, [...l[9] ||= [p("path", { d: "M8 5v14l11-7z" }, null, -1)]]))], 2)]),
+				p("div", {
+					class: "HdRadarTime-track",
+					ref_key: "trackRef",
+					ref: M,
+					onMousedown: ze,
+					onMousemove: Be,
+					onMouseup: Ve,
+					onMouseleave: Ve
+				}, [
+					p("div", be, [p("div", {
+						class: "HdRadarTime-trackSection HdRadarTime-trackSection--live",
+						style: v({ width: De.value + "%" })
+					}, [...l[11] ||= [p("span", { class: "HdRadarTime-trackLabel" }, "实况", -1)]], 4), p("div", {
+						class: "HdRadarTime-trackSection HdRadarTime-trackSection--forecast",
+						style: v({ width: 100 - De.value + "%" })
+					}, [...l[12] ||= [p("span", {
+						class: "HdRadarTime-trackLabel",
+						style: { color: "#fff" }
+					}, "外推", -1)]], 4)]),
+					p("div", xe, [(b(!0), f(c, null, S(L.value, (e, t) => (b(), f("div", {
+						key: t,
+						class: _(["HdRadarTime-tick", { "HdRadarTime-tick--active": B.value === t }]),
+						style: v({ left: ke(t) + "%" }),
+						onClick: ae((e) => Ie(t), ["stop"])
+					}, [...l[13] ||= [p("div", { class: "HdRadarTime-tickDot" }, null, -1)]], 14, Se))), 128))]),
+					p("div", {
+						class: "HdRadarTime-indicator",
+						style: v({ left: Oe.value + "%" })
+					}, null, 4),
+					e.showCurrentTime && J.value ? (b(), f("div", {
+						key: 0,
+						class: "HdRadarTime-currentTime",
+						style: v({ left: Oe.value + "%" })
+					}, C(J.value.time.substring(11, 16)), 5)) : d("", !0)
+				], 544)
+			])])), [[x, U.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-77788119"]]);
+//#endregion
+export { we as t };

package/dist/chunks/component-HdSeaCase-DYPQ7CdN.mjs

@@ -0,0 +1,219 @@
+import { n as e } from "./component-AqiMonitor-DoAVs1Jf.mjs";
+import { i as t } from "./component-AiChat-C1xBPkS5.mjs";
+import { ElOption as n, ElSelect as r } from "element-plus/es";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, normalizeClass as p, normalizeStyle as m, onMounted as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, watch as ee, withCtx as b } from "vue";
+//#region src/components/HdSeaCase/HdSeaCase.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "HdSeaCase" }, S = { class: "HdSeaCase-panel" }, C = { class: "HdSeaCase-caseBar" }, w = { class: "HdSeaCase-body" }, te = { class: "HdSeaCase-cards" }, ne = ["onClick"], T = { class: "HdSeaCase-cardHeader" }, E = { class: "HdSeaCase-cardBody" }, D = { class: "HdSeaCase-axis" }, O = ["onClick"], k = { class: "HdSeaCase-stages" }, A = ["onClick"], j = {
+	key: 0,
+	class: "HdSeaCase-detailMask"
+}, M = { class: "HdSeaCase-detailPopup" }, N = { class: "HdSeaCase-detailHeader" }, P = { class: "HdSeaCase-detailBody" }, F = {
+	key: 0,
+	class: "HdSeaCase-detailGallery"
+}, I = { class: "HdSeaCase-galleryList" }, L = ["src"], R = { class: "HdSeaCase-detailTitleList" }, z = ["onClick"], B = /* @__PURE__ */ e(/* @__PURE__ */ d({
+	__name: "HdSeaCase",
+	props: {
+		mock: {
+			type: Boolean,
+			default: !0
+		},
+		baseHttp: { default: "" },
+		appKey: { default: "" },
+		appSalt: { default: "" },
+		ids: { default: () => ({}) },
+		mockData: { default: () => [{
+			id: "cooperation",
+			title: "海洋气象应急保障合作机制协议",
+			stages: [
+				{
+					id: "s1",
+					time: "2021年9月23日",
+					label: "西海岸新区海洋发展局调研",
+					content: "为开展近海海域气象监测，大力促进海洋产业发展，陈清峰副局长带队赴青岛西海岸新区海洋发展局进行调研。",
+					detailTitle: "西海岸新区海洋发展局调研",
+					items: [{
+						title: "调研交流",
+						images: ["http://58.59.29.51:11014/staticImg/TypicalInstance/海洋11.png", "http://58.59.29.51:11014/staticImg/TypicalInstance/海洋2.png"],
+						content: "为开展近海海域气象监测，大力促进海洋产业发展，陈清峰副局长带队赴青岛西海岸新区海洋发展局进行调研。"
+					}]
+				},
+				{
+					id: "s2",
+					time: "2023年2月28日",
+					label: "推动“三级联动”机制调研",
+					content: "为推动“三级联动”向纵深发展，着力解决制约气象高质量发展的基础性、关键性问题，王贵全局长带队前往西海岸新区海洋发展局进行调研交流。",
+					detailContent: "为推动“三级联动”向纵深发展，着力解决制约气象高质量发展的基础性、关键性问题，王贵全局长带队前往西海岸新区海洋发展局进行调研交流。"
+				},
+				{
+					id: "s3",
+					time: "学习经验做法",
+					label: "学习经验做法",
+					content: "赴威海、日照等地学习经验做法，广泛征求本地渔民和行业管理部门意见，对新区海域进行区划。",
+					detailContent: "赴威海、日照等地学习经验做法，广泛征求本地渔民和行业管理部门意见，对新区海域进行区划。"
+				},
+				{
+					id: "s4",
+					time: "服务产品",
+					label: "形成预报产品",
+					content: "形成精细化海洋气象预报服务产品。",
+					detailTitle: "形成预报产品",
+					items: [{
+						title: "预报服务产品",
+						images: ["http://58.59.29.51:11014/staticImg/TypicalInstance/海洋气象服务_10.png", "http://58.59.29.51:11014/staticImg/TypicalInstance/海洋气象服务_10.png"],
+						content: "回访分区气象预报服务成果。"
+					}]
+				},
+				{
+					id: "s5",
+					time: "2024年",
+					label: "海洋气象应急保障合作机制协议",
+					content: "双方将在共谋共建共享、预警信息传播、海上突发事件处置、海上安全监管、服务效益评价等方面开展工作。",
+					detailTitle: "海洋气象应急保障合作机制协议",
+					items: [{
+						title: "建立合作",
+						images: ["../../assets/img/icons/面板.png"],
+						content: "签订海洋气象应急保障合作机制协议。"
+					}]
+				}
+			]
+		}, {
+			id: "wind2021",
+			title: "2021年5月7日，海面大风，船舶禁止通行，游客滞留",
+			stages: [
+				{
+					id: "w1",
+					time: "5月7日8时",
+					label: "海面大风，禁止船舶通行",
+					content: "受蒙古气旋持续影响，青岛西海岸新区近海海域风力7级到8级，阵风10级。海上风浪较大，风力达到7级以上，灵山湾全面禁止船舶通行。"
+				},
+				{
+					id: "w2",
+					time: "5月7日9时",
+					label: "商讨应急方案",
+					content: "韩千钧副区长迅速组织海事、气象、港务、灵山湾管委会等部门商讨方案。研究决定，由气象局提供精准的航线风力预报。"
+				},
+				{
+					id: "w3",
+					time: "5月7日13时10分",
+					label: "给出船舶航行精准气象条件建议",
+					content: "气象局根据监测实况及天气形势变化，预计7日下午到傍晚有大风间歇窗口期，有利于航行。"
+				},
+				{
+					id: "w4",
+					time: "5月7日15时25分",
+					label: "游客成功离岛",
+					content: "基于气象局给出的决策建议，海事处安排船舶，截至当日15时25分，顺利转移所有岛上游客。"
+				}
+			]
+		}] }
+	},
+	emits: ["close"],
+	setup(e, { emit: d }) {
+		let B = f()?.appContext.config.globalProperties.$bus, V = e, H = d, U = _([]), W = _(""), G = _(0), K = _(!1), q = _(null), J = _(0), Y = a(() => U.value.find((e) => e.id === W.value) || U.value[0] || null), X = a(() => q.value?.items?.length ? q.value.items[J.value] || q.value.items[0] : null), Z = () => {
+			H("close", "HdSeaCase");
+		}, re = (e) => {
+			let t = 100 / (Y.value?.stages.length || 1);
+			return `${t * e + t / 2}%`;
+		}, ie = () => {
+			G.value = 0;
+		}, Q = (e, t) => {
+			G.value = t, q.value = e, J.value = 0, K.value = !0;
+		}, ae = () => {
+			K.value = !1, q.value = null, J.value = 0;
+		};
+		ee(K, (e) => {
+			e || (J.value = 0);
+		});
+		let oe = (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, se = () => {
+			U.value = V.mockData || [], W.value = U.value[0]?.id || "";
+		}, ce = async () => {
+			let e = V.ids.data;
+			if (!e?.id) {
+				console.warn("HdSeaCase 缺少数据工作流配置");
+				return;
+			}
+			try {
+				let n = oe(await t({
+					id: e.id,
+					baseHttp: V.baseHttp,
+					reqType: e.reqType,
+					variables: {},
+					isFormData: e.isFormData,
+					appKey: V.appKey,
+					appSalt: V.appSalt
+				}));
+				n && (U.value = Array.isArray(n) ? n : n.list || [], W.value = U.value[0]?.id || "");
+			} catch (e) {
+				console.error("HdSeaCase 数据加载失败", e);
+			}
+		}, $ = async () => {
+			V.mock ? se() : await ce();
+		};
+		return h(() => {
+			B?.on("toComponent", (e) => {
+				e.componentName === "HdSeaCase" && $();
+			}), $();
+		}), (e, t) => {
+			let a = n, d = r;
+			return g(), c("div", x, [l("div", S, [
+				l("button", {
+					class: "HdSeaCase-close",
+					onClick: Z
+				}, [...t[1] ||= [l("span", null, "✕", -1)]]),
+				t[3] ||= l("div", { class: "HdSeaCase-header" }, [l("div", { class: "HdSeaCase-title" }, "海洋专项服务典型案例")], -1),
+				l("div", C, [u(d, {
+					modelValue: W.value,
+					"onUpdate:modelValue": t[0] ||= (e) => W.value = e,
+					class: "HdSeaCase-caseSelect",
+					"popper-class": "HdSeaCase-casePopper",
+					size: "small",
+					teleported: !1,
+					onChange: ie
+				}, {
+					default: b(() => [(g(!0), c(i, null, v(U.value, (e) => (g(), o(a, {
+						key: e.id,
+						label: e.title,
+						value: e.id
+					}, null, 8, ["label", "value"]))), 128))]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				l("div", w, [
+					l("div", te, [(g(!0), c(i, null, v(Y.value?.stages, (e, t) => (g(), c("div", {
+						key: e.id,
+						class: p(["HdSeaCase-card", { "HdSeaCase-card--active": G.value === t }]),
+						onClick: (n) => Q(e, t)
+					}, [l("div", T, [l("span", null, y(e.time || e.label), 1)]), l("div", E, y(e.content), 1)], 10, ne))), 128))]),
+					l("div", D, [t[2] ||= l("div", { class: "HdSeaCase-line" }, null, -1), (g(!0), c(i, null, v(Y.value?.stages, (e, t) => (g(), c("div", {
+						key: e.id,
+						class: p(["HdSeaCase-node", { "HdSeaCase-node--active": G.value === t }]),
+						style: m({ left: re(t) }),
+						onClick: (n) => Q(e, t)
+					}, null, 14, O))), 128))]),
+					l("div", k, [(g(!0), c(i, null, v(Y.value?.stages, (e, t) => (g(), c("button", {
+						key: e.id,
+						class: p(["HdSeaCase-stageBtn", { "HdSeaCase-stageBtn--highlight": t === Y.value?.stages.length - 1 }]),
+						onClick: (n) => Q(e, t)
+					}, y(e.label), 11, A))), 128))])
+				])
+			]), K.value ? (g(), c("div", j, [l("div", M, [
+				l("button", {
+					class: "HdSeaCase-detailClose",
+					onClick: ae
+				}, [...t[4] ||= [l("span", null, "✕", -1)]]),
+				l("div", N, y(q.value?.detailTitle || Y.value?.title), 1),
+				l("div", P, [X.value ? (g(), c("div", F, [l("div", I, [(g(!0), c(i, null, v(X.value.images, (e, t) => (g(), c("div", {
+					key: t,
+					class: "HdSeaCase-galleryItem"
+				}, [l("img", {
+					src: e,
+					alt: ""
+				}, null, 8, L)]))), 128))])])) : s("", !0), l("div", R, [(g(!0), c(i, null, v(q.value?.items, (e, t) => (g(), c("div", {
+					key: t,
+					class: p(["HdSeaCase-titleItem", { "HdSeaCase-titleItem--active": J.value === t }]),
+					onClick: (e) => J.value = t
+				}, y(e.title), 11, z))), 128))])])
+			])])) : s("", !0)]);
+		};
+	}
+}), [["__scopeId", "data-v-cf5c0a5e"]]);
+//#endregion
+export { B as t };