nxd-plugin 1.7.41 → 1.7.42

package/dist/chunks/component-RadarShortTerm-CyMCE9wz.mjs

@@ -0,0 +1,373 @@
+import "./rolldown-runtime-Dd0fQ6-X.mjs";
+import { A as e, S as t, j as n, m as r } from "./component-HighWayFreeze-C_Y5P0wN.mjs";
+import { a as i, n as a, r as o } from "./component-AqiMonitor-DoGm_NCt.mjs";
+import "./component-ImageGeneration-9XdsjkaE.mjs";
+import { n as s } from "./component-HighwayLiveAlarmNew-W2DKwrPk.mjs";
+import { n as ee } from "./component-HighWayEarlyWarningRed-D89gFa50.mjs";
+import { t as te } from "./component-RadarLegend-BKm_34Tm.mjs";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as ne, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, nextTick as re, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as ie, onMounted as ae, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, vShow as C, watch as w, withCtx as T, withDirectives as E } from "vue";
+//#region src/components/RadarShortTerm/RadarShortTerm.vue?vue&type=script&setup=true&lang.ts
+var oe = {
+	class: "RadarShortTerm",
+	"element-loading-background": "rgba(0, 0, 0, 0.4)"
+}, se = { class: "RadarShortTerm-setting-panel" }, ce = { class: "display-setting" }, le = { class: "setting-row setting-row-pile" }, ue = { class: "setting-pile-options" }, de = { class: "RadarShortTerm-table" }, fe = { class: "table-body" }, pe = ["onClick"], me = { class: "name" }, he = ["onClick"], ge = {
+	key: 0,
+	style: { color: "red" }
+}, _e = { class: "pile-panel" }, ve = {
+	key: 0,
+	class: "pile-body"
+}, ye = ["onClick"], be = {
+	key: 1,
+	class: "pile-empty"
+}, xe = { class: "RadarShortTerm-timeline" }, Se = ["title"], Ce = { class: "timeline-slider-wrap" }, we = { class: "timeline-time-label" }, Te = { class: "radarAxis-li" }, Ee = ["onClick"], De = { class: "radarAxis-li-node-text" }, D = /* @__PURE__ */ a(/* @__PURE__ */ h({
+	__name: "RadarShortTerm",
+	props: {
+		appKey: {
+			type: String,
+			default: ""
+		},
+		appSalt: {
+			type: String,
+			default: ""
+		},
+		baseHttp: {
+			type: String,
+			default: ""
+		},
+		ids: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"close",
+		"addDataTitle",
+		"removeDataTitle",
+		"showRadarLegend",
+		"toMapView",
+		"addImageAniArr",
+		"clearImgAniArr",
+		"setImgAniShowByIndex",
+		"changeLoading"
+	],
+	setup(a, { emit: h }) {
+		let D = a, O = h, k = y(!0), A = y(!1), j = y(0), M = y(null), N = y([]), P = y({}), F = y({}), I = y({}), L = y(""), R = y(null), z = y(!0), B = y(null), V = y(!0), H = y(null), U = y({
+			httpurl: "",
+			lngStart: void 0,
+			latStart: void 0,
+			lngEnd: void 0,
+			latEnd: void 0
+		}), W = y({
+			httpurl: "",
+			lngStart: void 0,
+			latStart: void 0,
+			lngEnd: void 0,
+			latEnd: void 0
+		});
+		ae(() => {
+			G(), B.value = setInterval(() => {
+				G();
+			}, 1e3 * 60 * 10);
+		}), ie(() => {
+			Q(), clearInterval(B.value), B.value = null;
+		});
+		let G = async () => {
+			z.value = !0, await K(), N.value = (await Oe()).map((e) => {
+				let t = je(e), n = Me(e.zhflds || []);
+				return {
+					name: e.name,
+					tags: Ne(t),
+					piles: n
+				};
+			}), Ae(), z.value = !1;
+		}, K = async () => {
+			z.value = !0;
+			let e = await o({
+				appKey: D.appKey,
+				appSalt: D.appSalt,
+				id: D.ids.radar.id,
+				variables: {},
+				baseHttp: D.baseHttp,
+				reqType: D.ids.radar.reqType,
+				isFormData: D.ids.radar.isFormData
+			});
+			console.log("雷达", e.data.result);
+			let t = await o({
+				appKey: D.appKey,
+				appSalt: D.appSalt,
+				id: D.ids.historyRadar.id,
+				variables: {},
+				baseHttp: D.baseHttp,
+				reqType: D.ids.historyRadar.reqType,
+				isFormData: D.ids.historyRadar.isFormData
+			});
+			console.log("历史雷达", t.data.result), z.value = !1;
+			let n = q(e.data.result), r = q(t.data.result);
+			U.value = {
+				httpurl: n.httpurl,
+				...n.extent
+			}, W.value = {
+				httpurl: r.httpurl,
+				...r.extent
+			};
+			let i = r.frames.slice(-3).map((e, t) => ({
+				...e,
+				focarcast_time: e.observation_time,
+				_isHistory: !0,
+				_label: t === 0 ? "-2" : t === 1 ? "-1" : "现在",
+				_httpurl: (r.httpurl || "") + (e.observation_time || "").slice(0, 10).replaceAll("-", "") + "/"
+			})), a = n.frames.map((e, t) => ({
+				...e,
+				_isHistory: !1,
+				_label: `+${t + 1}`,
+				_httpurl: n.httpurl || ""
+			})), s = [...i, ...a];
+			I.value = {
+				ds: s,
+				httpurl: n.httpurl,
+				...r.extent
+			}, j.value = 2, k.value && (O("clearImgAniArr"), s.forEach((e) => {
+				let t = Ie(e);
+				t && O("addImageAniArr", { data: { imgArr: [t] } });
+			}), setTimeout(() => {
+				O("setImgAniShowByIndex", { index: j.value });
+				let e = s[j.value];
+				Le(e), O("showRadarLegend", !0);
+			}, 1e3));
+		}, Oe = async () => {
+			let e = await o({
+				appKey: D.appKey,
+				appSalt: D.appSalt,
+				id: D.ids.shortTerm.id,
+				variables: {},
+				baseHttp: D.baseHttp,
+				reqType: D.ids.shortTerm.reqType,
+				isFormData: D.ids.shortTerm.isFormData
+			});
+			return console.log("短时预报", e.data.result.ds), e.data.result.ds || [];
+		}, ke = (e) => {
+			let t = String(e || "").split(",").map((e) => Number(e.trim()));
+			return {
+				latStart: t[0],
+				latEnd: t[1],
+				lngStart: t[2],
+				lngEnd: t[3]
+			};
+		}, q = (e) => {
+			let t = Array.isArray(e?.ds) ? e : e?.ds, n = Array.isArray(t?.ds) ? t.ds : [];
+			n = [...n].reverse();
+			let r = ke(n[0]?.extendstr || ""), i = t?.httpUrl || t?.httpurl || "";
+			return {
+				frames: n,
+				httpurl: i,
+				extent: r
+			};
+		}, J = l(() => Pe(N.value, (e) => Z(e.tags))), Y = l(() => I.value?.ds || []), X = l(() => Y.value.map((e) => {
+			let t = new Date(e.focarcast_time);
+			return `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
+		})), Ae = () => {
+			let e = J.value.find((e) => Z(e.tags)), t = {}, n = {};
+			e && (t[e.name] = !0, n[e.name] = !0), P.value = t, F.value = n;
+		}, je = (e) => {
+			let t = e.zhflds || [];
+			return {
+				iswarnpre1h: t.some((e) => e?.iswarnpre1h === 1) ? 1 : 0,
+				iswarnpre2h: t.some((e) => e?.iswarnpre2h === 1) ? 1 : 0,
+				iswarnpre3h: t.some((e) => e?.iswarnpre3h === 1) ? 1 : 0
+			};
+		}, Me = (e) => Pe((e || []).map((e) => ({
+			pileNo: `${e.type || ""}${e.Name || ""}`,
+			isWarn: e?.iswarnpre1h === 1 || e?.iswarnpre2h === 1 || e?.iswarnpre3h === 1,
+			rain1h: e?.rain_1h ?? "-",
+			rain2h: e?.rain_2h ?? "-",
+			rain3h: e?.rain_3h ?? "-",
+			x: e.x,
+			y: e.y
+		})), (e) => e.isWarn), Ne = (e) => [
+			{
+				label: "未来R1h",
+				warn: e.iswarnpre1h === 1
+			},
+			{
+				label: "未来R2h",
+				warn: e.iswarnpre2h === 1
+			},
+			{
+				label: "未来R3h",
+				warn: e.iswarnpre3h === 1
+			}
+		], Z = (e) => e.some((e) => e.warn), Pe = (e, t) => [...e].sort((e, n) => Number(t(n)) - Number(t(e))), Fe = (e) => e.filter((e) => e.isWarn).length, Ie = (e) => {
+			if (!e) return null;
+			let t = e._isHistory ? W.value : U.value, n = String(e?._httpurl || t.httpurl || ""), r = String(e?.file_name || "");
+			return {
+				alt: "",
+				imgUrl: r.startsWith("http") ? r : `${n}${r.replace(/^\/+/, "")}`,
+				lngStart: t.lngStart,
+				latStart: t.latStart,
+				lngEnd: t.lngEnd,
+				latEnd: t.latEnd,
+				opacity: 1,
+				zIndex: 1e3,
+				otherData: { imgId: "radar_RadarShortTerm" }
+			};
+		}, Le = (e) => {
+			L.value && O("removeDataTitle", L.value), L.value = "雷达观测时间：" + ee(e.focarcast_time).format("YYYY-MM-DD HH:mm "), O("addDataTitle", L.value);
+		}, Re = (e) => {
+			O("setImgAniShowByIndex", { index: e });
+			let t = Y.value[e];
+			Le(t);
+		}, Q = () => {
+			M.value &&= (clearInterval(M.value), null);
+		}, $ = () => {
+			A.value = !1, Q();
+		}, ze = () => {
+			X.value.length <= 1 || (A.value = !0, Q(), V.value && (H.value = j.value, O("changeLoading", !0)), M.value = setInterval(() => {
+				j.value = (j.value + 1) % X.value.length;
+			}, 1e3));
+		}, Be = () => {
+			if (A.value) {
+				$();
+				return;
+			}
+			ze();
+		};
+		w(j, (e) => {
+			Re(e), V.value && H.value !== null && e === H.value && (V.value = !1, H.value = null, O("changeLoading", !1));
+		}), w(j, () => {
+			re(() => {
+				let e = R.value;
+				if (!e) return;
+				let t = e.querySelectorAll(".radarAxis-li")[j.value];
+				t && t.scrollIntoView({
+					behavior: "smooth",
+					inline: "center",
+					block: "nearest"
+				});
+			});
+		});
+		let Ve = () => {
+			$();
+		}, He = async () => {
+			if (!k.value) {
+				O("clearImgAniArr"), O("removeDataTitle", L.value), O("showRadarLegend", !1), $();
+				return;
+			}
+			z.value = !0, await K(), z.value = !1;
+		}, Ue = (e) => {
+			let t = !!P.value[e];
+			P.value[e] = !t, t || (F.value[e] = !0);
+		}, We = (e) => {
+			F.value[e] = !F.value[e];
+		}, Ge = () => {
+			O("close", "RadarShortTerm");
+		}, Ke = (e) => {
+			O("toMapView", {
+				lng: Number(e.x),
+				lat: Number(e.y),
+				zoom: 11
+			});
+		};
+		return (a, o) => {
+			let ee = s, l = r, h = i;
+			return E((v(), d("div", oe, [
+				f("div", { class: "RadarShortTerm-head" }, [f("div", { class: "RadarShortTerm-head-top" }, [o[1] ||= f("div", null, "雷达短临预报", -1), f("div", { class: "head-actions" }, [f("div", {
+					class: "closeBtn",
+					onClick: Ge,
+					title: "关闭"
+				})])]), o[2] ||= f("img", {
+					class: "RadarShortTerm-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)]),
+				f("div", se, [f("div", ce, [f("div", le, [o[4] ||= f("span", { class: "setting-label" }, "雷达展示：", -1), f("div", ue, [m(ee, {
+					modelValue: k.value,
+					"onUpdate:modelValue": o[0] ||= (e) => k.value = e,
+					class: "pile-checkbox",
+					onChange: He
+				}, {
+					default: T(() => [...o[3] ||= [p(" 显示 ", -1)]]),
+					_: 1
+				}, 8, ["modelValue"])])])])]),
+				f("div", de, [o[7] ||= f("div", { class: "table-head" }, [
+					f("span", null, "高速名称"),
+					f("span", null, "状态要素"),
+					f("span", { class: "head-arrow" })
+				], -1), f("div", fe, [(v(!0), d(c, null, b(J.value, (e) => (v(), d("div", {
+					class: "table-row",
+					key: e.name
+				}, [
+					f("div", {
+						class: "table-row-main",
+						onClick: (t) => Ue(e.name)
+					}, [
+						f("span", me, x(e.name), 1),
+						f("div", { class: g(["status-tags", { "has-warn": Z(e.tags) }]) }, [(v(!0), d(c, null, b(e.tags, (t) => (v(), d("span", {
+							class: g(["status-tag", { warn: t.warn }]),
+							key: `${e.name}-${t.label}`
+						}, [f("span", null, x(t.label), 1)], 2))), 128))], 2),
+						f("span", {
+							class: g(["expand-arrow", { expanded: P.value[e.name] }]),
+							"aria-hidden": "true"
+						}, [m(l, null, {
+							default: T(() => [m(S(t))]),
+							_: 1
+						})], 2)
+					], 8, pe),
+					E(f("div", {
+						class: "pile-title",
+						onClick: (t) => We(e.name)
+					}, [f("span", null, [o[5] ||= p(" 桩号数据 ", -1), Fe(e.piles) > 0 ? (v(), d("span", ge, " （报警数量：" + x(Fe(e.piles)) + "个）", 1)) : ne("", !0)]), f("span", { class: g(["panel-arrow", { expanded: F.value[e.name] }]) }, [m(l, null, {
+						default: T(() => [m(S(t))]),
+						_: 1
+					})], 2)], 8, he), [[C, P.value[e.name]]]),
+					E(f("div", _e, [o[6] ||= f("div", { class: "pile-head" }, [
+						f("span", null, "桩号"),
+						f("span", null, "未来R1h"),
+						f("span", null, "未来R2h"),
+						f("span", null, "未来R3h")
+					], -1), e.piles.length ? (v(), d("div", ve, [(v(!0), d(c, null, b(e.piles, (e) => (v(), d("div", {
+						class: g(["pile-row", { "is-warn": e.isWarn }]),
+						key: e.pileNo,
+						onClick: (t) => Ke(e)
+					}, [
+						f("span", null, x(e.pileNo), 1),
+						f("span", null, x(e.rain1h), 1),
+						f("span", null, x(e.rain2h), 1),
+						f("span", null, x(e.rain3h), 1)
+					], 10, ye))), 128))])) : (v(), d("div", be, "暂无数据"))], 512), [[C, P.value[e.name] && F.value[e.name]]])
+				]))), 128))])]),
+				E(m(te, {
+					show: !0,
+					isVertical: !1,
+					class: "RadarShortTerm-legend"
+				}, null, 512), [[C, k.value]]),
+				E(f("div", xe, [f("button", {
+					type: "button",
+					class: "timeline-play-btn",
+					title: A.value ? "暂停" : "播放",
+					onClick: Be
+				}, [m(l, null, {
+					default: T(() => [A.value ? (v(), u(S(e), { key: 0 })) : (v(), u(S(n), { key: 1 }))]),
+					_: 1
+				})], 8, Se), f("div", Ce, [f("span", we, x(X.value[j.value] || ""), 1), f("div", {
+					class: "radarAxis",
+					ref_key: "ref_radarAxis",
+					ref: R
+				}, [(v(!0), d(c, null, b(Y.value, (e, t) => (v(), d("div", Te, [f("div", {
+					class: "radarAxis-li-node",
+					onClick: (e) => (j.value = Number(t), Ve())
+				}, [
+					f("i", { style: _({ backgroundColor: e._isHistory ? "" : "#ca9e64" }) }, null, 4),
+					E(f("span", null, [...o[8] ||= [f("i", null, null, -1)]], 512), [[C, t === j.value]]),
+					f("div", De, [f("b", null, x(e._label), 1)])
+				], 8, Ee), (v(), d(c, null, b(4, (n) => E(f("div", {
+					class: "radarAxis-li-point",
+					key: n,
+					style: _({ backgroundColor: e._isHistory ? "" : "#ca9e64" })
+				}, null, 4), [[C, t !== Y.value.length - 1]])), 64))]))), 256))], 512)])], 512), [[C, k.value]])
+			])), [[h, z.value]]);
+		};
+	}
+}), [["__scopeId", "data-v-f7fc9003"]]);
+//#endregion
+export { D as t };

package/dist/nxd-plugin.mjs

@@ -11,8 +11,8 @@ import { t as l } from "./chunks/component-HighwayWeatherForecast-Dn6tjaR-.mjs";
 import { t as u } from "./chunks/component-YCLogin-DWhvv-rf.mjs";
 import { t as d } from "./chunks/component-LithiumBatteryMiningArea-Dj1DMKuU.mjs";
 import { t as f } from "./chunks/component-YCLoginNew-CPPSTPXH.mjs";
-import { t as p } from "./chunks/component-RadarLegend-DQp5wjbz.mjs";
-import { t as m } from "./chunks/component-RadarShortTerm-CZEP_KxT.mjs";
+import { t as p } from "./chunks/component-RadarShortTerm-CyMCE9wz.mjs";
+import { t as m } from "./chunks/component-RadarLegend-BKm_34Tm.mjs";
 import { t as h } from "./chunks/component-TimeBasedForecast-Bc4EOR8R.mjs";
 import { t as g } from "./chunks/component-WeatherForecast-BzF3E06F.mjs";
 import { t as _ } from "./chunks/component-WarningSignal-BaKdzl4i.mjs";
@@ -24,7 +24,7 @@ import { t as S } from "./chunks/component-WarningLine-C5AGlCZR.mjs";
 import { t as C } from "./chunks/component-PieLegend-JVqrszxO.mjs";
 //#region src/index.ts
 var w = { install(w) {
-	w.component("HighwayLiveAlarm", n), w.component("HighwayLiveAlarmNew", o), w.component("HighwayStations", c), w.component("HighWayEarlyWarningRed", s), w.component("HighwayWeatherForecast", l), w.component("ServiceMaterialsBtn", a), w.component("YCHome", r), w.component("YCLogin", u), w.component("YCLoginNew", f), w.component("HighWayFreeze", e), w.component("RadarShortTerm", m), w.component("LithiumBatteryMiningArea", d), w.component("TimeBasedForecast", h), w.component("WeatherForecast", g), w.component("ImageGeneration", i), w.component("WarningSignal", _), w.component("RadarChart", v), w.component("AqiMonitor", t), w.component("MapPopup", y), w.component("RadarTime", b), w.component("ServiceMaterial", x), w.component("WarningLine", S), w.component("RadarLegend", p), w.component("PieLegend", C);
+	w.component("HighwayLiveAlarm", n), w.component("HighwayLiveAlarmNew", o), w.component("HighwayStations", c), w.component("HighWayEarlyWarningRed", s), w.component("HighwayWeatherForecast", l), w.component("ServiceMaterialsBtn", a), w.component("YCHome", r), w.component("YCLogin", u), w.component("YCLoginNew", f), w.component("HighWayFreeze", e), w.component("RadarShortTerm", p), w.component("LithiumBatteryMiningArea", d), w.component("TimeBasedForecast", h), w.component("WeatherForecast", g), w.component("ImageGeneration", i), w.component("WarningSignal", _), w.component("RadarChart", v), w.component("AqiMonitor", t), w.component("MapPopup", y), w.component("RadarTime", b), w.component("ServiceMaterial", x), w.component("WarningLine", S), w.component("RadarLegend", m), w.component("PieLegend", C);
 } };
 //#endregion
-export { t as AqiMonitor, s as HighWayEarlyWarningRed, e as HighWayFreeze, n as HighwayLiveAlarm, o as HighwayLiveAlarmNew, c as HighwayStations, l as HighwayWeatherForecast, i as ImageGeneration, d as LithiumBatteryMiningArea, y as MapPopup, C as PieLegend, v as RadarChart, p as RadarLegend, m as RadarShortTerm, b as RadarTime, x as ServiceMaterial, a as ServiceMaterialsBtn, h as TimeBasedForecast, S as WarningLine, _ as WarningSignal, g as WeatherForecast, r as YCHome, u as YCLogin, f as YCLoginNew, w as default };
+export { t as AqiMonitor, s as HighWayEarlyWarningRed, e as HighWayFreeze, n as HighwayLiveAlarm, o as HighwayLiveAlarmNew, c as HighwayStations, l as HighwayWeatherForecast, i as ImageGeneration, d as LithiumBatteryMiningArea, y as MapPopup, C as PieLegend, v as RadarChart, m as RadarLegend, p as RadarShortTerm, b as RadarTime, x as ServiceMaterial, a as ServiceMaterialsBtn, h as TimeBasedForecast, S as WarningLine, _ as WarningSignal, g as WeatherForecast, r as YCHome, u as YCLogin, f as YCLoginNew, w as default };

package/dist/styles/component-RadarShortTerm.css

@@ -1 +1 @@
-.el-input-number{vertical-align:middle;width:150px;line-height:30px;display:inline-flex;position:relative}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.el-input-number .el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number.is-left .el-input__inner{text-align:left}.el-input-number.is-right .el-input__inner{text-align:right}.el-input-number.is-center .el-input__inner{text-align:center}.el-input-number__increase,.el-input-number__decrease{z-index:1;background:var(--el-fill-color-light);width:32px;height:auto;color:var(--el-text-color-regular);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:1px;bottom:1px}.el-input-number__increase:hover,.el-input-number__decrease:hover{color:var(--el-color-primary)}.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__increase.is-disabled,.el-input-number__decrease.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:var(--el-border);right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__increase,.el-input-number.is-disabled .el-input-number__decrease{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__increase:hover,.el-input-number.is-disabled .el-input-number__decrease:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{width:180px;line-height:38px}.el-input-number--large .el-input-number__increase,.el-input-number--large .el-input-number__decrease{width:40px;font-size:14px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{width:120px;line-height:22px}.el-input-number--small .el-input-number__increase,.el-input-number--small .el-input-number__decrease{width:24px;font-size:12px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__increase [class*=el-icon],.el-input-number--small .el-input-number__decrease [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__increase,.el-input-number.is-controls-right .el-input-number__decrease{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon],.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 var(--el-border-radius-base) 0 0;border-bottom:var(--el-border);bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-right:none;border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;top:auto;left:auto;right:1px}.el-input-number.is-controls-right[class*=large] [class*=increase],.el-input-number.is-controls-right[class*=large] [class*=decrease]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=increase],.el-input-number.is-controls-right[class*=small] [class*=decrease]{--el-input-number-controls-height:11px}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;width:100%;height:32px;display:flex}.el-slider__runway{height:var(--el-slider-height);background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;position:relative}.el-slider__runway.show-input{width:auto;margin-right:30px}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button:hover,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed;transform:scale(1)}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{height:var(--el-slider-height);background-color:var(--el-slider-main-bg-color);border-top-left-radius:var(--el-slider-border-radius);border-bottom-left-radius:var(--el-slider-border-radius);position:absolute}.el-slider__button-wrapper{height:var(--el-slider-button-wrapper-size);width:var(--el-slider-button-wrapper-size);z-index:1;top:var(--el-slider-button-wrapper-offset);text-align:center;-webkit-user-select:none;user-select:none;background-color:#0000;outline:none;line-height:normal;position:absolute;transform:translate(-50%)}.el-slider__button-wrapper:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-slider__button-wrapper:hover,.el-slider__button-wrapper.hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{width:var(--el-slider-button-size);height:var(--el-slider-button-size);vertical-align:middle;border:solid 2px var(--el-slider-main-bg-color);background-color:var(--el-color-white);box-sizing:border-box;transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none;border-radius:50%;display:inline-block}.el-slider__button:hover,.el-slider__button.hover,.el-slider__button.dragging{transform:scale(1.2)}.el-slider__button:hover,.el-slider__button.hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{height:var(--el-slider-height);width:var(--el-slider-height);border-radius:var(--el-border-radius-circle);background-color:var(--el-slider-stop-bg-color);position:absolute;transform:translate(-50%)}.el-slider__marks{width:18px;height:100%;top:0;left:12px}.el-slider__marks-text{color:var(--el-color-info);white-space:pre;margin-top:15px;font-size:14px;position:absolute;transform:translate(-50%)}.el-slider.is-vertical{flex:0;width:auto;height:100%;display:inline-flex;position:relative}.el-slider.is-vertical .el-slider__runway{width:var(--el-slider-height);height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:var(--el-slider-height);border-radius:0 0 3px 3px;height:auto}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:var(--el-slider-button-wrapper-offset);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.RadarShortTerm[data-v-ef868a08]{color:#fff;background:#002140e6;border:1px solid #0bc4e9;width:360px;padding:10px}.RadarShortTerm .RadarShortTerm-head[data-v-ef868a08]{width:100%;position:relative}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top[data-v-ef868a08]{color:#fff;justify-content:space-between;align-items:center;width:100%;min-height:24px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .head-actions[data-v-ef868a08]{align-items:center;gap:8px;display:flex}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]{cursor:pointer;background:#b4c4d247;border:1px solid #b0d2e65c;border-radius:50%;width:16px;height:16px;transition:background-color .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(1);box-shadow:inset 0 1px 1px #ffffff1f}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]:before,.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]:after{content:"";transform-origin:50%;opacity:0;background:#7a1b18;border-radius:1px;width:9px;height:1.8px;transition:opacity .2s;position:absolute;top:50%;left:50%}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]:before{transform:translate(-50%,-50%)rotate(45deg)}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]:after{transform:translate(-50%,-50%)rotate(-45deg)}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]:hover{background:#ff5f57;border-color:#e0443e;transform:scale(1.14);box-shadow:inset 0 1px 1px #ffffff59,0 0 0 1px #0003}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]:hover:before,.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]:hover:after{opacity:1}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-ef868a08]:active{transform:scale(.96)}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-line[data-v-ef868a08]{width:100%;height:10px}.RadarShortTerm .RadarShortTerm-setting-panel[data-v-ef868a08]{background:linear-gradient(#0bc4e91a 0%,#0bc4e905 100%);border:1px solid #0bc4e94d;border-radius:4px;margin-top:10px;overflow:hidden}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting[data-v-ef868a08]{flex-direction:column;gap:6px;padding:8px 10px;font-size:12px;display:flex;overflow:visible}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-row[data-v-ef868a08]{align-items:center;gap:6px;min-width:0;display:flex}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-row-pile[data-v-ef868a08]{margin-bottom:2px}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-pile-options[data-v-ef868a08]{flex:1;align-items:center;min-width:0;display:flex}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .pile-checkbox[data-v-ef868a08]{margin-right:0}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .pile-checkbox[data-v-ef868a08] .el-checkbox__label{color:#ffffffe0;padding-left:4px;font-size:12px}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .pile-checkbox[data-v-ef868a08] .el-checkbox__input.is-checked+.el-checkbox__label{color:#0bc4e9}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-label[data-v-ef868a08]{color:#ffffffdb;white-space:nowrap;flex-shrink:0}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-radios[data-v-ef868a08]{white-space:nowrap;flex-wrap:nowrap;flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-radios[data-v-ef868a08] .el-radio{color:#fffc;white-space:nowrap;margin-right:0}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-radios[data-v-ef868a08] .el-radio__label{color:#ffffffe0;padding-left:4px;font-size:12px}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-radios[data-v-ef868a08] .el-radio__input.is-checked+.el-radio__label{color:#0bc4e9}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting[data-v-ef868a08] .dark-select .el-select__wrapper{height:24px;min-height:24px;box-shadow:none;background:#0bc4e914;border:1px solid #0bc4e94d;padding-top:0;padding-bottom:0}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting[data-v-ef868a08] .dark-select .el-select__placeholder,.RadarShortTerm .RadarShortTerm-setting-panel .display-setting[data-v-ef868a08] .dark-select .el-select__selected-item{color:#ffffffdb}.RadarShortTerm .RadarShortTerm-table[data-v-ef868a08]{background:linear-gradient(#0bc4e91a 0%,#0bc4e905 100%);border:1px solid #0bc4e94d;border-radius:4px;width:100%;margin-top:10px;overflow:hidden}.RadarShortTerm .RadarShortTerm-table .table-head[data-v-ef868a08],.RadarShortTerm .RadarShortTerm-table .table-row-main[data-v-ef868a08]{grid-template-columns:84px minmax(0,1fr) 14px;gap:4px;padding:0 8px;display:grid}.RadarShortTerm .RadarShortTerm-table .table-head[data-v-ef868a08]{color:#88dfff;background:#0bc4e914;border-bottom:1px solid #0bc4e94d;align-items:center;height:34px;font-size:12px}.RadarShortTerm .RadarShortTerm-table .table-head .head-arrow[data-v-ef868a08]{text-align:center}.RadarShortTerm .RadarShortTerm-table .table-body[data-v-ef868a08]{height:auto;max-height:none;overflow:visible}.RadarShortTerm .RadarShortTerm-table .table-body[data-v-ef868a08]::-webkit-scrollbar{width:4px}.RadarShortTerm .RadarShortTerm-table .table-body[data-v-ef868a08]::-webkit-scrollbar-thumb{background:#0bc4e966;border-radius:2px}.RadarShortTerm .RadarShortTerm-table .table-row[data-v-ef868a08]{border-bottom:1px solid #0bc4e926}.RadarShortTerm .RadarShortTerm-table .table-row-main[data-v-ef868a08]{cursor:pointer;align-items:start;min-height:36px;padding-top:8px;padding-bottom:8px;font-size:13px}.RadarShortTerm .RadarShortTerm-table .name[data-v-ef868a08]{color:#ffffffeb;line-height:22px}.RadarShortTerm .RadarShortTerm-table .status-tags[data-v-ef868a08]{flex-wrap:nowrap;gap:6px;display:flex;overflow:hidden}.RadarShortTerm .RadarShortTerm-table .status-tags.has-warn[data-v-ef868a08]{flex-wrap:wrap}.RadarShortTerm .RadarShortTerm-table .status-tag[data-v-ef868a08]{box-sizing:border-box;letter-spacing:0;color:#52c41a;white-space:nowrap;background:#52c41a24;border:1px solid #52c41a8c;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:4px;width:60px;height:22px;padding:0;font-size:12px;line-height:22px;display:inline-flex}.RadarShortTerm .RadarShortTerm-table .status-tag>span[data-v-ef868a08]{display:inline-block}.RadarShortTerm .RadarShortTerm-table .status-tag.warn[data-v-ef868a08]{color:#ff4d4f;background:#ff4d4f24;border:1px solid #ff4d4f8c}.RadarShortTerm .RadarShortTerm-table .expand-arrow[data-v-ef868a08]{color:#88dfffcc;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:transform .2s,color .2s;display:inline-flex;transform:rotate(0)}.RadarShortTerm .RadarShortTerm-table .expand-arrow .el-icon[data-v-ef868a08]{display:inline-flex}.RadarShortTerm .RadarShortTerm-table .expand-arrow.expanded[data-v-ef868a08]{color:#0bc4e9;transform:rotate(90deg)}.RadarShortTerm .RadarShortTerm-table .pile-title[data-v-ef868a08]{letter-spacing:.5px;color:#88dffff5;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;margin:4px 10px;padding:6px 8px 6px 16px;font-size:11px;font-weight:600;display:flex;position:relative}.RadarShortTerm .RadarShortTerm-table .pile-title[data-v-ef868a08]:before{content:"";background:linear-gradient(#0bc4e9 0%,#1593ff 100%);border-radius:2px;width:3px;height:12px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.RadarShortTerm .RadarShortTerm-table .panel-arrow[data-v-ef868a08]{color:#88dfffdb;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:transform .2s,color .2s;display:inline-flex;transform:rotate(0)}.RadarShortTerm .RadarShortTerm-table .panel-arrow.expanded[data-v-ef868a08]{color:#0bc4e9;transform:rotate(90deg)}.RadarShortTerm .RadarShortTerm-table .pile-panel[data-v-ef868a08]{background:#05182873;border:1px solid #0bc4e933;border-radius:4px;margin:0 10px 8px;overflow:hidden}.RadarShortTerm .RadarShortTerm-table .pile-head[data-v-ef868a08]{color:#88dffff2;background:#0bc4e914;border-bottom:1px solid #0bc4e933;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:6px;padding:6px 8px;font-size:12px;display:grid}.RadarShortTerm .RadarShortTerm-table .pile-body[data-v-ef868a08]{max-height:140px;overflow:auto}.RadarShortTerm .RadarShortTerm-table .pile-body[data-v-ef868a08]::-webkit-scrollbar{width:4px}.RadarShortTerm .RadarShortTerm-table .pile-body[data-v-ef868a08]::-webkit-scrollbar-thumb{background:#0bc4e966;border-radius:2px}.RadarShortTerm .RadarShortTerm-table .pile-row[data-v-ef868a08]{color:#ffffffe6;cursor:pointer;border-bottom:1px solid #0bc4e91f;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:grid}.RadarShortTerm .RadarShortTerm-table .pile-row[data-v-ef868a08]:hover{background:#0bc4e914}.RadarShortTerm .RadarShortTerm-table .pile-row.is-warn[data-v-ef868a08]{color:#ffd9d9;background:linear-gradient(90deg,#ff4d4f38 0%,#ff4d4f14 100%);border-left:2px solid #ff4d4fcc;padding-left:8px}.RadarShortTerm .RadarShortTerm-table .pile-row[data-v-ef868a08]:last-child{border-bottom:none}.RadarShortTerm .RadarShortTerm-table .pile-empty[data-v-ef868a08]{text-align:center;color:#fff9;padding:10px;font-size:12px}.RadarShortTerm .RadarShortTerm-legend[data-v-ef868a08]{z-index:1200;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.RadarShortTerm .RadarShortTerm-timeline[data-v-ef868a08]{z-index:1200;background:#001930eb;border:1px solid #0bc4e973;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.RadarShortTerm .RadarShortTerm-timeline .timeline-title[data-v-ef868a08]{color:#fff;text-align:center;min-width:64px;font-size:13px;font-weight:600}.RadarShortTerm .RadarShortTerm-timeline .timeline-play-btn[data-v-ef868a08]{color:#fff;cursor:pointer;background:#0bc4e938;border:1px solid #0bc4e98c;border-radius:4px;justify-content:center;align-items:center;width:56px;height:32px;display:inline-flex}.RadarShortTerm .RadarShortTerm-timeline .timeline-play-btn .el-icon[data-v-ef868a08]{font-size:18px}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-ef868a08]{align-items:center;gap:10px;width:360px;height:42px;display:flex}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap .timeline-time-label[data-v-ef868a08]{color:#0bc4e9;text-align:center;white-space:nowrap;min-width:42px;font-size:12px;font-weight:600}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-ef868a08] .el-slider{flex:1;height:32px;margin:0}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-ef868a08] .el-slider__runway{background:#0bc4e92e;height:4px}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-ef868a08] .el-slider__bar{background:linear-gradient(90deg,#0bc4e9 0%,#1593ff 100%);height:4px}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-ef868a08] .el-slider__button{background:#fff;border:2px solid #0bc4e9;width:14px;height:14px;box-shadow:0 0 6px #0bc4e980}.RadarShortTerm .RadarShortTerm-timeline .radarAxis[data-v-ef868a08]{align-items:center;width:calc(100% - 60px);height:100%;padding:0 20px;display:flex;overflow:scroll hidden}.RadarShortTerm .RadarShortTerm-timeline .radarAxis[data-v-ef868a08]::-webkit-scrollbar{width:6px;height:6px}.RadarShortTerm .RadarShortTerm-timeline .radarAxis[data-v-ef868a08]::-webkit-scrollbar-thumb{background:#0091ff99;border-radius:3px}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li[data-v-ef868a08]{align-items:center;padding-bottom:10px;display:flex}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node[data-v-ef868a08]{position:relative}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node i[data-v-ef868a08]{cursor:pointer;background:#2a90f6;width:10px;height:10px;display:block}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node span[data-v-ef868a08]{cursor:pointer;background:#2a90f6;border-radius:50%;width:18px;height:18px;display:block;position:absolute;top:-4px;left:-4px}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node span i[data-v-ef868a08]{background-color:#fff;border-radius:50%;width:10px;height:10px;margin-top:50%;margin-left:50%;transform:translate(-50%,-50%)}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node[data-v-ef868a08]{flex-direction:column;justify-content:center;align-items:center;margin-right:3px;display:flex}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node .radarAxis-li-node-text[data-v-ef868a08]{white-space:nowrap;margin-top:4px;font-size:12px;position:absolute;bottom:-22px}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-point[data-v-ef868a08]{background:#2a90f6;width:4px;height:4px;margin-right:3px;display:inline-block}
+.el-input-number{vertical-align:middle;width:150px;line-height:30px;display:inline-flex;position:relative}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.el-input-number .el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number.is-left .el-input__inner{text-align:left}.el-input-number.is-right .el-input__inner{text-align:right}.el-input-number.is-center .el-input__inner{text-align:center}.el-input-number__increase,.el-input-number__decrease{z-index:1;background:var(--el-fill-color-light);width:32px;height:auto;color:var(--el-text-color-regular);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:1px;bottom:1px}.el-input-number__increase:hover,.el-input-number__decrease:hover{color:var(--el-color-primary)}.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__increase.is-disabled,.el-input-number__decrease.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:var(--el-border);right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__increase,.el-input-number.is-disabled .el-input-number__decrease{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__increase:hover,.el-input-number.is-disabled .el-input-number__decrease:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{width:180px;line-height:38px}.el-input-number--large .el-input-number__increase,.el-input-number--large .el-input-number__decrease{width:40px;font-size:14px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{width:120px;line-height:22px}.el-input-number--small .el-input-number__increase,.el-input-number--small .el-input-number__decrease{width:24px;font-size:12px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__increase [class*=el-icon],.el-input-number--small .el-input-number__decrease [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__increase,.el-input-number.is-controls-right .el-input-number__decrease{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon],.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 var(--el-border-radius-base) 0 0;border-bottom:var(--el-border);bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-right:none;border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;top:auto;left:auto;right:1px}.el-input-number.is-controls-right[class*=large] [class*=increase],.el-input-number.is-controls-right[class*=large] [class*=decrease]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=increase],.el-input-number.is-controls-right[class*=small] [class*=decrease]{--el-input-number-controls-height:11px}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;width:100%;height:32px;display:flex}.el-slider__runway{height:var(--el-slider-height);background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;position:relative}.el-slider__runway.show-input{width:auto;margin-right:30px}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button:hover,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed;transform:scale(1)}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{height:var(--el-slider-height);background-color:var(--el-slider-main-bg-color);border-top-left-radius:var(--el-slider-border-radius);border-bottom-left-radius:var(--el-slider-border-radius);position:absolute}.el-slider__button-wrapper{height:var(--el-slider-button-wrapper-size);width:var(--el-slider-button-wrapper-size);z-index:1;top:var(--el-slider-button-wrapper-offset);text-align:center;-webkit-user-select:none;user-select:none;background-color:#0000;outline:none;line-height:normal;position:absolute;transform:translate(-50%)}.el-slider__button-wrapper:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-slider__button-wrapper:hover,.el-slider__button-wrapper.hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{width:var(--el-slider-button-size);height:var(--el-slider-button-size);vertical-align:middle;border:solid 2px var(--el-slider-main-bg-color);background-color:var(--el-color-white);box-sizing:border-box;transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none;border-radius:50%;display:inline-block}.el-slider__button:hover,.el-slider__button.hover,.el-slider__button.dragging{transform:scale(1.2)}.el-slider__button:hover,.el-slider__button.hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{height:var(--el-slider-height);width:var(--el-slider-height);border-radius:var(--el-border-radius-circle);background-color:var(--el-slider-stop-bg-color);position:absolute;transform:translate(-50%)}.el-slider__marks{width:18px;height:100%;top:0;left:12px}.el-slider__marks-text{color:var(--el-color-info);white-space:pre;margin-top:15px;font-size:14px;position:absolute;transform:translate(-50%)}.el-slider.is-vertical{flex:0;width:auto;height:100%;display:inline-flex;position:relative}.el-slider.is-vertical .el-slider__runway{width:var(--el-slider-height);height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:var(--el-slider-height);border-radius:0 0 3px 3px;height:auto}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:var(--el-slider-button-wrapper-offset);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.RadarShortTerm[data-v-f7fc9003]{color:#fff;background:#002140e6;border:1px solid #0bc4e9;width:360px;padding:10px}.RadarShortTerm .RadarShortTerm-head[data-v-f7fc9003]{width:100%;position:relative}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top[data-v-f7fc9003]{color:#fff;justify-content:space-between;align-items:center;width:100%;min-height:24px;margin-bottom:6px;font-size:16px;font-weight:700;display:flex}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .head-actions[data-v-f7fc9003]{align-items:center;gap:8px;display:flex}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]{cursor:pointer;background:#b4c4d247;border:1px solid #b0d2e65c;border-radius:50%;width:16px;height:16px;transition:background-color .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);position:relative;transform:scale(1);box-shadow:inset 0 1px 1px #ffffff1f}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]:before,.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]:after{content:"";transform-origin:50%;opacity:0;background:#7a1b18;border-radius:1px;width:9px;height:1.8px;transition:opacity .2s;position:absolute;top:50%;left:50%}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]:before{transform:translate(-50%,-50%)rotate(45deg)}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]:after{transform:translate(-50%,-50%)rotate(-45deg)}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]:hover{background:#ff5f57;border-color:#e0443e;transform:scale(1.14);box-shadow:inset 0 1px 1px #ffffff59,0 0 0 1px #0003}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]:hover:before,.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]:hover:after{opacity:1}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-top .closeBtn[data-v-f7fc9003]:active{transform:scale(.96)}.RadarShortTerm .RadarShortTerm-head .RadarShortTerm-head-line[data-v-f7fc9003]{width:100%;height:10px}.RadarShortTerm .RadarShortTerm-setting-panel[data-v-f7fc9003]{background:linear-gradient(#0bc4e91a 0%,#0bc4e905 100%);border:1px solid #0bc4e94d;border-radius:4px;margin-top:10px;overflow:hidden}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting[data-v-f7fc9003]{flex-direction:column;gap:6px;padding:8px 10px;font-size:12px;display:flex;overflow:visible}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-row[data-v-f7fc9003]{align-items:center;gap:6px;min-width:0;display:flex}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-row-pile[data-v-f7fc9003]{margin-bottom:2px}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-pile-options[data-v-f7fc9003]{flex:1;align-items:center;min-width:0;display:flex}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .pile-checkbox[data-v-f7fc9003]{margin-right:0}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .pile-checkbox[data-v-f7fc9003] .el-checkbox__label{color:#ffffffe0;padding-left:4px;font-size:12px}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .pile-checkbox[data-v-f7fc9003] .el-checkbox__input.is-checked+.el-checkbox__label{color:#0bc4e9}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-label[data-v-f7fc9003]{color:#ffffffdb;white-space:nowrap;flex-shrink:0}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-radios[data-v-f7fc9003]{white-space:nowrap;flex-wrap:nowrap;flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-radios[data-v-f7fc9003] .el-radio{color:#fffc;white-space:nowrap;margin-right:0}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-radios[data-v-f7fc9003] .el-radio__label{color:#ffffffe0;padding-left:4px;font-size:12px}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting .setting-radios[data-v-f7fc9003] .el-radio__input.is-checked+.el-radio__label{color:#0bc4e9}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting[data-v-f7fc9003] .dark-select .el-select__wrapper{height:24px;min-height:24px;box-shadow:none;background:#0bc4e914;border:1px solid #0bc4e94d;padding-top:0;padding-bottom:0}.RadarShortTerm .RadarShortTerm-setting-panel .display-setting[data-v-f7fc9003] .dark-select .el-select__placeholder,.RadarShortTerm .RadarShortTerm-setting-panel .display-setting[data-v-f7fc9003] .dark-select .el-select__selected-item{color:#ffffffdb}.RadarShortTerm .RadarShortTerm-table[data-v-f7fc9003]{background:linear-gradient(#0bc4e91a 0%,#0bc4e905 100%);border:1px solid #0bc4e94d;border-radius:4px;width:100%;margin-top:10px;overflow:hidden}.RadarShortTerm .RadarShortTerm-table .table-head[data-v-f7fc9003],.RadarShortTerm .RadarShortTerm-table .table-row-main[data-v-f7fc9003]{grid-template-columns:84px minmax(0,1fr) 14px;gap:4px;padding:0 8px;display:grid}.RadarShortTerm .RadarShortTerm-table .table-head[data-v-f7fc9003]{color:#88dfff;background:#0bc4e914;border-bottom:1px solid #0bc4e94d;align-items:center;height:34px;font-size:12px}.RadarShortTerm .RadarShortTerm-table .table-head .head-arrow[data-v-f7fc9003]{text-align:center}.RadarShortTerm .RadarShortTerm-table .table-body[data-v-f7fc9003]{height:auto;max-height:none;overflow:visible}.RadarShortTerm .RadarShortTerm-table .table-body[data-v-f7fc9003]::-webkit-scrollbar{width:4px}.RadarShortTerm .RadarShortTerm-table .table-body[data-v-f7fc9003]::-webkit-scrollbar-thumb{background:#0bc4e966;border-radius:2px}.RadarShortTerm .RadarShortTerm-table .table-row[data-v-f7fc9003]{border-bottom:1px solid #0bc4e926}.RadarShortTerm .RadarShortTerm-table .table-row-main[data-v-f7fc9003]{cursor:pointer;align-items:start;min-height:36px;padding-top:8px;padding-bottom:8px;font-size:13px}.RadarShortTerm .RadarShortTerm-table .name[data-v-f7fc9003]{color:#ffffffeb;line-height:22px}.RadarShortTerm .RadarShortTerm-table .status-tags[data-v-f7fc9003]{flex-wrap:nowrap;gap:6px;display:flex;overflow:hidden}.RadarShortTerm .RadarShortTerm-table .status-tags.has-warn[data-v-f7fc9003]{flex-wrap:wrap}.RadarShortTerm .RadarShortTerm-table .status-tag[data-v-f7fc9003]{box-sizing:border-box;letter-spacing:0;color:#52c41a;white-space:nowrap;background:#52c41a24;border:1px solid #52c41a8c;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:4px;width:60px;height:22px;padding:0;font-size:12px;line-height:22px;display:inline-flex}.RadarShortTerm .RadarShortTerm-table .status-tag>span[data-v-f7fc9003]{display:inline-block}.RadarShortTerm .RadarShortTerm-table .status-tag.warn[data-v-f7fc9003]{color:#ff4d4f;background:#ff4d4f24;border:1px solid #ff4d4f8c}.RadarShortTerm .RadarShortTerm-table .expand-arrow[data-v-f7fc9003]{color:#88dfffcc;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:transform .2s,color .2s;display:inline-flex;transform:rotate(0)}.RadarShortTerm .RadarShortTerm-table .expand-arrow .el-icon[data-v-f7fc9003]{display:inline-flex}.RadarShortTerm .RadarShortTerm-table .expand-arrow.expanded[data-v-f7fc9003]{color:#0bc4e9;transform:rotate(90deg)}.RadarShortTerm .RadarShortTerm-table .pile-title[data-v-f7fc9003]{letter-spacing:.5px;color:#88dffff5;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;margin:4px 10px;padding:6px 8px 6px 16px;font-size:11px;font-weight:600;display:flex;position:relative}.RadarShortTerm .RadarShortTerm-table .pile-title[data-v-f7fc9003]:before{content:"";background:linear-gradient(#0bc4e9 0%,#1593ff 100%);border-radius:2px;width:3px;height:12px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.RadarShortTerm .RadarShortTerm-table .panel-arrow[data-v-f7fc9003]{color:#88dfffdb;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:transform .2s,color .2s;display:inline-flex;transform:rotate(0)}.RadarShortTerm .RadarShortTerm-table .panel-arrow.expanded[data-v-f7fc9003]{color:#0bc4e9;transform:rotate(90deg)}.RadarShortTerm .RadarShortTerm-table .pile-panel[data-v-f7fc9003]{background:#05182873;border:1px solid #0bc4e933;border-radius:4px;margin:0 10px 8px;overflow:hidden}.RadarShortTerm .RadarShortTerm-table .pile-head[data-v-f7fc9003]{color:#88dffff2;background:#0bc4e914;border-bottom:1px solid #0bc4e933;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:6px;padding:6px 8px;font-size:12px;display:grid}.RadarShortTerm .RadarShortTerm-table .pile-body[data-v-f7fc9003]{max-height:140px;overflow:auto}.RadarShortTerm .RadarShortTerm-table .pile-body[data-v-f7fc9003]::-webkit-scrollbar{width:4px}.RadarShortTerm .RadarShortTerm-table .pile-body[data-v-f7fc9003]::-webkit-scrollbar-thumb{background:#0bc4e966;border-radius:2px}.RadarShortTerm .RadarShortTerm-table .pile-row[data-v-f7fc9003]{color:#ffffffe6;cursor:pointer;border-bottom:1px solid #0bc4e91f;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:grid}.RadarShortTerm .RadarShortTerm-table .pile-row[data-v-f7fc9003]:hover{background:#0bc4e914}.RadarShortTerm .RadarShortTerm-table .pile-row.is-warn[data-v-f7fc9003]{color:#ffd9d9;background:linear-gradient(90deg,#ff4d4f38 0%,#ff4d4f14 100%);border-left:2px solid #ff4d4fcc;padding-left:8px}.RadarShortTerm .RadarShortTerm-table .pile-row[data-v-f7fc9003]:last-child{border-bottom:none}.RadarShortTerm .RadarShortTerm-table .pile-empty[data-v-f7fc9003]{text-align:center;color:#fff9;padding:10px;font-size:12px}.RadarShortTerm .RadarShortTerm-legend[data-v-f7fc9003]{z-index:1200;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.RadarShortTerm .RadarShortTerm-timeline[data-v-f7fc9003]{z-index:1200;background:#001930eb;border:1px solid #0bc4e973;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.RadarShortTerm .RadarShortTerm-timeline .timeline-title[data-v-f7fc9003]{color:#fff;text-align:center;min-width:64px;font-size:13px;font-weight:600}.RadarShortTerm .RadarShortTerm-timeline .timeline-play-btn[data-v-f7fc9003]{color:#fff;cursor:pointer;background:#0bc4e938;border:1px solid #0bc4e98c;border-radius:4px;justify-content:center;align-items:center;width:56px;height:32px;display:inline-flex}.RadarShortTerm .RadarShortTerm-timeline .timeline-play-btn .el-icon[data-v-f7fc9003]{font-size:18px}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-f7fc9003]{align-items:center;gap:10px;width:360px;height:42px;display:flex}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap .timeline-time-label[data-v-f7fc9003]{color:#0bc4e9;text-align:center;white-space:nowrap;min-width:42px;font-size:12px;font-weight:600}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-f7fc9003] .el-slider{flex:1;height:32px;margin:0}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-f7fc9003] .el-slider__runway{background:#0bc4e92e;height:4px}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-f7fc9003] .el-slider__bar{background:linear-gradient(90deg,#0bc4e9 0%,#1593ff 100%);height:4px}.RadarShortTerm .RadarShortTerm-timeline .timeline-slider-wrap[data-v-f7fc9003] .el-slider__button{background:#fff;border:2px solid #0bc4e9;width:14px;height:14px;box-shadow:0 0 6px #0bc4e980}.RadarShortTerm .RadarShortTerm-timeline .radarAxis[data-v-f7fc9003]{align-items:center;width:calc(100% - 60px);height:100%;padding:0 20px;display:flex;overflow:scroll hidden}.RadarShortTerm .RadarShortTerm-timeline .radarAxis[data-v-f7fc9003]::-webkit-scrollbar{width:6px;height:6px}.RadarShortTerm .RadarShortTerm-timeline .radarAxis[data-v-f7fc9003]::-webkit-scrollbar-thumb{background:#0091ff99;border-radius:3px}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li[data-v-f7fc9003]{align-items:center;padding-bottom:10px;display:flex}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node[data-v-f7fc9003]{position:relative}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node i[data-v-f7fc9003]{cursor:pointer;background:#2a90f6;width:10px;height:10px;display:block}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node span[data-v-f7fc9003]{cursor:pointer;background:#2a90f6;border-radius:50%;width:18px;height:18px;display:block;position:absolute;top:-4px;left:-4px}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node span i[data-v-f7fc9003]{background-color:#fff;border-radius:50%;width:10px;height:10px;margin-top:50%;margin-left:50%;transform:translate(-50%,-50%)}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node[data-v-f7fc9003]{flex-direction:column;justify-content:center;align-items:center;margin-right:3px;display:flex}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-node .radarAxis-li-node-text[data-v-f7fc9003]{white-space:nowrap;margin-top:4px;font-size:12px;position:absolute;bottom:-22px}.RadarShortTerm .RadarShortTerm-timeline .radarAxis .radarAxis-li .radarAxis-li-point[data-v-f7fc9003]{background:#2a90f6;width:4px;height:4px;margin-right:3px;display:inline-block}