mixdashboards 1.0.32 → 1.0.39

package/dist/gnssMapView-CaBfWeT1.js

@@ -0,0 +1,699 @@
+var Le = Object.defineProperty, Ye = Object.defineProperties;
+var Xe = Object.getOwnPropertyDescriptors;
+var re = Object.getOwnPropertySymbols;
+var We = Object.prototype.hasOwnProperty, Ke = Object.prototype.propertyIsEnumerable;
+var de = (b, m, f) => m in b ? Le(b, m, { enumerable: !0, configurable: !0, writable: !0, value: f }) : b[m] = f, ue = (b, m) => {
+  for (var f in m || (m = {}))
+    We.call(m, f) && de(b, f, m[f]);
+  if (re)
+    for (var f of re(m))
+      Ke.call(m, f) && de(b, f, m[f]);
+  return b;
+}, pe = (b, m) => Ye(b, Xe(m));
+import { ElSelect as He, ElOption as qe, ElButton as Je, ElDialog as Qe } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent as Ze, ref as A, reactive as G, computed as I, watch as et, onMounted as tt, onUnmounted as nt, openBlock as h, createElementBlock as R, normalizeStyle as j, createElementVNode as c, unref as ot, createVNode as v, withCtx as C, Fragment as z, renderList as B, createBlock as lt, createTextVNode as T, toDisplayString as P, createCommentVNode as q, mergeProps as at, normalizeClass as X, withDirectives as me, vShow as ve, renderSlot as st } from "vue";
+import "html2canvas";
+import { B as it } from "./element-resize-detector-DJcsrJ8s.js";
+import { _ as ct } from "./index-kShjySl9.js";
+import "./index-ButoLLAe.js";
+import { A as rt, D as dt } from "./ele-lin-icon-Dax-ZiWV.js";
+import { i as ut } from "./echarts-BVht3HHb.js";
+const pt = { class: "toolbar-left" }, mt = { class: "filter-item" }, vt = { class: "filter-item" }, ft = { class: "filter-item" }, yt = { class: "toolbar-right" }, gt = {
+  key: 0,
+  class: "pick-hint-bar"
+}, bt = ["viewBox"], ht = ["d", "stroke"], St = ["x1", "y1", "x2", "y2"], Rt = ["onClick", "onMouseenter"], xt = { class: "point-bubble" }, kt = { class: "point-id" }, Ct = ["innerHTML"], Mt = { class: "drawer-icons" }, Nt = ["onClick"], Et = { class: "drawer-icon" }, Dt = { class: "drawer-label" }, At = { class: "profile-dialog-header" }, It = { class: "profile-header-btns" }, wt = { DEFAULT_ICON: dt, ACTIVE_ICON: rt, NAME_CN: "GNSS地图监测视图", NAME_EN: "GNSS Map Monitor View", ORDER: 10 }, _t = {
+  bgColor: { value: "#0b1a31", type: "color", label: "setting.bgColor" },
+  toolbarBg: { value: "#ffffff", type: "color", label: "工具栏背景色" },
+  toolbarFontSize: { value: 12, type: "number", label: "工具栏字体大小", min: 10, max: 20 },
+  geologyMapUrl: { value: "", type: "string", label: "地质模型地图URL" },
+  dtmMapUrl: { value: "", type: "string", label: "DTM面地图URL" },
+  uavMapUrl: { value: "", type: "string", label: "无人机地图URL" },
+  pointCount: { value: 80, type: "number", label: "模拟监测点数量", min: 20, max: 200 },
+  linkChannel: {
+    value: "gnss",
+    type: "select",
+    label: "联动频道",
+    options: [
+      { label: "GNSS监测", value: "gnss" },
+      { label: "边坡监测", value: "slope" },
+      { label: "自定义", value: "custom" }
+    ]
+  },
+  customChannel: { value: "", type: "string", label: "自定义频道名", showWhen: { linkChannel: "custom" } }
+}, Tt = [
+  { name: "GNSS001", fv: "", fvDeviceName: "", object_id: "", type: "GNSS", x: 1e3, y: 400, elevation: 1350, region: "北帮", lineName: "北帮线" },
+  { name: "GNSS002", fv: "", fvDeviceName: "", object_id: "", type: "GNSS", x: 1300, y: 400, elevation: 1380, region: "北帮", lineName: "北帮线" },
+  { name: "GNSS003", fv: "", fvDeviceName: "", object_id: "", type: "GNSS", x: 1600, y: 400, elevation: 1410, region: "北帮", lineName: "北帮线" },
+  { name: "DEEP001", fv: "", fvDeviceName: "", object_id: "", type: "深部位移", x: 500, y: 1200, elevation: 1280, region: "西帮", lineName: "" },
+  { name: "RADAR001", fv: "", fvDeviceName: "", object_id: "", type: "雷达", x: 2500, y: 1e3, elevation: 1320, region: "东帮", lineName: "" },
+  { name: "CRACK001", fv: "", fvDeviceName: "", object_id: "", type: "裂缝", x: 1500, y: 1250, elevation: 1300, region: "中央区", lineName: "" },
+  { name: "FIRE001", fv: "", fvDeviceName: "", object_id: "", type: "煤自燃", x: 1200, y: 2100, elevation: 1260, region: "南帮", lineName: "" },
+  { name: "WATER001", fv: "", fvDeviceName: "", object_id: "", type: "降雨", x: 1800, y: 2100, elevation: 1240, region: "南帮", lineName: "" }
+], Pt = ["object_id", "name", "fv", "fvDeviceName", "type", "x", "y", "elevation", "region", "lineName"], Ut = ["mosaic"], Vt = { useAlias: !1, multiObject: !0, source: "mosaic" }, Ft = 200, Ot = { DEFAULT: wt, OPTIONS: _t, DATA: Tt, PARAMS: Pt, SOURCE: Ut, COMMON: Vt, ITEMS: Ft }, $t = /* @__PURE__ */ Ze(pe(ue({}, Ot), {
+  __name: "gnssMapView",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(b) {
+    const m = b, f = 3e3, L = 2500, J = {
+      GNSS: "GNSS",
+      gnss: "GNSS",
+      DEEP: "DEEP",
+      deep: "DEEP",
+      深部位移: "DEEP",
+      RADAR: "RADAR",
+      radar: "RADAR",
+      雷达: "RADAR",
+      SURFACE: "SURFACE",
+      surface: "SURFACE",
+      地表: "SURFACE",
+      CRACK: "CRACK",
+      crack: "CRACK",
+      裂缝: "CRACK",
+      FIRE: "FIRE",
+      fire: "FIRE",
+      煤自燃: "FIRE",
+      WATER: "WATER",
+      water: "WATER",
+      降雨: "WATER",
+      GROUND: "GROUND",
+      ground: "GROUND",
+      地下水: "GROUND",
+      STRESS: "STRESS",
+      stress: "STRESS",
+      应力: "STRESS",
+      VIB: "VIB",
+      vib: "VIB",
+      爆破震动: "VIB",
+      SAT: "SAT",
+      sat: "SAT",
+      遥感卫星: "SAT"
+    }, Q = {
+      GNSS: "📍",
+      DEEP: "⚓",
+      RADAR: "📡",
+      SURFACE: "📐",
+      CRACK: "🧱",
+      FIRE: "🔥",
+      WATER: "💧",
+      GROUND: "🌍",
+      STRESS: "📊",
+      VIB: "💥",
+      SAT: "🛸"
+    }, w = [
+      { key: "GNSS", label: "GNSS", icon: "📍" },
+      { key: "DEEP", label: "深部位移", icon: "⚓" },
+      { key: "RADAR", label: "雷达", icon: "📡" },
+      { key: "SURFACE", label: "地表", icon: "📐" },
+      { key: "CRACK", label: "裂缝", icon: "🧱" },
+      { key: "FIRE", label: "煤自燃", icon: "🔥" },
+      { key: "WATER", label: "降雨", icon: "💧" },
+      { key: "GROUND", label: "地下水", icon: "🌍" },
+      { key: "STRESS", label: "应力", icon: "📊" },
+      { key: "VIB", label: "爆破震动", icon: "💥" },
+      { key: "SAT", label: "遥感卫星", icon: "🛸" }
+    ], Z = ["#F57676", "#FFA500", "#fadb14", "#66B1FF", "#71C446"], W = [
+      { name: "北帮", xRange: [800, 2200], yRange: [200, 600] },
+      { name: "南帮", xRange: [800, 2200], yRange: [1900, 2300] },
+      { name: "西帮", xRange: [200, 700], yRange: [800, 1700] },
+      { name: "东帮", xRange: [2300, 2800], yRange: [800, 1700] },
+      { name: "中央区", xRange: [1100, 1900], yRange: [1e3, 1500] }
+    ], ee = ["#F57676", "#FFA500", "#66B1FF", "#71C446", "#9254de", "#13c2c2"];
+    class fe extends it {
+      extractStyles() {
+        var l, i, n, u, p, y, d, x, N, g;
+        const e = (l = this.props.conf) == null ? void 0 : l.options, o = ((i = e == null ? void 0 : e.linkChannel) == null ? void 0 : i.value) || "gnss", s = ((n = e == null ? void 0 : e.customChannel) == null ? void 0 : n.value) || "";
+        return {
+          bgColor: ((u = e == null ? void 0 : e.bgColor) == null ? void 0 : u.value) || "#0b1a31",
+          toolbarBg: ((p = e == null ? void 0 : e.toolbarBg) == null ? void 0 : p.value) || "#ffffff",
+          toolbarFontSize: ((y = e == null ? void 0 : e.toolbarFontSize) == null ? void 0 : y.value) || 12,
+          geologyMapUrl: ((d = e == null ? void 0 : e.geologyMapUrl) == null ? void 0 : d.value) || "",
+          dtmMapUrl: ((x = e == null ? void 0 : e.dtmMapUrl) == null ? void 0 : x.value) || "",
+          uavMapUrl: ((N = e == null ? void 0 : e.uavMapUrl) == null ? void 0 : N.value) || "",
+          pointCount: ((g = e == null ? void 0 : e.pointCount) == null ? void 0 : g.value) || 80,
+          linkChannel: o === "custom" && s ? s : o
+        };
+      }
+      onLinkEvent(e) {
+        Ue(e);
+      }
+    }
+    const U = new fe(m, "gnssMapView");
+    U.setupLifecycle();
+    const _ = U.getStyle(), V = A(null), K = A(null), F = A(!1), M = G(new Set(w.map((t) => t.key))), O = A([]), te = A([]), a = G({
+      scale: 0.4,
+      posX: 0,
+      posY: 0,
+      viewType: "geology",
+      selectedRegion: "全部",
+      selectedType: "全部"
+    }), H = A(!1), Y = G({ x: 0, y: 0 }), E = G({ visible: !1, x: 0, y: 0, content: "" }), r = G({
+      picking: !1,
+      pickedPoints: [],
+      dialogVisible: !1
+    });
+    let S = null;
+    const D = A(""), ye = {
+      onWheel: (t) => {
+        t.preventDefault(), Ne(t);
+      },
+      onMousedown: (t) => Ee(t),
+      onMousemove: (t) => De(t),
+      onMouseup: () => se(),
+      onMouseleave: () => se()
+    }, ge = I(() => ({ backgroundColor: _.value.bgColor })), ne = I(() => ({
+      geology: _.value.geologyMapUrl,
+      dtm: _.value.dtmMapUrl,
+      uav: _.value.uavMapUrl
+    })[a.viewType] || ""), be = I(() => ({
+      transform: `translate(${a.posX}px, ${a.posY}px) scale(${a.scale})`,
+      width: f + "px",
+      height: L + "px",
+      backgroundImage: ne.value ? `url(${ne.value})` : "none"
+    })), he = I(() => {
+      const t = /* @__PURE__ */ new Set();
+      return O.value.forEach((e) => {
+        e.region && t.add(e.region);
+      }), Array.from(t);
+    }), oe = I(() => O.value.filter((t) => {
+      const e = M.has(t.type), o = a.selectedRegion === "全部" || t.region === a.selectedRegion, s = a.selectedType === "全部" || t.type === a.selectedType;
+      return e && o && s;
+    })), Se = I(() => M.has("GNSS") ? te.value.filter((t) => a.selectedRegion !== "全部" && t.region !== a.selectedRegion ? !1 : t.pointIds.filter((o) => oe.value.some((s) => s.id === o)).length >= 2) : []), Re = (t) => {
+      const e = t.isOnline ? Z[t.alarmIdx] || "#71C446" : "#999";
+      return { left: t.x + "px", top: t.y + "px", backgroundColor: e, color: e };
+    }, xe = (t) => r.pickedPoints.some((e) => e.id === t.id), ke = I(() => {
+      var t;
+      return ((t = m.conf) == null ? void 0 : t.data) || [];
+    }), le = () => {
+      const t = ke.value;
+      t.length > 0 ? Ce(t) : Me();
+    }, Ce = (t) => {
+      const e = [];
+      t.forEach((o, s) => {
+        var y;
+        const l = o.name || o.deviceId || "", i = o.type || "GNSS", n = J[i] || J[(y = i.toUpperCase) == null ? void 0 : y.call(i)] || "GNSS", u = Number(o.x) || 0, p = Number(o.y) || 0;
+        e.push({
+          id: l || `pt-${s}`,
+          type: n,
+          alarmIdx: typeof o.alarmIdx == "number" ? o.alarmIdx : 4,
+          isOnline: o.isOnline !== !1,
+          deviceId: l || `${n}${s}`,
+          region: o.region || "未分区",
+          x: u,
+          y: p,
+          isOnDetectionLine: !!o.lineName,
+          lineName: o.lineName || "",
+          objectId: o.object_id || ""
+        });
+      }), O.value = e, ae(e);
+    }, Me = () => {
+      const t = _.value.pointCount || 80, e = Object.keys(Q), o = [], s = [], l = 60, i = {};
+      W.forEach((n) => i[n.name] = 0);
+      for (let n = 0; n < t; n++) {
+        let u = e[n % e.length];
+        n < 7 ? u = "RADAR" : u === "RADAR" && (u = "GNSS");
+        const p = n * 7 % 5, y = n % 8 !== 0, d = W[n % W.length];
+        let x = !1, N = "";
+        u === "GNSS" && i[d.name] < 3 && (x = !0, N = `${d.name}线`, i[d.name]++);
+        let g = 0, k = 0, ce = 0;
+        for (; ce < 100; ) {
+          if (x) {
+            const $ = i[d.name] - 1;
+            d.name === "北帮" || d.name === "南帮" ? (k = (d.yRange[0] + d.yRange[1]) / 2, g = d.xRange[0] + 300 + $ * 250) : (g = (d.xRange[0] + d.xRange[1]) / 2, k = d.yRange[0] + 300 + $ * 250);
+          } else
+            g = d.xRange[0] + Math.random() * (d.xRange[1] - d.xRange[0]), k = d.yRange[0] + Math.random() * (d.yRange[1] - d.yRange[0]);
+          if (!s.some(($) => Math.hypot(g - $.x, k - $.y) < l)) break;
+          ce++;
+        }
+        s.push({ x: g, y: k }), o.push({
+          id: `pt-${n}`,
+          type: u,
+          alarmIdx: p,
+          isOnline: y,
+          deviceId: `${u}${n}`,
+          region: d.name,
+          x: g,
+          y: k,
+          isOnDetectionLine: x,
+          lineName: N,
+          objectId: ""
+        });
+      }
+      O.value = o, ae(o);
+    }, ae = (t) => {
+      const e = /* @__PURE__ */ new Map();
+      t.filter((l) => l.lineName).forEach((l) => {
+        e.has(l.lineName) || e.set(l.lineName, []), e.get(l.lineName).push(l);
+      });
+      const o = [];
+      let s = 0;
+      e.forEach((l, i) => {
+        var p, y, d, x;
+        const n = Math.abs(((p = l[l.length - 1]) == null ? void 0 : p.x) - ((y = l[0]) == null ? void 0 : y.x)), u = Math.abs(((d = l[l.length - 1]) == null ? void 0 : d.y) - ((x = l[0]) == null ? void 0 : x.y));
+        if (l.sort((N, g) => n >= u ? N.x - g.x : N.y - g.y), l.length >= 2) {
+          const N = `M ${l[0].x + 16} ${l[0].y + 16} ` + l.slice(1).map((k) => `L ${k.x + 16} ${k.y + 16}`).join(" "), g = l[0].region || "";
+          o.push({
+            name: i,
+            region: g,
+            color: ee[s % ee.length],
+            path: N,
+            pointIds: l.map((k) => k.id)
+          }), s++;
+        }
+      }), te.value = o;
+    }, Ne = (t) => {
+      const e = V.value;
+      if (!e) return;
+      const o = Math.min(Math.max(0.15, a.scale + t.deltaY * -1e-3), 2.5), s = e.getBoundingClientRect(), l = t.clientX - s.left, i = t.clientY - s.top, n = o / a.scale;
+      a.posX = l - (l - a.posX) * n, a.posY = i - (i - a.posY) * n, a.scale = o;
+    }, Ee = (t) => {
+      t.button === 0 && (H.value = !0, Y.x = t.clientX - a.posX, Y.y = t.clientY - a.posY);
+    }, De = (t) => {
+      H.value && (a.posX = t.clientX - Y.x, a.posY = t.clientY - Y.y);
+    }, se = () => {
+      H.value = !1;
+    }, Ae = () => {
+      const t = V.value;
+      if (!t) {
+        a.scale = 0.4, a.posX = 0, a.posY = 0;
+        return;
+      }
+      const e = t.clientWidth, o = t.clientHeight;
+      if (e === 0 || o === 0) {
+        a.scale = 0.4, a.posX = 0, a.posY = 0;
+        return;
+      }
+      const s = e / f, l = o / L, i = Math.min(s, l) * 0.9;
+      a.scale = Math.max(0.15, Math.min(i, 1.5)), a.posX = (e - f * a.scale) / 2, a.posY = (o - L * a.scale) / 2;
+    }, Ie = (t) => {
+      if (m.mode !== "edit") {
+        if (r.picking) {
+          const e = r.pickedPoints.findIndex((o) => o.id === t.id);
+          if (e >= 0) {
+            r.pickedPoints.splice(e, 1);
+            return;
+          }
+          r.pickedPoints.length < 2 && r.pickedPoints.push(t), r.pickedPoints.length === 2 && (r.picking = !1, r.dialogVisible = !0);
+          return;
+        }
+        t.isOnline && (D.value = t.id, setTimeout(() => {
+          D.value === t.id && (D.value = "");
+        }, 3e3), U.publish({
+          objectId: t.objectId,
+          deviceId: t.deviceId,
+          point: t.deviceId,
+          deviceType: t.type,
+          region: t.region,
+          alarmIdx: t.alarmIdx
+        }));
+      }
+    }, we = (t, e) => {
+      var l, i;
+      E.visible = !0, E.x = t.clientX - (((l = V.value) == null ? void 0 : l.getBoundingClientRect().left) || 0) + 15, E.y = t.clientY - (((i = V.value) == null ? void 0 : i.getBoundingClientRect().top) || 0) + 15;
+      const o = e.isOnline ? "在线" : '<span style="color:#f5222d">离线</span>', s = ["一级告警(危险)", "二级告警(受控)", "三级告警(注意)", "四级告警(警示)", "运行正常"];
+      E.content = `
+		<b style="color:#85C6F1;">[${e.region}] ${e.deviceId}</b>
+		<hr style="margin:5px 0; opacity:0.2">
+		设备类型: ${e.type}<br>
+		设备状态: ${o}<br>
+		告警等级: <span style="color:${Z[e.alarmIdx]}">${s[e.alarmIdx]}</span>
+	`;
+    }, _e = () => {
+      E.visible = !1;
+    }, Te = (t) => {
+      M.has(t) ? M.delete(t) : M.add(t);
+    }, Pe = () => {
+      M.size === w.length ? M.clear() : w.forEach((t) => M.add(t.key));
+    }, Ue = (t) => {
+      const { payload: e } = t;
+      if (!e) return;
+      const o = e.deviceId || e.name || e.point || "", s = e.objectId || "", l = O.value.find(
+        (i) => o && (i.deviceId === o || i.id === o) || s && i.objectId === s
+      );
+      l && (D.value = l.id, setTimeout(() => {
+        D.value === l.id && (D.value = "");
+      }, 3e3));
+    }, Ve = () => {
+      r.picking = !0, r.pickedPoints = [];
+    }, Fe = () => {
+      r.picking = !1, r.pickedPoints = [];
+    }, Oe = (t, e) => {
+      const o = Math.round(Math.hypot(e.x - t.x, e.y - t.y)), s = 30, l = [], i = [], n = [];
+      for (let u = 0; u <= s; u++) {
+        const p = u / s, y = Math.round(o * p);
+        l.push(y);
+        const d = 1200 + Math.sin(p * Math.PI) * 180 + Math.sin(p * 3) * 40;
+        i.push(Math.round(d * 10) / 10);
+        const x = d - 60 - Math.sin(p * Math.PI * 1.2) * 80;
+        n.push(Math.round(x * 10) / 10);
+      }
+      return { dist: o, xData: l, surfaceData: i, slideData: n };
+    }, ie = () => {
+      if (!K.value || r.pickedPoints.length < 2) return;
+      const t = r.pickedPoints[0], e = r.pickedPoints[1], { dist: o, xData: s, surfaceData: l, slideData: i } = Oe(t, e);
+      S && S.dispose(), S = ut(K.value);
+      const n = s.map((u, p) => {
+        if (p === 0) return "起";
+        if (p === s.length - 1) return "终";
+        const y = Math.round(p / (s.length - 1) * 100);
+        return [20, 40, 60, 80].includes(y) ? `${y}%` : "";
+      });
+      S.setOption({
+        backgroundColor: "#fff",
+        title: {
+          text: `剖面结构分析(${o}m)`,
+          left: "center",
+          top: 10,
+          textStyle: { fontSize: 16, color: "#333" }
+        },
+        tooltip: { trigger: "axis" },
+        legend: {
+          bottom: 10,
+          selectedMode: !0,
+          data: ["地表线", "预估滑动面"]
+        },
+        grid: { left: 60, right: 30, top: 60, bottom: 60 },
+        xAxis: {
+          type: "category",
+          data: n,
+          name: "距离",
+          boundaryGap: !1,
+          axisLabel: { formatter: (u) => u }
+        },
+        yAxis: { type: "value", name: "高程(m)" },
+        series: [
+          {
+            name: "地表线",
+            type: "line",
+            data: l,
+            smooth: !0,
+            lineStyle: { color: "#1a3a6b", width: 2 },
+            areaStyle: { color: "rgba(133,198,241,0.3)" },
+            symbol: "none"
+          },
+          {
+            name: "预估滑动面",
+            type: "line",
+            data: i,
+            smooth: !0,
+            lineStyle: { color: "#f5222d", width: 2, type: "dashed" },
+            symbol: "circle",
+            symbolSize: 6,
+            itemStyle: { color: "#52c41a", borderColor: "#52c41a" }
+          }
+        ]
+      });
+    }, $e = () => {
+      ie();
+    }, Ge = () => {
+      ie();
+    }, je = () => {
+      if (!S) return;
+      const t = S.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), e = document.createElement("a");
+      e.href = t, e.download = `剖面分析_${Date.now()}.png`, e.click();
+    }, ze = () => {
+      r.dialogVisible = !1;
+    }, Be = () => {
+      r.dialogVisible = !1, r.pickedPoints = [], S && (S.dispose(), S = null);
+    };
+    return et(() => m.conf, () => {
+      le();
+    }, { deep: !0 }), tt(() => {
+      U.init(), le(), setTimeout(() => Ae(), 100);
+    }), nt(() => {
+      S && (S.dispose(), S = null), U.cleanup();
+    }), (t, e) => {
+      const o = qe, s = He, l = Je, i = Qe;
+      return h(), R("div", {
+        class: "gnss-map-view",
+        style: j(ge.value)
+      }, [
+        c("div", {
+          class: "map-toolbar",
+          style: j({ fontSize: ot(_).toolbarFontSize + "px" })
+        }, [
+          c("div", pt, [
+            c("div", mt, [
+              e[5] || (e[5] = c("span", { class: "filter-label" }, "地图模型:", -1)),
+              v(s, {
+                modelValue: a.viewType,
+                "onUpdate:modelValue": e[0] || (e[0] = (n) => a.viewType = n),
+                size: "small",
+                style: { width: "100px" }
+              }, {
+                default: C(() => [
+                  v(o, {
+                    label: "地质模型",
+                    value: "geology"
+                  }),
+                  v(o, {
+                    label: "DTM面",
+                    value: "dtm"
+                  }),
+                  v(o, {
+                    label: "无人机地图",
+                    value: "uav"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            c("div", vt, [
+              e[6] || (e[6] = c("span", { class: "filter-label" }, "区域:", -1)),
+              v(s, {
+                modelValue: a.selectedRegion,
+                "onUpdate:modelValue": e[1] || (e[1] = (n) => a.selectedRegion = n),
+                size: "small",
+                style: { width: "90px" }
+              }, {
+                default: C(() => [
+                  v(o, {
+                    label: "全部",
+                    value: "全部"
+                  }),
+                  (h(!0), R(z, null, B(he.value, (n) => (h(), lt(o, {
+                    key: n,
+                    label: n,
+                    value: n
+                  }, null, 8, ["label", "value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            c("div", ft, [
+              e[7] || (e[7] = c("span", { class: "filter-label" }, "设备类型:", -1)),
+              v(s, {
+                modelValue: a.selectedType,
+                "onUpdate:modelValue": e[2] || (e[2] = (n) => a.selectedType = n),
+                size: "small",
+                style: { width: "100px" }
+              }, {
+                default: C(() => [
+                  v(o, {
+                    label: "全部",
+                    value: "全部"
+                  }),
+                  (h(), R(z, null, B(w, (n) => v(o, {
+                    key: n.key,
+                    label: n.label,
+                    value: n.key
+                  }, null, 8, ["label", "value"])), 64))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          c("div", yt, [
+            v(l, {
+              size: "small",
+              type: "primary",
+              onClick: Ve
+            }, {
+              default: C(() => [...e[8] || (e[8] = [
+                T("剖面图绘制", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ], 4),
+        r.picking ? (h(), R("div", gt, [
+          c("span", null, "🎯 请在地图上点击选择监测点（已选 " + P(r.pickedPoints.length) + "/2）", 1),
+          v(l, {
+            size: "small",
+            onClick: Fe
+          }, {
+            default: C(() => [...e[9] || (e[9] = [
+              T("取消", -1)
+            ])]),
+            _: 1
+          })
+        ])) : q("", !0),
+        c("div", at({
+          class: "map-viewer",
+          ref_key: "viewerRef",
+          ref: V
+        }, b.mode !== "edit" ? ye : {}), [
+          c("div", {
+            class: "map-canvas",
+            style: j(be.value)
+          }, [
+            (h(), R("svg", {
+              class: "connection-svg",
+              viewBox: `0 0 ${f} ${L}`
+            }, [
+              (h(!0), R(z, null, B(Se.value, (n) => (h(), R("path", {
+                key: n.name,
+                d: n.path,
+                stroke: n.color,
+                "stroke-width": "3",
+                fill: "none",
+                "stroke-opacity": "0.7"
+              }, null, 8, ht))), 128)),
+              r.pickedPoints.length === 2 ? (h(), R("line", {
+                key: 0,
+                x1: r.pickedPoints[0].x + 16,
+                y1: r.pickedPoints[0].y + 16,
+                x2: r.pickedPoints[1].x + 16,
+                y2: r.pickedPoints[1].y + 16,
+                stroke: "red",
+                "stroke-width": "3",
+                "stroke-dasharray": "10,6",
+                "stroke-opacity": "0.9"
+              }, null, 8, St)) : q("", !0)
+            ], 8, bt)),
+            (h(!0), R(z, null, B(oe.value, (n) => (h(), R("div", {
+              key: n.id,
+              class: X(["point-obj", [`type-${n.type}`, { breathe: n.isOnline && n.alarmIdx === 0 }, { "picked-point": xe(n) }, { "active-point": D.value === n.id }]]),
+              style: j(Re(n)),
+              onClick: (u) => Ie(n),
+              onMouseenter: (u) => we(u, n),
+              onMouseleave: _e
+            }, [
+              c("div", xt, [
+                c("span", null, P(Q[n.type] || "📍"), 1)
+              ]),
+              c("div", kt, P(n.deviceId), 1)
+            ], 46, Rt))), 128))
+          ], 4),
+          me(c("div", {
+            class: "map-tooltip",
+            style: j({ left: E.x + "px", top: E.y + "px" })
+          }, [
+            c("div", {
+              innerHTML: E.content
+            }, null, 8, Ct)
+          ], 4), [
+            [ve, E.visible]
+          ])
+        ], 16),
+        b.mode !== "edit" ? (h(), R("div", {
+          key: 1,
+          class: X(["device-drawer", { active: F.value }])
+        }, [
+          c("div", {
+            class: "drawer-bar",
+            onClick: e[3] || (e[3] = (n) => F.value = !F.value)
+          }, [
+            c("span", null, P(F.value ? "▼" : "▲") + " 监测设备类型切换", 1)
+          ]),
+          me(c("div", Mt, [
+            (h(), R(z, null, B(w, (n) => c("div", {
+              key: n.key,
+              class: X(["drawer-item", { checked: M.has(n.key) }]),
+              onClick: (u) => Te(n.key)
+            }, [
+              c("span", Et, P(n.icon), 1),
+              c("span", Dt, P(n.label), 1)
+            ], 10, Nt)), 64)),
+            c("div", {
+              class: X(["drawer-item", { checked: M.size === w.length }]),
+              onClick: Pe
+            }, [...e[10] || (e[10] = [
+              c("span", { class: "drawer-icon" }, "🔘", -1),
+              c("span", { class: "drawer-label" }, "全部显示", -1)
+            ])], 2)
+          ], 512), [
+            [ve, F.value]
+          ])
+        ], 2)) : q("", !0),
+        v(i, {
+          modelValue: r.dialogVisible,
+          "onUpdate:modelValue": e[4] || (e[4] = (n) => r.dialogVisible = n),
+          title: "",
+          width: "90%",
+          top: "5vh",
+          "close-on-click-modal": !1,
+          "show-close": !1,
+          onOpened: $e
+        }, {
+          header: C(() => [
+            c("div", At, [
+              e[15] || (e[15] = c("span", { class: "profile-title" }, "地质剖面结构分析", -1)),
+              c("div", It, [
+                v(l, {
+                  size: "small",
+                  type: "success",
+                  onClick: Ge
+                }, {
+                  default: C(() => [...e[11] || (e[11] = [
+                    T("最新绘制曲线窗口", -1)
+                  ])]),
+                  _: 1
+                }),
+                v(l, {
+                  size: "small",
+                  onClick: je
+                }, {
+                  default: C(() => [...e[12] || (e[12] = [
+                    T("导出图片", -1)
+                  ])]),
+                  _: 1
+                }),
+                v(l, {
+                  size: "small",
+                  type: "warning",
+                  onClick: ze
+                }, {
+                  default: C(() => [...e[13] || (e[13] = [
+                    T("保存并收起", -1)
+                  ])]),
+                  _: 1
+                }),
+                v(l, {
+                  size: "small",
+                  type: "danger",
+                  onClick: Be
+                }, {
+                  default: C(() => [...e[14] || (e[14] = [
+                    T("退出绘制", -1)
+                  ])]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          default: C(() => [
+            c("div", {
+              ref_key: "profileChartRef",
+              ref: K,
+              style: { width: "100%", height: "560px" }
+            }, null, 512)
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        st(t.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), nn = /* @__PURE__ */ ct($t, [["__scopeId", "data-v-36ffc6e7"]]);
+export {
+  nn as default
+};