mixdashboards 1.0.32 → 1.0.39

package/dist/monitorSpeedChart-0bDuU3Kj.js

@@ -0,0 +1,603 @@
+var le = Object.defineProperty, oe = Object.defineProperties;
+var ae = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var ie = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
+var j = (c, r, n) => r in c ? le(c, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : c[r] = n, B = (c, r) => {
+  for (var n in r || (r = {}))
+    ie.call(r, n) && j(c, n, r[n]);
+  if (R)
+    for (var n of R(r))
+      se.call(r, n) && j(c, n, r[n]);
+  return c;
+}, F = (c, r) => oe(c, ae(r));
+import { ElSelect as ne, ElOption as re, ElInput as de, ElDatePicker as me, ElButton as ce, ElTable as pe, ElTableColumn as ue } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/date-picker/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent as be, useCssVars as ve, ref as f, computed as fe, onMounted as ge, nextTick as W, onBeforeUnmount as ye, watch as he, openBlock as Y, createElementBlock as P, normalizeClass as Se, createElementVNode as l, toDisplayString as w, createCommentVNode as q, createBlock as xe, Teleport as _e, withModifiers as Ce, normalizeStyle as ke, createVNode as o, withCtx as u, createTextVNode as _, renderSlot as Ye } from "vue";
+import { u as we, d as C, _ as Me } from "./index-kShjySl9.js";
+import "./index-ButoLLAe.js";
+import { A as De, D as ze } from "./ele-lin-icon-Dax-ZiWV.js";
+import { i as M, cn as Ne } from "./echarts-BVht3HHb.js";
+const He = { class: "chart-header" }, Ve = { class: "chart-title" }, Ae = {
+  key: 0,
+  class: "click-hint"
+}, Ee = { class: "modal-header" }, Te = { class: "modal-title" }, Xe = { class: "modal-body" }, Le = { class: "modal-toolbar" }, Oe = { class: "toolbar-left" }, Ue = { class: "toolbar-right" }, Ie = { class: "modal-charts" }, $e = { class: "chart-section" }, Ge = { class: "section-header" }, Re = { class: "chart-section" }, je = { class: "section-header" }, Be = { class: "modal-table" }, Fe = { class: "table-header" }, We = { class: "table-actions" }, Pe = { class: "code-link" }, qe = {
+  DEFAULT_ICON: ze,
+  ACTIVE_ICON: De,
+  NAME_CN: "监测点速度曲线",
+  NAME_EN: "Monitor Speed Chart",
+  ORDER: 20
+}, Ze = {
+  title: { value: "监测点速度曲线 (24h)", type: "string", label: "component.monitorSpeed.title" },
+  clickable: { value: !0, type: "boolean", label: "component.monitorSpeed.clickable" },
+  clickAction: { value: "modal", type: "select", label: "component.monitorSpeed.clickAction", options: [
+    { label: "打开弹窗", value: "modal" },
+    { label: "发送事件", value: "event" },
+    { label: "跳转页面", value: "navigate" }
+  ] },
+  eventName: { value: "onChartClick", type: "string", label: "component.monitorSpeed.eventName" },
+  targetUrl: { value: "", type: "string", label: "component.monitorSpeed.targetUrl" },
+  modalTitle: { value: "GNSS 监测数据分析", type: "string", label: "component.monitorSpeed.modalTitle" },
+  modalWidth: { value: 1200, type: "number", label: "component.monitorSpeed.modalWidth", min: 600, max: 1920 },
+  modalHeight: { value: 700, type: "number", label: "component.monitorSpeed.modalHeight", min: 400, max: 1080 },
+  bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "component.options.textColor" },
+  lineColor: { value: "#ff6b6b", type: "color", label: "component.deepDisplacement.lineColor" },
+  areaColor: { value: "rgba(255, 107, 107, 0.3)", type: "color", label: "component.monitorSpeed.areaColor" }
+}, Je = [
+  {
+    object_id: "",
+    speed_fv: "speed",
+    time_fv: "time"
+  }
+], Ke = ["object_id", "speed_fv", "time_fv"], Qe = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], et = { useAlias: !1, multiObject: !1, source: "mosaic" }, tt = { DEFAULT: qe, OPTIONS: Ze, DATA: Je, PARAMS: Ke, SOURCE: Qe, COMMON: et }, lt = /* @__PURE__ */ be(F(B({}, tt), {
+  __name: "monitorSpeedChart",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(c) {
+    ve((t) => ({
+      v15def84e: i.value.bgColor,
+      v5cc752ca: i.value.lineColor,
+      ec05cd9e: i.value.textColor
+    }));
+    const r = we(), n = c, D = `monitorSpeed_${Date.now()}_${Math.random().toString(36).slice(2, 11)}`, z = `modalChart_${Date.now()}_${Math.random().toString(36).slice(2, 11)}`, N = `modalTrajectory_${Date.now()}_${Math.random().toString(36).slice(2, 11)}`, k = f(!1), H = f("all"), V = f("GNSS55"), A = f([
+      C().subtract(1, "day").format("YYYY-MM-DD HH:mm:ss"),
+      C().format("YYYY-MM-DD HH:mm:ss")
+    ]), E = f("xy_speed"), T = f("day"), X = f("day");
+    let p = null, b = null, v = null, S = null;
+    const i = fe(() => {
+      var e, a, m, y, h, g, d, x, s, I, $, G;
+      const { options: t } = n.conf || {};
+      return {
+        title: ((e = t == null ? void 0 : t.title) == null ? void 0 : e.value) || "监测点速度曲线 (24h)",
+        clickable: ((a = t == null ? void 0 : t.clickable) == null ? void 0 : a.value) !== !1,
+        clickAction: ((m = t == null ? void 0 : t.clickAction) == null ? void 0 : m.value) || "modal",
+        eventName: ((y = t == null ? void 0 : t.eventName) == null ? void 0 : y.value) || "onChartClick",
+        targetUrl: ((h = t == null ? void 0 : t.targetUrl) == null ? void 0 : h.value) || "",
+        modalTitle: ((g = t == null ? void 0 : t.modalTitle) == null ? void 0 : g.value) || "GNSS 监测数据分析",
+        modalWidth: ((d = t == null ? void 0 : t.modalWidth) == null ? void 0 : d.value) || 1200,
+        modalHeight: ((x = t == null ? void 0 : t.modalHeight) == null ? void 0 : x.value) || 700,
+        bgColor: ((s = t == null ? void 0 : t.bgColor) == null ? void 0 : s.value) || "#ffffff",
+        textColor: ((I = t == null ? void 0 : t.textColor) == null ? void 0 : I.value) || "#333333",
+        lineColor: (($ = t == null ? void 0 : t.lineColor) == null ? void 0 : $.value) || "#ff6b6b",
+        areaColor: ((G = t == null ? void 0 : t.areaColor) == null ? void 0 : G.value) || "rgba(255, 107, 107, 0.3)"
+      };
+    }), Z = f([
+      { index: 1, region: "北帮", code: "GNSS55", time: "2026/1/19 10:39:00", baseX: 2450.55, baseY: 1300.12, baseH: 1150, dispX: 1.35, dispY: 1.01, dispH: 0.01, dispXY: 10.88 },
+      { index: 2, region: "北帮", code: "GNSS55", time: "2026/1/20 10:39:00", baseX: 2450.55, baseY: 1300.12, baseH: 1150, dispX: 1.21, dispY: 0.91, dispH: 0.01, dispXY: 10.89 }
+    ]), L = () => {
+      const t = [], e = C();
+      for (let a = 24; a >= 0; a--) {
+        const m = e.subtract(a, "hour"), y = 6 + Math.sin(a * 0.5) * 2, h = (Math.random() - 0.5) * 2;
+        t.push({
+          time: m.format("MM-DD HH:mm"),
+          value: Math.max(0, y + h)
+        });
+      }
+      return t;
+    }, O = () => {
+      const t = L(), e = i.value;
+      return {
+        tooltip: {
+          trigger: "axis",
+          backgroundColor: "rgba(255, 255, 255, 0.95)",
+          borderColor: "#e5e5e5",
+          textStyle: { color: "#333", fontSize: 12 },
+          formatter: (a) => {
+            const m = a[0];
+            return `<div style="padding: 4px 8px;">
+					<div style="font-weight: 600; margin-bottom: 4px;">${m.name}</div>
+					<div style="display: flex; align-items: center; gap: 4px;">
+						<span style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: ${e.lineColor};"></span>
+						<span>GNSS55-XY速度(mm/h)</span>
+						<span style="font-weight: 600; margin-left: 8px;">${m.value.toFixed(2)}</span>
+					</div>
+				</div>`;
+          }
+        },
+        grid: { left: 45, right: 15, top: 25, bottom: 30 },
+        xAxis: {
+          type: "category",
+          data: t.map((a) => a.time),
+          axisLabel: { color: "#999", fontSize: 10, rotate: 45 },
+          axisLine: { lineStyle: { color: "#e5e5e5" } },
+          axisTick: { show: !1 }
+        },
+        yAxis: {
+          type: "value",
+          name: "速度(mm/h)",
+          nameTextStyle: { color: "#999", fontSize: 10 },
+          axisLabel: { color: "#999", fontSize: 10 },
+          axisLine: { show: !1 },
+          splitLine: { lineStyle: { color: "#f0f0f0", type: "dashed" } },
+          min: 0,
+          max: 12
+        },
+        series: [{
+          type: "line",
+          data: t.map((a) => a.value),
+          smooth: !0,
+          symbol: "circle",
+          symbolSize: 4,
+          showSymbol: !1,
+          lineStyle: { color: e.lineColor, width: 2 },
+          areaStyle: { color: e.areaColor },
+          emphasis: { showSymbol: !0, symbolSize: 8 }
+        }]
+      };
+    }, J = () => {
+      const t = L();
+      return {
+        tooltip: {
+          trigger: "axis",
+          backgroundColor: "rgba(255, 255, 255, 0.95)",
+          borderColor: "#e5e5e5",
+          formatter: (e) => {
+            const a = e[0];
+            return `<div style="padding: 8px;">
+					<div style="font-weight: 600; margin-bottom: 6px;">${a.name}</div>
+					<div style="display: flex; align-items: center; gap: 6px;">
+						<span style="display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #4a90d9;"></span>
+						<span>GNSS55-XY速度(mm/h)</span>
+						<span style="font-weight: 600; margin-left: auto;">${a.value.toFixed(2)}</span>
+					</div>
+				</div>`;
+          }
+        },
+        legend: {
+          data: ["GNSS55-XY速度(mm/h)"],
+          top: 5,
+          right: 80,
+          textStyle: { color: "#666", fontSize: 12 }
+        },
+        grid: { left: 50, right: 30, top: 40, bottom: 60 },
+        dataZoom: [
+          { type: "slider", bottom: 10, height: 20, handleSize: "80%" }
+        ],
+        xAxis: {
+          type: "category",
+          data: t.map((e) => e.time),
+          axisLabel: { color: "#666", fontSize: 11, rotate: 30 },
+          axisLine: { lineStyle: { color: "#ddd" } }
+        },
+        yAxis: {
+          type: "value",
+          name: "值",
+          nameTextStyle: { color: "#666", fontSize: 11 },
+          axisLabel: { color: "#666", fontSize: 11 },
+          splitLine: { lineStyle: { color: "#f0f0f0" } }
+        },
+        series: [{
+          name: "GNSS55-XY速度(mm/h)",
+          type: "line",
+          data: t.map((e) => e.value),
+          smooth: !0,
+          symbol: "circle",
+          symbolSize: 6,
+          lineStyle: { color: "#4a90d9", width: 2 },
+          areaStyle: {
+            color: new Ne(0, 0, 0, 1, [
+              { offset: 0, color: "rgba(74, 144, 217, 0.3)" },
+              { offset: 1, color: "rgba(74, 144, 217, 0.05)" }
+            ])
+          }
+        }]
+      };
+    }, K = () => {
+      const t = [];
+      for (let e = 0; e <= 15; e++)
+        t.push([e, e * 2 + Math.random() * 2]);
+      return {
+        tooltip: {
+          trigger: "item",
+          formatter: (e) => `ΔX: ${e.data[0].toFixed(2)}mm<br/>ΔY: ${e.data[1].toFixed(2)}mm`
+        },
+        grid: { left: 50, right: 60, top: 30, bottom: 50 },
+        xAxis: {
+          type: "value",
+          name: "ΔX (mm)",
+          nameLocation: "end",
+          min: 0,
+          max: 18,
+          axisLabel: { color: "#666" },
+          splitLine: { lineStyle: { color: "#f0f0f0" } }
+        },
+        yAxis: {
+          type: "value",
+          name: "ΔY (mm)",
+          nameLocation: "end",
+          min: 0,
+          max: 35,
+          axisLabel: { color: "#666" },
+          splitLine: { lineStyle: { color: "#f0f0f0" } }
+        },
+        series: [{
+          type: "line",
+          data: t,
+          smooth: !1,
+          symbol: "circle",
+          symbolSize: 8,
+          lineStyle: { color: "#4a90d9", width: 2 },
+          itemStyle: { color: "#4a90d9" }
+        }],
+        graphic: [{
+          type: "text",
+          right: 30,
+          top: 10,
+          style: { text: `↑
+北(N)`, fill: "#999", fontSize: 12, textAlign: "center" }
+        }]
+      };
+    }, Q = () => {
+      if (!i.value.clickable) return;
+      const t = i.value.clickAction, e = {
+        componentId: n.uid,
+        componentType: "monitorSpeedChart",
+        title: i.value.title,
+        timestamp: C().format("YYYY-MM-DD HH:mm:ss")
+      };
+      switch (console.log("[MonitorSpeedChart] 点击触发, action:", t, "eventData:", e), t) {
+        case "modal":
+          ee();
+          break;
+        case "event":
+          r.publish("monitorSpeed", {
+            objectId: n.uid,
+            type: "chartClick",
+            fv: e,
+            source: "monitorSpeedChart"
+          }), console.log("[MonitorSpeedChart] 已发送事件:", i.value.eventName);
+          break;
+        case "navigate":
+          i.value.targetUrl && window.open(i.value.targetUrl, "_blank");
+          break;
+      }
+    }, ee = () => {
+      k.value = !0, W(() => {
+        const t = document.getElementById(z), e = document.getElementById(N);
+        t && (b = M(t), b.setOption(J())), e && (v = M(e), v.setOption(K()));
+      });
+    }, U = () => {
+      k.value = !1, b == null || b.dispose(), v == null || v.dispose(), b = null, v = null;
+    }, te = () => {
+      p && (p.clear(), p.setOption(O(), !0));
+    };
+    return ge(() => {
+      W(() => {
+        const t = document.getElementById(D);
+        t && (p = M(t), p.setOption(O()), S = new ResizeObserver(() => p == null ? void 0 : p.resize()), S.observe(t.parentElement));
+      });
+    }), ye(() => {
+      S == null || S.disconnect(), p == null || p.dispose(), b == null || b.dispose(), v == null || v.dispose();
+    }), he(() => {
+      var t;
+      return (t = n.conf) == null ? void 0 : t.options;
+    }, te, { deep: !0 }), (t, e) => {
+      const a = re, m = ne, y = de, h = me, g = ce, d = ue, x = pe;
+      return Y(), P("div", {
+        class: Se(["monitor-speed-chart", { clickable: i.value.clickable }]),
+        onClick: Q
+      }, [
+        l("div", He, [
+          e[6] || (e[6] = l("span", { class: "chart-icon" }, "📈", -1)),
+          l("span", Ve, w(i.value.title), 1),
+          i.value.clickable ? (Y(), P("span", Ae, "点击查看详情 →")) : q("", !0)
+        ]),
+        l("div", {
+          id: D,
+          class: "chart-body"
+        }),
+        k.value ? (Y(), xe(_e, {
+          key: 0,
+          to: "body"
+        }, [
+          l("div", {
+            class: "modal-overlay",
+            onClick: Ce(U, ["self"])
+          }, [
+            l("div", {
+              class: "modal-container",
+              style: ke({ width: i.value.modalWidth + "px", height: i.value.modalHeight + "px" })
+            }, [
+              l("div", Ee, [
+                l("span", Te, w(i.value.modalTitle || i.value.title) + " - 数据分析", 1),
+                l("button", {
+                  class: "modal-close",
+                  onClick: U
+                }, "×")
+              ]),
+              l("div", Xe, [
+                l("div", Le, [
+                  l("div", Oe, [
+                    e[7] || (e[7] = l("span", { class: "toolbar-label" }, "区域位置:", -1)),
+                    o(m, {
+                      modelValue: H.value,
+                      "onUpdate:modelValue": e[0] || (e[0] = (s) => H.value = s),
+                      size: "small",
+                      class: "toolbar-select"
+                    }, {
+                      default: u(() => [
+                        o(a, {
+                          label: "全部区域",
+                          value: "all"
+                        }),
+                        o(a, {
+                          label: "北帮",
+                          value: "north"
+                        }),
+                        o(a, {
+                          label: "东帮",
+                          value: "east"
+                        }),
+                        o(a, {
+                          label: "南帮",
+                          value: "south"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    e[8] || (e[8] = l("span", { class: "toolbar-label" }, "监测点:", -1)),
+                    o(y, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": e[1] || (e[1] = (s) => V.value = s),
+                      size: "small",
+                      class: "toolbar-input",
+                      placeholder: "GNSS55"
+                    }, null, 8, ["modelValue"]),
+                    e[9] || (e[9] = l("span", { class: "toolbar-label" }, "时间范围:", -1)),
+                    o(h, {
+                      modelValue: A.value,
+                      "onUpdate:modelValue": e[2] || (e[2] = (s) => A.value = s),
+                      type: "datetimerange",
+                      size: "small",
+                      "start-placeholder": "开始时间",
+                      "end-placeholder": "结束时间",
+                      format: "YYYY/MM/DD HH:mm",
+                      "value-format": "YYYY-MM-DD HH:mm:ss"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  l("div", Ue, [
+                    o(g, {
+                      type: "danger",
+                      size: "small"
+                    }, {
+                      default: u(() => [...e[10] || (e[10] = [
+                        _("🗑 清除所有", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                l("div", Ie, [
+                  l("div", $e, [
+                    l("div", Ge, [
+                      e[12] || (e[12] = l("span", { class: "section-icon" }, "📈", -1)),
+                      e[13] || (e[13] = l("span", { class: "section-title" }, "指标时序演变曲线", -1)),
+                      o(m, {
+                        modelValue: E.value,
+                        "onUpdate:modelValue": e[3] || (e[3] = (s) => E.value = s),
+                        size: "small",
+                        class: "metric-select"
+                      }, {
+                        default: u(() => [
+                          o(a, {
+                            label: "XY速度(mm/h)",
+                            value: "xy_speed"
+                          }),
+                          o(a, {
+                            label: "X速度(mm/h)",
+                            value: "x_speed"
+                          }),
+                          o(a, {
+                            label: "Y速度(mm/h)",
+                            value: "y_speed"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      o(g, { size: "small" }, {
+                        default: u(() => [...e[11] || (e[11] = [
+                          _("📷 导出图像", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    l("div", {
+                      id: z,
+                      class: "section-chart"
+                    })
+                  ]),
+                  l("div", Re, [
+                    l("div", je, [
+                      e[15] || (e[15] = l("span", { class: "section-icon" }, "📍", -1)),
+                      e[16] || (e[16] = l("span", { class: "section-title" }, "XY 平面位移矢量轨迹图", -1)),
+                      o(m, {
+                        modelValue: T.value,
+                        "onUpdate:modelValue": e[4] || (e[4] = (s) => T.value = s),
+                        size: "small",
+                        class: "mode-select"
+                      }, {
+                        default: u(() => [
+                          o(a, {
+                            label: "按天显示",
+                            value: "day"
+                          }),
+                          o(a, {
+                            label: "按小时显示",
+                            value: "hour"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      o(g, { size: "small" }, {
+                        default: u(() => [...e[14] || (e[14] = [
+                          _("📷 导出图像", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    l("div", {
+                      id: N,
+                      class: "section-chart"
+                    })
+                  ])
+                ]),
+                l("div", Be, [
+                  l("div", Fe, [
+                    e[19] || (e[19] = l("span", { class: "table-icon" }, "📋", -1)),
+                    e[20] || (e[20] = l("span", { class: "table-title" }, "监测点历史明细报表", -1)),
+                    l("div", We, [
+                      e[18] || (e[18] = l("span", null, "显示频率:", -1)),
+                      o(m, {
+                        modelValue: X.value,
+                        "onUpdate:modelValue": e[5] || (e[5] = (s) => X.value = s),
+                        size: "small",
+                        class: "freq-select"
+                      }, {
+                        default: u(() => [
+                          o(a, {
+                            label: "按天显示",
+                            value: "day"
+                          }),
+                          o(a, {
+                            label: "按小时显示",
+                            value: "hour"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"]),
+                      o(g, {
+                        type: "success",
+                        size: "small"
+                      }, {
+                        default: u(() => [...e[17] || (e[17] = [
+                          _("📤 导出分析报表 (Excel)", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  o(x, {
+                    data: Z.value,
+                    size: "small",
+                    border: "",
+                    class: "data-table"
+                  }, {
+                    default: u(() => [
+                      o(d, {
+                        prop: "index",
+                        label: "序号",
+                        width: "50",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "region",
+                        label: "区域",
+                        width: "60",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "code",
+                        label: "编号",
+                        width: "80",
+                        align: "center"
+                      }, {
+                        default: u(({ row: s }) => [
+                          l("span", Pe, w(s.code), 1)
+                        ]),
+                        _: 1
+                      }),
+                      o(d, {
+                        prop: "time",
+                        label: "时间",
+                        width: "140",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "baseX",
+                        label: "基准X",
+                        width: "80",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "baseY",
+                        label: "基准Y",
+                        width: "80",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "baseH",
+                        label: "基准H",
+                        width: "80",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "dispX",
+                        label: "X位移(mm)",
+                        width: "90",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "dispY",
+                        label: "Y位移(mm)",
+                        width: "90",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "dispH",
+                        label: "H位移(mm)",
+                        width: "90",
+                        align: "center"
+                      }),
+                      o(d, {
+                        prop: "dispXY",
+                        label: "XY位移(mm)",
+                        width: "100",
+                        align: "center"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["data"])
+                ])
+              ])
+            ], 4)
+          ])
+        ])) : q("", !0),
+        Ye(t.$slots, "default", {}, void 0, !0)
+      ], 2);
+    };
+  }
+})), yt = /* @__PURE__ */ Me(lt, [["__scopeId", "data-v-90815d3f"]]);
+export {
+  yt as default
+};

package/dist/monitorSpeedChart-C52QjA5K.cjs

@@ -0,0 +1,16 @@
+"use strict";var W=Object.defineProperty,Z=Object.defineProperties;var J=Object.getOwnPropertyDescriptors;var X=Object.getOwnPropertySymbols;var K=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var I=(c,r,i)=>r in c?W(c,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):c[r]=i,U=(c,r)=>{for(var i in r||(r={}))K.call(r,i)&&I(c,i,r[i]);if(X)for(var i of X(r))Q.call(r,i)&&I(c,i,r[i]);return c},q=(c,r)=>Z(c,J(r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/date-picker/style/css");require("element-plus/es/components/input/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const e=require("vue"),g=require("./index-Mh5Dw2sd.cjs");require("./index-mAPVa0s4.cjs");const $=require("./ele-lin-icon-Dke_1AmT.cjs"),V=require("./echarts-BB8O2KSA.cjs"),ee={class:"chart-header"},te={class:"chart-title"},le={key:0,class:"click-hint"},oe={class:"modal-header"},ae={class:"modal-title"},ne={class:"modal-body"},ie={class:"modal-toolbar"},re={class:"toolbar-left"},se={class:"toolbar-right"},de={class:"modal-charts"},ce={class:"chart-section"},me={class:"section-header"},pe={class:"chart-section"},ue={class:"section-header"},be={class:"modal-table"},ve={class:"table-header"},fe={class:"table-actions"},ye={class:"code-link"},ge={DEFAULT_ICON:$.DEFAULT_ICON,ACTIVE_ICON:$.ACTIVE_ICON,NAME_CN:"监测点速度曲线",NAME_EN:"Monitor Speed Chart",ORDER:20},he={title:{value:"监测点速度曲线 (24h)",type:"string",label:"component.monitorSpeed.title"},clickable:{value:!0,type:"boolean",label:"component.monitorSpeed.clickable"},clickAction:{value:"modal",type:"select",label:"component.monitorSpeed.clickAction",options:[{label:"打开弹窗",value:"modal"},{label:"发送事件",value:"event"},{label:"跳转页面",value:"navigate"}]},eventName:{value:"onChartClick",type:"string",label:"component.monitorSpeed.eventName"},targetUrl:{value:"",type:"string",label:"component.monitorSpeed.targetUrl"},modalTitle:{value:"GNSS 监测数据分析",type:"string",label:"component.monitorSpeed.modalTitle"},modalWidth:{value:1200,type:"number",label:"component.monitorSpeed.modalWidth",min:600,max:1920},modalHeight:{value:700,type:"number",label:"component.monitorSpeed.modalHeight",min:400,max:1080},bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},lineColor:{value:"#ff6b6b",type:"color",label:"component.deepDisplacement.lineColor"},areaColor:{value:"rgba(255, 107, 107, 0.3)",type:"color",label:"component.monitorSpeed.areaColor"}},Ne=[{object_id:"",speed_fv:"speed",time_fv:"time"}],Ve=["object_id","speed_fv","time_fv"],Se=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],xe={useAlias:!1,multiObject:!1,source:"mosaic"},Ce={DEFAULT:ge,OPTIONS:he,DATA:Ne,PARAMS:Ve,SOURCE:Se,COMMON:xe},_e=e.defineComponent(q(U({},Ce),{__name:"monitorSpeedChart",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(c){e.useCssVars(l=>({v15def84e:a.value.bgColor,v5cc752ca:a.value.lineColor,ec05cd9e:a.value.textColor}));const r=g.useLinkStore(),i=c,x=`monitorSpeed_${Date.now()}_${Math.random().toString(36).slice(2,11)}`,C=`modalChart_${Date.now()}_${Math.random().toString(36).slice(2,11)}`,_=`modalTrajectory_${Date.now()}_${Math.random().toString(36).slice(2,11)}`,S=e.ref(!1),E=e.ref("all"),k=e.ref("GNSS55"),w=e.ref([g.dayjs().subtract(1,"day").format("YYYY-MM-DD HH:mm:ss"),g.dayjs().format("YYYY-MM-DD HH:mm:ss")]),Y=e.ref("xy_speed"),M=e.ref("day"),D=e.ref("day");let m=null,p=null,u=null,h=null;const a=e.computed(()=>{var t,o,d,f,y,b,s,N,n,A,L,O;const{options:l}=i.conf||{};return{title:((t=l==null?void 0:l.title)==null?void 0:t.value)||"监测点速度曲线 (24h)",clickable:((o=l==null?void 0:l.clickable)==null?void 0:o.value)!==!1,clickAction:((d=l==null?void 0:l.clickAction)==null?void 0:d.value)||"modal",eventName:((f=l==null?void 0:l.eventName)==null?void 0:f.value)||"onChartClick",targetUrl:((y=l==null?void 0:l.targetUrl)==null?void 0:y.value)||"",modalTitle:((b=l==null?void 0:l.modalTitle)==null?void 0:b.value)||"GNSS 监测数据分析",modalWidth:((s=l==null?void 0:l.modalWidth)==null?void 0:s.value)||1200,modalHeight:((N=l==null?void 0:l.modalHeight)==null?void 0:N.value)||700,bgColor:((n=l==null?void 0:l.bgColor)==null?void 0:n.value)||"#ffffff",textColor:((A=l==null?void 0:l.textColor)==null?void 0:A.value)||"#333333",lineColor:((L=l==null?void 0:l.lineColor)==null?void 0:L.value)||"#ff6b6b",areaColor:((O=l==null?void 0:l.areaColor)==null?void 0:O.value)||"rgba(255, 107, 107, 0.3)"}}),j=e.ref([{index:1,region:"北帮",code:"GNSS55",time:"2026/1/19 10:39:00",baseX:2450.55,baseY:1300.12,baseH:1150,dispX:1.35,dispY:1.01,dispH:.01,dispXY:10.88},{index:2,region:"北帮",code:"GNSS55",time:"2026/1/20 10:39:00",baseX:2450.55,baseY:1300.12,baseH:1150,dispX:1.21,dispY:.91,dispH:.01,dispXY:10.89}]),T=()=>{const l=[],t=g.dayjs();for(let o=24;o>=0;o--){const d=t.subtract(o,"hour"),f=6+Math.sin(o*.5)*2,y=(Math.random()-.5)*2;l.push({time:d.format("MM-DD HH:mm"),value:Math.max(0,f+y)})}return l},z=()=>{const l=T(),t=a.value;return{tooltip:{trigger:"axis",backgroundColor:"rgba(255, 255, 255, 0.95)",borderColor:"#e5e5e5",textStyle:{color:"#333",fontSize:12},formatter:o=>{const d=o[0];return`<div style="padding: 4px 8px;">
+					<div style="font-weight: 600; margin-bottom: 4px;">${d.name}</div>
+					<div style="display: flex; align-items: center; gap: 4px;">
+						<span style="display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: ${t.lineColor};"></span>
+						<span>GNSS55-XY速度(mm/h)</span>
+						<span style="font-weight: 600; margin-left: 8px;">${d.value.toFixed(2)}</span>
+					</div>
+				</div>`}},grid:{left:45,right:15,top:25,bottom:30},xAxis:{type:"category",data:l.map(o=>o.time),axisLabel:{color:"#999",fontSize:10,rotate:45},axisLine:{lineStyle:{color:"#e5e5e5"}},axisTick:{show:!1}},yAxis:{type:"value",name:"速度(mm/h)",nameTextStyle:{color:"#999",fontSize:10},axisLabel:{color:"#999",fontSize:10},axisLine:{show:!1},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}},min:0,max:12},series:[{type:"line",data:l.map(o=>o.value),smooth:!0,symbol:"circle",symbolSize:4,showSymbol:!1,lineStyle:{color:t.lineColor,width:2},areaStyle:{color:t.areaColor},emphasis:{showSymbol:!0,symbolSize:8}}]}},B=()=>{const l=T();return{tooltip:{trigger:"axis",backgroundColor:"rgba(255, 255, 255, 0.95)",borderColor:"#e5e5e5",formatter:t=>{const o=t[0];return`<div style="padding: 8px;">
+					<div style="font-weight: 600; margin-bottom: 6px;">${o.name}</div>
+					<div style="display: flex; align-items: center; gap: 6px;">
+						<span style="display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #4a90d9;"></span>
+						<span>GNSS55-XY速度(mm/h)</span>
+						<span style="font-weight: 600; margin-left: auto;">${o.value.toFixed(2)}</span>
+					</div>
+				</div>`}},legend:{data:["GNSS55-XY速度(mm/h)"],top:5,right:80,textStyle:{color:"#666",fontSize:12}},grid:{left:50,right:30,top:40,bottom:60},dataZoom:[{type:"slider",bottom:10,height:20,handleSize:"80%"}],xAxis:{type:"category",data:l.map(t=>t.time),axisLabel:{color:"#666",fontSize:11,rotate:30},axisLine:{lineStyle:{color:"#ddd"}}},yAxis:{type:"value",name:"值",nameTextStyle:{color:"#666",fontSize:11},axisLabel:{color:"#666",fontSize:11},splitLine:{lineStyle:{color:"#f0f0f0"}}},series:[{name:"GNSS55-XY速度(mm/h)",type:"line",data:l.map(t=>t.value),smooth:!0,symbol:"circle",symbolSize:6,lineStyle:{color:"#4a90d9",width:2},areaStyle:{color:new V.LinearGradient(0,0,0,1,[{offset:0,color:"rgba(74, 144, 217, 0.3)"},{offset:1,color:"rgba(74, 144, 217, 0.05)"}])}}]}},G=()=>{const l=[];for(let t=0;t<=15;t++)l.push([t,t*2+Math.random()*2]);return{tooltip:{trigger:"item",formatter:t=>`ΔX: ${t.data[0].toFixed(2)}mm<br/>ΔY: ${t.data[1].toFixed(2)}mm`},grid:{left:50,right:60,top:30,bottom:50},xAxis:{type:"value",name:"ΔX (mm)",nameLocation:"end",min:0,max:18,axisLabel:{color:"#666"},splitLine:{lineStyle:{color:"#f0f0f0"}}},yAxis:{type:"value",name:"ΔY (mm)",nameLocation:"end",min:0,max:35,axisLabel:{color:"#666"},splitLine:{lineStyle:{color:"#f0f0f0"}}},series:[{type:"line",data:l,smooth:!1,symbol:"circle",symbolSize:8,lineStyle:{color:"#4a90d9",width:2},itemStyle:{color:"#4a90d9"}}],graphic:[{type:"text",right:30,top:10,style:{text:`↑
+北(N)`,fill:"#999",fontSize:12,textAlign:"center"}}]}},R=()=>{if(!a.value.clickable)return;const l=a.value.clickAction,t={componentId:i.uid,componentType:"monitorSpeedChart",title:a.value.title,timestamp:g.dayjs().format("YYYY-MM-DD HH:mm:ss")};switch(console.log("[MonitorSpeedChart] 点击触发, action:",l,"eventData:",t),l){case"modal":F();break;case"event":r.publish("monitorSpeed",{objectId:i.uid,type:"chartClick",fv:t,source:"monitorSpeedChart"}),console.log("[MonitorSpeedChart] 已发送事件:",a.value.eventName);break;case"navigate":a.value.targetUrl&&window.open(a.value.targetUrl,"_blank");break}},F=()=>{S.value=!0,e.nextTick(()=>{const l=document.getElementById(C),t=document.getElementById(_);l&&(p=V.init(l),p.setOption(B())),t&&(u=V.init(t),u.setOption(G()))})},H=()=>{S.value=!1,p==null||p.dispose(),u==null||u.dispose(),p=null,u=null},P=()=>{m&&(m.clear(),m.setOption(z(),!0))};return e.onMounted(()=>{e.nextTick(()=>{const l=document.getElementById(x);l&&(m=V.init(l),m.setOption(z()),h=new ResizeObserver(()=>m==null?void 0:m.resize()),h.observe(l.parentElement))})}),e.onBeforeUnmount(()=>{h==null||h.disconnect(),m==null||m.dispose(),p==null||p.dispose(),u==null||u.dispose()}),e.watch(()=>{var l;return(l=i.conf)==null?void 0:l.options},P,{deep:!0}),(l,t)=>{const o=v.ElOption,d=v.ElSelect,f=v.ElInput,y=v.ElDatePicker,b=v.ElButton,s=v.ElTableColumn,N=v.ElTable;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["monitor-speed-chart",{clickable:a.value.clickable}]),onClick:R},[e.createElementVNode("div",ee,[t[6]||(t[6]=e.createElementVNode("span",{class:"chart-icon"},"📈",-1)),e.createElementVNode("span",te,e.toDisplayString(a.value.title),1),a.value.clickable?(e.openBlock(),e.createElementBlock("span",le,"点击查看详情 →")):e.createCommentVNode("",!0)]),e.createElementVNode("div",{id:x,class:"chart-body"}),S.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.createElementVNode("div",{class:"modal-overlay",onClick:e.withModifiers(H,["self"])},[e.createElementVNode("div",{class:"modal-container",style:e.normalizeStyle({width:a.value.modalWidth+"px",height:a.value.modalHeight+"px"})},[e.createElementVNode("div",oe,[e.createElementVNode("span",ae,e.toDisplayString(a.value.modalTitle||a.value.title)+" - 数据分析",1),e.createElementVNode("button",{class:"modal-close",onClick:H},"×")]),e.createElementVNode("div",ne,[e.createElementVNode("div",ie,[e.createElementVNode("div",re,[t[7]||(t[7]=e.createElementVNode("span",{class:"toolbar-label"},"区域位置:",-1)),e.createVNode(d,{modelValue:E.value,"onUpdate:modelValue":t[0]||(t[0]=n=>E.value=n),size:"small",class:"toolbar-select"},{default:e.withCtx(()=>[e.createVNode(o,{label:"全部区域",value:"all"}),e.createVNode(o,{label:"北帮",value:"north"}),e.createVNode(o,{label:"东帮",value:"east"}),e.createVNode(o,{label:"南帮",value:"south"})]),_:1},8,["modelValue"]),t[8]||(t[8]=e.createElementVNode("span",{class:"toolbar-label"},"监测点:",-1)),e.createVNode(f,{modelValue:k.value,"onUpdate:modelValue":t[1]||(t[1]=n=>k.value=n),size:"small",class:"toolbar-input",placeholder:"GNSS55"},null,8,["modelValue"]),t[9]||(t[9]=e.createElementVNode("span",{class:"toolbar-label"},"时间范围:",-1)),e.createVNode(y,{modelValue:w.value,"onUpdate:modelValue":t[2]||(t[2]=n=>w.value=n),type:"datetimerange",size:"small","start-placeholder":"开始时间","end-placeholder":"结束时间",format:"YYYY/MM/DD HH:mm","value-format":"YYYY-MM-DD HH:mm:ss"},null,8,["modelValue"])]),e.createElementVNode("div",se,[e.createVNode(b,{type:"danger",size:"small"},{default:e.withCtx(()=>[...t[10]||(t[10]=[e.createTextVNode("🗑 清除所有",-1)])]),_:1})])]),e.createElementVNode("div",de,[e.createElementVNode("div",ce,[e.createElementVNode("div",me,[t[12]||(t[12]=e.createElementVNode("span",{class:"section-icon"},"📈",-1)),t[13]||(t[13]=e.createElementVNode("span",{class:"section-title"},"指标时序演变曲线",-1)),e.createVNode(d,{modelValue:Y.value,"onUpdate:modelValue":t[3]||(t[3]=n=>Y.value=n),size:"small",class:"metric-select"},{default:e.withCtx(()=>[e.createVNode(o,{label:"XY速度(mm/h)",value:"xy_speed"}),e.createVNode(o,{label:"X速度(mm/h)",value:"x_speed"}),e.createVNode(o,{label:"Y速度(mm/h)",value:"y_speed"})]),_:1},8,["modelValue"]),e.createVNode(b,{size:"small"},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("📷 导出图像",-1)])]),_:1})]),e.createElementVNode("div",{id:C,class:"section-chart"})]),e.createElementVNode("div",pe,[e.createElementVNode("div",ue,[t[15]||(t[15]=e.createElementVNode("span",{class:"section-icon"},"📍",-1)),t[16]||(t[16]=e.createElementVNode("span",{class:"section-title"},"XY 平面位移矢量轨迹图",-1)),e.createVNode(d,{modelValue:M.value,"onUpdate:modelValue":t[4]||(t[4]=n=>M.value=n),size:"small",class:"mode-select"},{default:e.withCtx(()=>[e.createVNode(o,{label:"按天显示",value:"day"}),e.createVNode(o,{label:"按小时显示",value:"hour"})]),_:1},8,["modelValue"]),e.createVNode(b,{size:"small"},{default:e.withCtx(()=>[...t[14]||(t[14]=[e.createTextVNode("📷 导出图像",-1)])]),_:1})]),e.createElementVNode("div",{id:_,class:"section-chart"})])]),e.createElementVNode("div",be,[e.createElementVNode("div",ve,[t[19]||(t[19]=e.createElementVNode("span",{class:"table-icon"},"📋",-1)),t[20]||(t[20]=e.createElementVNode("span",{class:"table-title"},"监测点历史明细报表",-1)),e.createElementVNode("div",fe,[t[18]||(t[18]=e.createElementVNode("span",null,"显示频率:",-1)),e.createVNode(d,{modelValue:D.value,"onUpdate:modelValue":t[5]||(t[5]=n=>D.value=n),size:"small",class:"freq-select"},{default:e.withCtx(()=>[e.createVNode(o,{label:"按天显示",value:"day"}),e.createVNode(o,{label:"按小时显示",value:"hour"})]),_:1},8,["modelValue"]),e.createVNode(b,{type:"success",size:"small"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode("📤 导出分析报表 (Excel)",-1)])]),_:1})])]),e.createVNode(N,{data:j.value,size:"small",border:"",class:"data-table"},{default:e.withCtx(()=>[e.createVNode(s,{prop:"index",label:"序号",width:"50",align:"center"}),e.createVNode(s,{prop:"region",label:"区域",width:"60",align:"center"}),e.createVNode(s,{prop:"code",label:"编号",width:"80",align:"center"},{default:e.withCtx(({row:n})=>[e.createElementVNode("span",ye,e.toDisplayString(n.code),1)]),_:1}),e.createVNode(s,{prop:"time",label:"时间",width:"140",align:"center"}),e.createVNode(s,{prop:"baseX",label:"基准X",width:"80",align:"center"}),e.createVNode(s,{prop:"baseY",label:"基准Y",width:"80",align:"center"}),e.createVNode(s,{prop:"baseH",label:"基准H",width:"80",align:"center"}),e.createVNode(s,{prop:"dispX",label:"X位移(mm)",width:"90",align:"center"}),e.createVNode(s,{prop:"dispY",label:"Y位移(mm)",width:"90",align:"center"}),e.createVNode(s,{prop:"dispH",label:"H位移(mm)",width:"90",align:"center"}),e.createVNode(s,{prop:"dispXY",label:"XY位移(mm)",width:"100",align:"center"})]),_:1},8,["data"])])])],4)])])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default",{},void 0,!0)],2)}}})),Ee=g._export_sfc(_e,[["__scopeId","data-v-90815d3f"]]);exports.default=Ee;