mixdashboards 1.0.32 → 1.0.39

package/dist/speedCurve-C3pK-zZy.js

@@ -0,0 +1,394 @@
+var le = Object.defineProperty, ie = Object.defineProperties;
+var ce = Object.getOwnPropertyDescriptors;
+var z = Object.getOwnPropertySymbols;
+var de = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
+var K = (p, o, l) => o in p ? le(p, o, { enumerable: !0, configurable: !0, writable: !0, value: l }) : p[o] = l, P = (p, o) => {
+  for (var l in o || (o = {}))
+    de.call(o, l) && K(p, l, o[l]);
+  if (z)
+    for (var l of z(o))
+      ue.call(o, l) && K(p, l, o[l]);
+  return p;
+}, q = (p, o) => ie(p, ce(o));
+var J = (p, o, l) => new Promise((i, g) => {
+  var L = (m) => {
+    try {
+      y(l.next(m));
+    } catch (S) {
+      g(S);
+    }
+  }, C = (m) => {
+    try {
+      y(l.throw(m));
+    } catch (S) {
+      g(S);
+    }
+  }, y = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(L, C);
+  y((l = l.apply(p, o)).next());
+});
+import { defineComponent as me, reactive as fe, ref as Q, computed as Y, watch as pe, onMounted as ve, onUnmounted as ge, openBlock as he, createElementBlock as be, normalizeStyle as R, createElementVNode as b, toDisplayString as j, unref as E, renderSlot as ye } from "vue";
+import "html2canvas";
+import { d as _, _ as Ce } from "./index-kShjySl9.js";
+import { E as Se } from "./EChartComponentBase-BQOhWkz2.js";
+import { a as _e } from "./api-C0GhBpqd.js";
+import "./index-ButoLLAe.js";
+import { A as xe, D as De } from "./ele-lin-icon-Dax-ZiWV.js";
+import { cn as T } from "./echarts-BVht3HHb.js";
+const Ae = { class: "panel-header" }, Ye = { class: "header-left" }, Oe = { class: "header-title" }, Me = { class: "header-right" }, Ne = { class: "chart-area" }, ke = { class: "y-axis-label" }, we = ["id"], je = {
+  DEFAULT_ICON: De,
+  ACTIVE_ICON: xe,
+  NAME_CN: "监测点速度曲线",
+  NAME_EN: "Speed Curve",
+  ORDER: 1
+}, Ee = {
+  title: { value: "监测点速度曲线 (24h)", type: "string", label: "component.speedCurve.title" },
+  yAxisLabel: { value: "速度(mm/h)", type: "string", label: "component.speedCurve.yAxisLabel" },
+  bgColor: { value: "#ffffff", type: "color", label: "setting.bgColor" },
+  lineColor: { value: "#ff6b6b", type: "color", label: "component.speedCurve.lineColor" },
+  gradientStart: { value: "rgba(255, 107, 107, 0.3)", type: "color", label: "component.speedCurve.gradientStart" },
+  gradientEnd: { value: "rgba(255, 107, 107, 0.05)", type: "color", label: "component.speedCurve.gradientEnd" },
+  textColor: { value: "#333333", type: "color", label: "setting.textColor" },
+  jumpUrl: { value: "", type: "string", label: "component.speedCurve.jumpUrl" },
+  // 联动频道配置
+  linkChannel: {
+    value: "gnss",
+    type: "select",
+    label: "联动频道",
+    options: [
+      { label: "GNSS监测", value: "gnss" },
+      { label: "边坡监测", value: "slope" },
+      { label: "设备联动", value: "device" },
+      { label: "告警联动", value: "alarm" },
+      { label: "自定义", value: "custom" }
+    ]
+  },
+  customChannel: {
+    value: "",
+    type: "string",
+    label: "自定义频道名",
+    showWhen: { linkChannel: "custom" }
+  }
+}, Le = [
+  {
+    name: "GNSS55",
+    // 参数名称
+    fv: "speed",
+    // 监听的字段（用于画图取值）
+    fvDeviceName: "deviceId",
+    // 从 fv 中取设备名的字段
+    object_id: ""
+  }
+], Ie = ["name", "fv", "fvDeviceName", "object_id"], $e = ["mosaic", "statistics", "statisticsRealtime"], He = { useAlias: !1, multiObject: !1, source: "mosaic" }, Re = { DEFAULT: je, OPTIONS: Ee, DATA: Le, PARAMS: Ie, SOURCE: $e, COMMON: He }, Te = /* @__PURE__ */ me(q(P({}, Re), {
+  __name: "speedCurve",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(p) {
+    const o = p;
+    class l extends Se {
+      constructor() {
+        super(...arguments), this.currentObjectId = "";
+      }
+      extractStyles() {
+        var r, u, c, v, d, f, x, O, D, M;
+        const { options: e } = this.props.conf, t = ((r = e == null ? void 0 : e.linkChannel) == null ? void 0 : r.value) || "gnss", n = ((u = e == null ? void 0 : e.customChannel) == null ? void 0 : u.value) || "", s = t === "custom" && n ? n : t;
+        return {
+          title: ((c = e == null ? void 0 : e.title) == null ? void 0 : c.value) || "监测点速度曲线 (24h)",
+          yAxisLabel: ((v = e == null ? void 0 : e.yAxisLabel) == null ? void 0 : v.value) || "速度(mm/h)",
+          bgColor: ((d = e == null ? void 0 : e.bgColor) == null ? void 0 : d.value) || "#ffffff",
+          lineColor: ((f = e == null ? void 0 : e.lineColor) == null ? void 0 : f.value) || "#ff6b6b",
+          gradientStart: ((x = e == null ? void 0 : e.gradientStart) == null ? void 0 : x.value) || "rgba(255, 107, 107, 0.3)",
+          gradientEnd: ((O = e == null ? void 0 : e.gradientEnd) == null ? void 0 : O.value) || "rgba(255, 107, 107, 0.05)",
+          textColor: ((D = e == null ? void 0 : e.textColor) == null ? void 0 : D.value) || "#333333",
+          jumpUrl: ((M = e == null ? void 0 : e.jumpUrl) == null ? void 0 : M.value) || "",
+          linkChannel: s
+          // 联动频道
+        };
+      }
+      getChartOption() {
+        const e = this.Style.value, t = this.props.mode === "preview", n = t ? [] : Array.from({ length: 24 }, (r, u) => `${u}h`), s = t ? [] : [1.5, 3.2, 5.1, 6.5, 6.6, 7.2, 7.8, 8.4, 8.9, 9.2, 9.5, 9.8, 10.2, 10.5, 10.3, 10, 9.8, 9.6, 9.5, 9.6, 9.7, 9.8, 9.85, 9.85];
+        return {
+          grid: {
+            top: 40,
+            right: 20,
+            bottom: 30,
+            left: 50
+          },
+          xAxis: {
+            type: "category",
+            data: n,
+            axisLine: { lineStyle: { color: "#e0e0e0" } },
+            axisLabel: { color: e.textColor, fontSize: 12 },
+            axisTick: { show: !1 }
+          },
+          yAxis: {
+            type: "value",
+            axisLine: { show: !1 },
+            axisLabel: { color: e.textColor, fontSize: 12 },
+            splitLine: { lineStyle: { color: "#f0f0f0", type: "dashed" } }
+          },
+          series: [{
+            type: "line",
+            data: s,
+            smooth: !0,
+            symbol: "circle",
+            symbolSize: 6,
+            lineStyle: {
+              color: e.lineColor,
+              width: 2
+            },
+            itemStyle: {
+              color: e.lineColor,
+              borderColor: "#fff",
+              borderWidth: 2
+            },
+            areaStyle: {
+              color: new T(0, 0, 0, 1, [
+                { offset: 0, color: e.gradientStart },
+                { offset: 1, color: e.gradientEnd }
+              ])
+            }
+          }],
+          tooltip: {
+            trigger: "axis",
+            backgroundColor: "rgba(255,255,255,0.95)",
+            borderColor: "#eee",
+            textStyle: { color: "#333" },
+            formatter: (r) => {
+              const u = r[0];
+              return `${u.name}<br/>速度: <strong>${u.value} mm/h</strong>`;
+            }
+          }
+        };
+      }
+      // 处理实时数据（WebSocket 推送）
+      setSocketData(e) {
+        var u, c, v;
+        if (!this.chartObj || !e) return;
+        const t = ((v = (c = (u = this.props.conf) == null ? void 0 : u.data) == null ? void 0 : c[0]) == null ? void 0 : v.fv) || "speed", s = this.getSource() === "mosaic" ? e.datetime : e.start_time, r = this.extractDataValue(e, t);
+        if (r != null && s) {
+          const d = this.formatTimeLabel(s), f = this.chartObj.getOption();
+          f.xAxis[0].data.push(d), f.series[0].data.push(r), f.xAxis[0].data.length > 24 && (f.xAxis[0].data.shift(), f.series[0].data.shift()), this.chartObj.setOption(f);
+        }
+      }
+      // 格式化时间标签：去掉纳秒部分，保留年月日时分秒
+      formatTimeLabel(e) {
+        try {
+          const t = e.split(".");
+          return t.length > 0 ? t[0] : e;
+        } catch (t) {
+          return e;
+        }
+      }
+      // 设置当前订阅的 object_id
+      setCurrentObjectId(e) {
+        this.currentObjectId = e;
+      }
+      // 获取当前订阅的 object_id
+      getCurrentObjectId() {
+        return this.currentObjectId;
+      }
+      // 覆盖基类方法：处理联动事件
+      onLinkEvent(e) {
+        ne(e);
+      }
+    }
+    const i = new l(o, "speedCurve");
+    i.setupLifecycle();
+    const g = i.getStyle(), L = i.getEchartId(), C = fe({ dateRange: [_().subtract(1, "day").format("YYYY/MM/DD HH:mm"), _().format("YYYY/MM/DD HH:mm")] }), y = Q(0), m = Q(null), S = [
+      // GNSS55 - 高速告警数据
+      { name: "GNSS55", speed: 9.85, data: [1.5, 3.2, 5.1, 6.5, 6.6, 7.2, 7.8, 8.4, 8.9, 9.2, 9.5, 9.8, 10.2, 10.5, 10.3, 10, 9.8, 9.6, 9.5, 9.6, 9.7, 9.8, 9.85, 9.85] },
+      // GNSS110 - 中速警告数据
+      { name: "GNSS110", speed: 8.1, data: [2, 2.5, 3, 3.8, 4.5, 5.2, 5.8, 6.3, 6.8, 7.2, 7.5, 7.8, 8, 8.1, 8.1, 8, 7.9, 7.8, 7.9, 8, 8.05, 8.08, 8.1, 8.1] },
+      // GNSS33 - 中低速数据
+      { name: "GNSS33", speed: 5.85, data: [1, 1.5, 2, 2.8, 3.2, 3.8, 4.2, 4.6, 5, 5.3, 5.5, 5.7, 5.8, 5.85, 5.85, 5.8, 5.7, 5.6, 5.5, 5.6, 5.7, 5.8, 5.85, 5.85] },
+      // GNSS143 - 中低速数据
+      { name: "GNSS143", speed: 5.85, data: [0.8, 1.2, 1.8, 2.5, 3, 3.5, 4, 4.5, 5, 5.4, 5.6, 5.8, 5.85, 5.85, 5.8, 5.75, 5.7, 5.65, 5.7, 5.75, 5.8, 5.82, 5.85, 5.85] },
+      // GNSS66 - 低速正常数据
+      { name: "GNSS66", speed: 4.58, data: [0.5, 0.8, 1.2, 1.8, 2.2, 2.6, 3, 3.4, 3.7, 4, 4.2, 4.4, 4.5, 4.55, 4.58, 4.58, 4.55, 4.5, 4.45, 4.48, 4.52, 4.55, 4.58, 4.58] }
+    ], U = Y(() => S[y.value] || S[0]), X = () => {
+      var t;
+      return {
+        deviceNameField: ((((t = o.conf) == null ? void 0 : t.data) || [])[0] || {}).fvDeviceName || "deviceId"
+        // 设备名字段
+      };
+    }, Z = Y(() => {
+      var t, n;
+      const { deviceNameField: a } = X();
+      if (m.value && m.value[a])
+        return m.value[a];
+      const e = (t = o.conf) == null ? void 0 : t.data;
+      return e && e.length > y.value && ((n = e[y.value]) == null ? void 0 : n.name) || U.value.name;
+    }), G = Y(() => {
+      var a;
+      return ((a = m.value) == null ? void 0 : a.alertColor) || "#52c41a";
+    }), ee = Y(() => {
+      var a;
+      return ((a = m.value) == null ? void 0 : a.alertText) || "正常";
+    }), te = Y(() => ({
+      backgroundColor: g.value.bgColor,
+      color: g.value.textColor
+    })), ae = () => {
+      if (o.mode === "edit") return;
+      const a = g.value.jumpUrl;
+      a && window.open(a, "_blank");
+    };
+    pe(() => o.conf, () => {
+      i.init();
+    }, { deep: !0 });
+    const F = () => {
+      var e, t;
+      return ((t = (((e = o.conf) == null ? void 0 : e.data) || [])[0]) == null ? void 0 : t.fv) || "";
+    }, oe = (a) => J(null, null, function* () {
+      var c, v;
+      if (!a || o.mode !== "preview") return;
+      const e = i.getCurrentObjectId();
+      if (e === a) return;
+      console.log(`[speedCurve] 切换订阅: ${e} → ${a}`), i.setCurrentObjectId(a);
+      const t = (c = i.session) == null ? void 0 : c.value, n = o.conf.id;
+      t != null && t.componentRequests && n && t.componentRequests.delete(n);
+      const { data: s, common: r } = o.conf;
+      Array.isArray(s) && s.forEach((d) => {
+        d.object_id = a;
+      }), r != null && r.multiObject || r && (r.object_id = a);
+      try {
+        const d = F() || "speed", f = _(C.dateRange[0], "YYYY/MM/DD HH:mm").format("YYYY-MM-DD HH:mm:ss"), x = _(C.dateRange[1], "YYYY/MM/DD HH:mm").format("YYYY-MM-DD HH:mm:ss"), O = _(C.dateRange[1], "YYYY/MM/DD HH:mm").diff(_(C.dateRange[0], "YYYY/MM/DD HH:mm"), "second"), D = Math.max(60, Math.floor(O / 24)), M = [{
+          block_mapping: "influxdbproxy",
+          action: "get_mosaic_list_with_time_span",
+          start_time: f,
+          end_time: x,
+          time_span: D,
+          time_swing: D,
+          keys: [d],
+          object_id: a
+        }], I = yield new Promise((H) => {
+          _e.platform((N) => {
+            H(N.result);
+          }, {
+            block_mapping: "mixtools",
+            action: "get_tools_mosaic_list",
+            condition: M
+          });
+        }), $ = Array.isArray(I) ? ((v = I[0]) == null ? void 0 : v.data) || I[0] || [] : [];
+        if (Array.isArray($) && $.length > 0) {
+          const H = [...$].sort((h, A) => {
+            const k = h.time || h.datetime || "", w = A.time || A.datetime || "";
+            return new Date(k).getTime() - new Date(w).getTime();
+          }), N = [], B = [];
+          H.forEach((h) => {
+            const A = h.time || h.datetime, k = h[d];
+            if (A && k != null) {
+              const w = parseFloat(k);
+              isNaN(w) || (N.push(A.split(".")[0]), B.push(w));
+            }
+          });
+          const W = N.slice(-24), se = B.slice(-24);
+          if (W.length > 0) {
+            const h = i.getChartInstance();
+            h && h.setOption({
+              xAxis: [{ data: W }],
+              series: [{ data: se }]
+            });
+          }
+        }
+        console.log(`[speedCurve] 历史数据加载完成，时间范围: ${f} ~ ${x}`);
+      } catch (d) {
+        console.warn("[speedCurve] 历史数据获取失败:", d);
+      }
+      t && t.registerComponent({
+        id: n,
+        request: null,
+        onUpdate: (d, f) => {
+          d === "realtime" && i.setSocketData(f);
+        }
+      });
+      const u = i.getSource();
+      i.subscribeBySource(u, a);
+    }), ne = (a) => {
+      var u;
+      console.log("[speedCurve] 收到联动事件:", a);
+      const { payload: e } = a, { objectId: t, deviceId: n } = e;
+      e.dateRange && (C.dateRange = e.dateRange), m.value = e;
+      const s = ((u = o.conf) == null ? void 0 : u.data) || [];
+      let r = null;
+      if (t && (r = s.find((c) => String(c.object_id) === String(t))), !r && n && (r = s.find((c) => c.deviceId === n || c.name === n)), r && e) {
+        const c = r.fv || "speed", v = e[c];
+        console.log(`[speedCurve] 匹配 object_id=${t}, 使用字段 ${c}=${v}`);
+        const d = s.indexOf(r);
+        d !== -1 && (y.value = d), V(e);
+      } else e && V(e);
+      t && oe(t);
+    }, re = (a) => {
+      const e = a.replace("#", ""), t = parseInt(e.substring(0, 2), 16), n = parseInt(e.substring(2, 4), 16), s = parseInt(e.substring(4, 6), 16);
+      return {
+        start: `rgba(${t}, ${n}, ${s}, 0.3)`,
+        end: `rgba(${t}, ${n}, ${s}, 0.05)`
+      };
+    }, V = (a) => {
+      const e = i.getChartInstance();
+      if (!e) return;
+      const t = G.value, n = re(t), s = F() || "speed";
+      a.data && Array.isArray(a.data) ? e.setOption({
+        series: [{
+          data: a.data,
+          lineStyle: { color: t },
+          itemStyle: { color: t, borderColor: "#fff", borderWidth: 2 },
+          areaStyle: {
+            color: new T(0, 0, 0, 1, [
+              { offset: 0, color: n.start },
+              { offset: 1, color: n.end }
+            ])
+          }
+        }]
+      }) : a[s] !== void 0 && (console.log(`[speedCurve] 使用字段 ${s} 的值:`, a[s]), e.setOption({
+        series: [{
+          lineStyle: { color: t },
+          itemStyle: { color: t, borderColor: "#fff", borderWidth: 2 },
+          areaStyle: {
+            color: new T(0, 0, 0, 1, [
+              { offset: 0, color: n.start },
+              { offset: 1, color: n.end }
+            ])
+          }
+        }]
+      }));
+    };
+    return ve(() => {
+      i.init();
+    }), ge(() => {
+      i.cleanup();
+    }), (a, e) => (he(), be("div", {
+      class: "speed-curve-wrapper",
+      style: R(te.value)
+    }, [
+      b("div", Ae, [
+        b("div", Ye, [
+          e[0] || (e[0] = b("div", { class: "header-indicator" }, null, -1)),
+          b("span", Oe, j(E(g).title), 1)
+        ]),
+        b("div", Me, [
+          b("span", {
+            class: "device-name",
+            style: R({ color: G.value })
+          }, j(Z.value) + " - " + j(ee.value), 5)
+        ])
+      ]),
+      b("div", Ne, [
+        b("div", ke, j(E(g).yAxisLabel), 1),
+        b("div", {
+          id: E(L),
+          class: "chart-container",
+          style: R({ cursor: E(g).jumpUrl ? "pointer" : "default" }),
+          onClick: ae
+        }, null, 12, we)
+      ]),
+      ye(a.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), qe = /* @__PURE__ */ Ce(Te, [["__scopeId", "data-v-0568df29"]]);
+export {
+  qe as default
+};

package/dist/speedCurve-CluwNAZl.cjs

@@ -0,0 +1 @@
+"use strict";var ne=Object.defineProperty,re=Object.defineProperties;var oe=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var se=Object.prototype.hasOwnProperty,le=Object.prototype.propertyIsEnumerable;var G=(v,r,i)=>r in v?ne(v,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):v[r]=i,F=(v,r)=>{for(var i in r||(r={}))se.call(r,i)&&G(v,i,r[i]);if(q)for(var i of q(r))le.call(r,i)&&G(v,i,r[i]);return v},z=(v,r)=>re(v,oe(r));var B=(v,r,i)=>new Promise((c,h)=>{var M=f=>{try{b(i.next(f))}catch(_){h(_)}},C=f=>{try{b(i.throw(f))}catch(_){h(_)}},b=f=>f.done?c(f.value):Promise.resolve(f.value).then(M,C);b((i=i.apply(v,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");require("html2canvas");const S=require("./index-Mh5Dw2sd.cjs"),ie=require("./EChartComponentBase-BaQpBzVC.cjs"),ce=require("./api-P_s372dW.cjs");require("./index-mAPVa0s4.cjs");const P=require("./ele-lin-icon-Dke_1AmT.cjs"),w=require("./echarts-BB8O2KSA.cjs"),de={class:"panel-header"},ue={class:"header-left"},me={class:"header-title"},fe={class:"header-right"},pe={class:"chart-area"},ve={class:"y-axis-label"},ge=["id"],he={DEFAULT_ICON:P.DEFAULT_ICON,ACTIVE_ICON:P.ACTIVE_ICON,NAME_CN:"监测点速度曲线",NAME_EN:"Speed Curve",ORDER:1},ye={title:{value:"监测点速度曲线 (24h)",type:"string",label:"component.speedCurve.title"},yAxisLabel:{value:"速度(mm/h)",type:"string",label:"component.speedCurve.yAxisLabel"},bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},lineColor:{value:"#ff6b6b",type:"color",label:"component.speedCurve.lineColor"},gradientStart:{value:"rgba(255, 107, 107, 0.3)",type:"color",label:"component.speedCurve.gradientStart"},gradientEnd:{value:"rgba(255, 107, 107, 0.05)",type:"color",label:"component.speedCurve.gradientEnd"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},jumpUrl:{value:"",type:"string",label:"component.speedCurve.jumpUrl"},linkChannel:{value:"gnss",type:"select",label:"联动频道",options:[{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"设备联动",value:"device"},{label:"告警联动",value:"alarm"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},be=[{name:"GNSS55",fv:"speed",fvDeviceName:"deviceId",object_id:""}],Ce=["name","fv","fvDeviceName","object_id"],Se=["mosaic","statistics","statisticsRealtime"],_e={useAlias:!1,multiObject:!1,source:"mosaic"},xe={DEFAULT:he,OPTIONS:ye,DATA:be,PARAMS:Ce,SOURCE:Se,COMMON:_e},De=n.defineComponent(z(F({},xe),{__name:"speedCurve",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(v){const r=v;class i extends ie.EChartComponentBase{constructor(){super(...arguments),this.currentObjectId=""}extractStyles(){var s,m,d,g,u,p,x,A,D,E;const{options:e}=this.props.conf,t=((s=e==null?void 0:e.linkChannel)==null?void 0:s.value)||"gnss",o=((m=e==null?void 0:e.customChannel)==null?void 0:m.value)||"",l=t==="custom"&&o?o:t;return{title:((d=e==null?void 0:e.title)==null?void 0:d.value)||"监测点速度曲线 (24h)",yAxisLabel:((g=e==null?void 0:e.yAxisLabel)==null?void 0:g.value)||"速度(mm/h)",bgColor:((u=e==null?void 0:e.bgColor)==null?void 0:u.value)||"#ffffff",lineColor:((p=e==null?void 0:e.lineColor)==null?void 0:p.value)||"#ff6b6b",gradientStart:((x=e==null?void 0:e.gradientStart)==null?void 0:x.value)||"rgba(255, 107, 107, 0.3)",gradientEnd:((A=e==null?void 0:e.gradientEnd)==null?void 0:A.value)||"rgba(255, 107, 107, 0.05)",textColor:((D=e==null?void 0:e.textColor)==null?void 0:D.value)||"#333333",jumpUrl:((E=e==null?void 0:e.jumpUrl)==null?void 0:E.value)||"",linkChannel:l}}getChartOption(){const e=this.Style.value,t=this.props.mode==="preview",o=t?[]:Array.from({length:24},(s,m)=>`${m}h`),l=t?[]:[1.5,3.2,5.1,6.5,6.6,7.2,7.8,8.4,8.9,9.2,9.5,9.8,10.2,10.5,10.3,10,9.8,9.6,9.5,9.6,9.7,9.8,9.85,9.85];return{grid:{top:40,right:20,bottom:30,left:50},xAxis:{type:"category",data:o,axisLine:{lineStyle:{color:"#e0e0e0"}},axisLabel:{color:e.textColor,fontSize:12},axisTick:{show:!1}},yAxis:{type:"value",axisLine:{show:!1},axisLabel:{color:e.textColor,fontSize:12},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}},series:[{type:"line",data:l,smooth:!0,symbol:"circle",symbolSize:6,lineStyle:{color:e.lineColor,width:2},itemStyle:{color:e.lineColor,borderColor:"#fff",borderWidth:2},areaStyle:{color:new w.LinearGradient(0,0,0,1,[{offset:0,color:e.gradientStart},{offset:1,color:e.gradientEnd}])}}],tooltip:{trigger:"axis",backgroundColor:"rgba(255,255,255,0.95)",borderColor:"#eee",textStyle:{color:"#333"},formatter:s=>{const m=s[0];return`${m.name}<br/>速度: <strong>${m.value} mm/h</strong>`}}}}setSocketData(e){var m,d,g;if(!this.chartObj||!e)return;const t=((g=(d=(m=this.props.conf)==null?void 0:m.data)==null?void 0:d[0])==null?void 0:g.fv)||"speed",l=this.getSource()==="mosaic"?e.datetime:e.start_time,s=this.extractDataValue(e,t);if(s!=null&&l){const u=this.formatTimeLabel(l),p=this.chartObj.getOption();p.xAxis[0].data.push(u),p.series[0].data.push(s),p.xAxis[0].data.length>24&&(p.xAxis[0].data.shift(),p.series[0].data.shift()),this.chartObj.setOption(p)}}formatTimeLabel(e){try{const t=e.split(".");return t.length>0?t[0]:e}catch(t){return e}}setCurrentObjectId(e){this.currentObjectId=e}getCurrentObjectId(){return this.currentObjectId}onLinkEvent(e){ee(e)}}const c=new i(r,"speedCurve");c.setupLifecycle();const h=c.getStyle(),M=c.getEchartId(),C=n.reactive({dateRange:[S.dayjs().subtract(1,"day").format("YYYY/MM/DD HH:mm"),S.dayjs().format("YYYY/MM/DD HH:mm")]}),b=n.ref(0),f=n.ref(null),_=[{name:"GNSS55",speed:9.85,data:[1.5,3.2,5.1,6.5,6.6,7.2,7.8,8.4,8.9,9.2,9.5,9.8,10.2,10.5,10.3,10,9.8,9.6,9.5,9.6,9.7,9.8,9.85,9.85]},{name:"GNSS110",speed:8.1,data:[2,2.5,3,3.8,4.5,5.2,5.8,6.3,6.8,7.2,7.5,7.8,8,8.1,8.1,8,7.9,7.8,7.9,8,8.05,8.08,8.1,8.1]},{name:"GNSS33",speed:5.85,data:[1,1.5,2,2.8,3.2,3.8,4.2,4.6,5,5.3,5.5,5.7,5.8,5.85,5.85,5.8,5.7,5.6,5.5,5.6,5.7,5.8,5.85,5.85]},{name:"GNSS143",speed:5.85,data:[.8,1.2,1.8,2.5,3,3.5,4,4.5,5,5.4,5.6,5.8,5.85,5.85,5.8,5.75,5.7,5.65,5.7,5.75,5.8,5.82,5.85,5.85]},{name:"GNSS66",speed:4.58,data:[.5,.8,1.2,1.8,2.2,2.6,3,3.4,3.7,4,4.2,4.4,4.5,4.55,4.58,4.58,4.55,4.5,4.45,4.48,4.52,4.55,4.58,4.58]}],T=n.computed(()=>_[b.value]||_[0]),W=()=>{var t;return{deviceNameField:((((t=r.conf)==null?void 0:t.data)||[])[0]||{}).fvDeviceName||"deviceId"}},K=n.computed(()=>{var t,o;const{deviceNameField:a}=W();if(f.value&&f.value[a])return f.value[a];const e=(t=r.conf)==null?void 0:t.data;return e&&e.length>b.value&&((o=e[b.value])==null?void 0:o.name)||T.value.name}),$=n.computed(()=>{var a;return((a=f.value)==null?void 0:a.alertColor)||"#52c41a"}),J=n.computed(()=>{var a;return((a=f.value)==null?void 0:a.alertText)||"正常"}),Q=n.computed(()=>({backgroundColor:h.value.bgColor,color:h.value.textColor})),X=()=>{if(r.mode==="edit")return;const a=h.value.jumpUrl;a&&window.open(a,"_blank")};n.watch(()=>r.conf,()=>{c.init()},{deep:!0});const H=()=>{var e,t;return((t=(((e=r.conf)==null?void 0:e.data)||[])[0])==null?void 0:t.fv)||""},Z=a=>B(null,null,function*(){var d,g;if(!a||r.mode!=="preview")return;const e=c.getCurrentObjectId();if(e===a)return;console.log(`[speedCurve] 切换订阅: ${e} → ${a}`),c.setCurrentObjectId(a);const t=(d=c.session)==null?void 0:d.value,o=r.conf.id;t!=null&&t.componentRequests&&o&&t.componentRequests.delete(o);const{data:l,common:s}=r.conf;Array.isArray(l)&&l.forEach(u=>{u.object_id=a}),s!=null&&s.multiObject||s&&(s.object_id=a);try{const u=H()||"speed",p=S.dayjs(C.dateRange[0],"YYYY/MM/DD HH:mm").format("YYYY-MM-DD HH:mm:ss"),x=S.dayjs(C.dateRange[1],"YYYY/MM/DD HH:mm").format("YYYY-MM-DD HH:mm:ss"),A=S.dayjs(C.dateRange[1],"YYYY/MM/DD HH:mm").diff(S.dayjs(C.dateRange[0],"YYYY/MM/DD HH:mm"),"second"),D=Math.max(60,Math.floor(A/24)),E=[{block_mapping:"influxdbproxy",action:"get_mosaic_list_with_time_span",start_time:p,end_time:x,time_span:D,time_swing:D,keys:[u],object_id:a}],L=yield new Promise(k=>{ce.api.platform(O=>{k(O.result)},{block_mapping:"mixtools",action:"get_tools_mosaic_list",condition:E})}),I=Array.isArray(L)?((g=L[0])==null?void 0:g.data)||L[0]||[]:[];if(Array.isArray(I)&&I.length>0){const k=[...I].sort((y,N)=>{const Y=y.time||y.datetime||"",j=N.time||N.datetime||"";return new Date(Y).getTime()-new Date(j).getTime()}),O=[],R=[];k.forEach(y=>{const N=y.time||y.datetime,Y=y[u];if(N&&Y!=null){const j=parseFloat(Y);isNaN(j)||(O.push(N.split(".")[0]),R.push(j))}});const U=O.slice(-24),ae=R.slice(-24);if(U.length>0){const y=c.getChartInstance();y&&y.setOption({xAxis:[{data:U}],series:[{data:ae}]})}}console.log(`[speedCurve] 历史数据加载完成，时间范围: ${p} ~ ${x}`)}catch(u){console.warn("[speedCurve] 历史数据获取失败:",u)}t&&t.registerComponent({id:o,request:null,onUpdate:(u,p)=>{u==="realtime"&&c.setSocketData(p)}});const m=c.getSource();c.subscribeBySource(m,a)}),ee=a=>{var m;console.log("[speedCurve] 收到联动事件:",a);const{payload:e}=a,{objectId:t,deviceId:o}=e;e.dateRange&&(C.dateRange=e.dateRange),f.value=e;const l=((m=r.conf)==null?void 0:m.data)||[];let s=null;if(t&&(s=l.find(d=>String(d.object_id)===String(t))),!s&&o&&(s=l.find(d=>d.deviceId===o||d.name===o)),s&&e){const d=s.fv||"speed",g=e[d];console.log(`[speedCurve] 匹配 object_id=${t}, 使用字段 ${d}=${g}`);const u=l.indexOf(s);u!==-1&&(b.value=u),V(e)}else e&&V(e);t&&Z(t)},te=a=>{const e=a.replace("#",""),t=parseInt(e.substring(0,2),16),o=parseInt(e.substring(2,4),16),l=parseInt(e.substring(4,6),16);return{start:`rgba(${t}, ${o}, ${l}, 0.3)`,end:`rgba(${t}, ${o}, ${l}, 0.05)`}},V=a=>{const e=c.getChartInstance();if(!e)return;const t=$.value,o=te(t),l=H()||"speed";a.data&&Array.isArray(a.data)?e.setOption({series:[{data:a.data,lineStyle:{color:t},itemStyle:{color:t,borderColor:"#fff",borderWidth:2},areaStyle:{color:new w.LinearGradient(0,0,0,1,[{offset:0,color:o.start},{offset:1,color:o.end}])}}]}):a[l]!==void 0&&(console.log(`[speedCurve] 使用字段 ${l} 的值:`,a[l]),e.setOption({series:[{lineStyle:{color:t},itemStyle:{color:t,borderColor:"#fff",borderWidth:2},areaStyle:{color:new w.LinearGradient(0,0,0,1,[{offset:0,color:o.start},{offset:1,color:o.end}])}}]}))};return n.onMounted(()=>{c.init()}),n.onUnmounted(()=>{c.cleanup()}),(a,e)=>(n.openBlock(),n.createElementBlock("div",{class:"speed-curve-wrapper",style:n.normalizeStyle(Q.value)},[n.createElementVNode("div",de,[n.createElementVNode("div",ue,[e[0]||(e[0]=n.createElementVNode("div",{class:"header-indicator"},null,-1)),n.createElementVNode("span",me,n.toDisplayString(n.unref(h).title),1)]),n.createElementVNode("div",fe,[n.createElementVNode("span",{class:"device-name",style:n.normalizeStyle({color:$.value})},n.toDisplayString(K.value)+" - "+n.toDisplayString(J.value),5)])]),n.createElementVNode("div",pe,[n.createElementVNode("div",ve,n.toDisplayString(n.unref(h).yAxisLabel),1),n.createElementVNode("div",{id:n.unref(M),class:"chart-container",style:n.normalizeStyle({cursor:n.unref(h).jumpUrl?"pointer":"default"}),onClick:X},null,12,ge)]),n.renderSlot(a.$slots,"default",{},void 0,!0)],4))}})),Ne=S._export_sfc(De,[["__scopeId","data-v-0568df29"]]);exports.default=Ne;

package/dist/staticLine-C6tGGXcN.cjs

@@ -0,0 +1 @@
+"use strict";var ee=Object.defineProperty,te=Object.defineProperties;var ae=Object.getOwnPropertyDescriptors;var z=Object.getOwnPropertySymbols;var le=Object.prototype.hasOwnProperty,ie=Object.prototype.propertyIsEnumerable;var T=(c,r,n)=>r in c?ee(c,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):c[r]=n,j=(c,r)=>{for(var n in r||(r={}))le.call(r,n)&&T(c,n,r[n]);if(z)for(var n of z(r))ie.call(r,n)&&T(c,n,r[n]);return c},H=(c,r)=>te(c,ae(r));var g=(c,r,n)=>new Promise((_,v)=>{var u=d=>{try{S(n.next(d))}catch(s){v(s)}},E=d=>{try{S(n.throw(d))}catch(s){v(s)}},S=d=>d.done?_(d.value):Promise.resolve(d.value).then(u,E);S((n=n.apply(c,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const e=require("vue"),R=require("./element-resize-detector-Bo5uDQAu.cjs"),k=require("./index-Mh5Dw2sd.cjs"),x=require("./composite-Cf24lSyN.cjs"),w=require("./api-P_s372dW.cjs"),F=require("./ele-lin-icon-Dke_1AmT.cjs"),oe=require("./install-C8buXQPI.cjs"),D=require("./installCanvasRenderer-CyhM1Qpl.cjs"),ne=require("./install-CltTFs4e.cjs"),re=require("./install-BRjgycz_.cjs"),se=require("./install-CYwVETsi.cjs"),J=require("./echarts-BB8O2KSA.cjs"),ce={class:"mix-title"},ue={class:"text-[14px] font-semibold"},de={class:"title-right"},pe={DEFAULT_ICON:F.DEFAULT_ICON,ACTIVE_ICON:F.ACTIVE_ICON,NAME_CN:"统计曲线",NAME_EN:"Statistical curve",ORDER:5},me={bgColor:"#fff",radiusSize:8,block:{value:"object",type:"select",options:[...x.statisticOptions],label:"component.pro.projectResult"}},ve={DEFAULT:pe,OPTIONS:me},fe=e.defineComponent(H(j({},ve),{__name:"staticLine",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(c){D.use([oe.install,D.install,ne.install,re.install,D.install$1,se.install]);const r="staticLine_"+Math.random().toString(16).substring(4,12);let n=null,_=null,v=null,u={project:"",object:"",date:""};const E=c;class S extends R.BaseComponent{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),radiusSize:this.getOptionValue("radiusSize",4),block:this.getOptionValue("block","object")}}init(){super.init(),e.nextTick(()=>{let t=document.querySelector("#"+r);t&&(n=J.init(t),_=R.elementResizeDetectorMaker({strategy:"scroll"}),_.listenTo(t,()=>n==null?void 0:n.resize()),n.setOption(Y(),!0))})}onPreview(){return g(this,null,function*(){var t;C.value=yield G(),u=localStorage.getItem(this.Style.value.block)?JSON.parse(localStorage.getItem(this.Style.value.block)||"{}"):u,p.value=u.project||((t=C.value[0])==null?void 0:t.uid),u.project=p.value,I(p.value,"init")})}cleanup(){v&&clearInterval(v),_&&_.uninstall(document.querySelector("#"+r)),n&&n.clear(),n&&J.dispose(n),n=null}}const d=new S(E,"staticLine");d.setupLifecycle();const s=d.getStyle(),U=o=>{u.object=o,V()},$=o=>{u.date=o,V()},V=o=>g(null,null,function*(){let t=j({page_index:1,page_size:9999},x.lineResultMapping[s.value.block]);if(s.value.block==="object")t.start_time=O().start,t.end_time=O().end,t.keys=m.value,t.object_id=p.value;else{let a=["statistic","calculate"].includes(s.value.block)?"script_uid":"project_uid",l=x.timeFieldMapping[s.value.block]||"created";t.where_and=JSON.stringify([[l,">=",O().start],[l,"<=",O().end],[a,"=",p.value]]),s.value.block==="statistic"&&(t.where_in=JSON.stringify([["object_id",m.value.join(",")]]))}const{result:i}=yield new Promise(a=>{w.api.platform(l=>a(l),t)});localStorage.setItem(s.value.block,JSON.stringify(u)),M.value=X[s.value.block](i),n==null||n.setOption(Y(),!0),o||(v&&clearInterval(v),v=setInterval(()=>V(!0),3e4))}),f=e.ref("1hour"),O=()=>{if(f.value=u.date||f.value,f.value.includes("hour")){let o=k.dayjs().valueOf()-36e5*Number(f.value[0]);return{start:k.dayjs(o).format("YYYY-MM-DD HH:mm:ss"),end:k.dayjs().format("YYYY-MM-DD HH:mm:ss")}}return{start:k.dayjs().startOf(f.value).format("YYYY-MM-DD HH:mm:ss"),end:k.dayjs().endOf(f.value).format("YYYY-MM-DD HH:mm:ss")}},M=e.ref({}),Y=()=>{let o=[];for(let t in M.value)o.push({name:M.value[t].name,type:"line",data:M.value[t].data});return{tooltip:{trigger:"axis"},grid:{left:"20",right:"20",bottom:"20",top:"30",containLabel:!0},xAxis:{type:"time",axisLabel:{formatter:{hour:"{HH}:00",day:"{M}月{d}日",month:"{YYYY}年{MM}月"}}},yAxis:{type:"value",splitLine:{lineStyle:{type:"dashed"}}},series:o}},G=()=>g(null,null,function*(){let o=j({},x.lineProjectMapping[s.value.block]);s.value.block==="object"&&(o.need_mosaic=!0);const{result:t}=yield new Promise(i=>{w.api.platform(a=>i(a),o)});return t.data}),C=e.ref([]),p=e.ref(""),q=e.ref(""),m=e.ref([]),N=e.ref([]),I=(o,t)=>g(null,null,function*(){n&&n.clear(),m.value=[];let i=C.value.find(a=>a.uid===o);if(q.value=(i==null?void 0:i.name)||"",u.project=o,!["calculate"].includes(s.value.block)){if(N.value=yield Z[s.value.block](i),!N.value.length)return;m.value=t==="init"?u.object:[N.value[0].uid],u.object=m.value}V()});let B={};const K=()=>g(null,null,function*(){let o=[],t={block_mapping:"object",action:"get_object_item",uid:p.value};const{result:i}=yield new Promise(a=>{w.api.platform(l=>a(l),t)});return i.object_fv_map&&i.object_fv_map[p.value].forEach(a=>{B[a.fv]=a.label_local,o.push({name:a.label_local,uid:a.fv})}),o}),y=o=>g(null,null,function*(){let t=o.object_list;if(!t)return[];typeof t=="string"&&(t=JSON.parse(t));let i=j({where_in:JSON.stringify([["uid",t.join(",")]])},x.projectMapping.object);const{result:a}=yield new Promise(l=>{w.api.platform(b=>l(b),i)});return a.data}),Q=o=>g(null,null,function*(){let t=j({where_and:JSON.stringify([["uid","=",o.balance_id]])},x.projectMapping.balance);const{result:i}=yield new Promise(a=>{w.api.platform(l=>a(l),t)});return y(i.data[0])}),W=o=>{var i,a;let t={};m.value.forEach(l=>{t[l]={name:B[l],data:[]}});for(let l in t)(a=(i=o[l])==null?void 0:i.data)==null||a.forEach((b,L)=>{t[l].data.push([o[l].datetime[L],b])});return t},h=o=>{let t=o.data,i={};return m.value.forEach(a=>{var l;i[a]={name:(l=N.value.find(b=>b.uid===a))==null?void 0:l.name,data:[]}}),t==null||t.forEach(a=>{var l,b,L;E.conf.module==="deviation"?(b=i[a.object_id])==null||b.data.push([a.created,(l=a.data)==null?void 0:l.Dev]):(L=i[a.object_id])==null||L.data.push([a.created,a.data["#_data"]])}),i},P=o=>{let t=o.data,i={};return t.forEach(a=>{i[a.object_id]?i[a.object_id].data.push([a.created,a.data]):i[a.object_id]={name:a.object_name,data:[[a.created,a.data]]}}),i},X={object:W,statistic:P,calculate:P,index:h,balance:h,increment:h,risk:h,stability:h,deviation:h},Z={object:K,statistic:y,index:y,balance:y,increment:Q,risk:y,stability:y,deviation:y};return(o,t)=>{const i=A.ElOption,a=A.ElSelect;return e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({background:e.unref(s).bgColor,borderRadius:`${e.unref(s).radiusSize}px`})},[e.createElementVNode("div",ce,[e.createElementVNode("div",ue,e.toDisplayString(q.value),1),e.createElementVNode("div",de,[e.createVNode(a,{modelValue:p.value,"onUpdate:modelValue":t[0]||(t[0]=l=>p.value=l),style:{"max-width":"150px","margin-right":"12px"},filterable:"",onChange:I,virtual:!1,size:"small"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(C.value,l=>(e.openBlock(),e.createBlock(i,{key:l.uid,value:l.uid,label:l.name},null,8,["value","label"]))),128))]),_:1},8,["modelValue"]),e.unref(s).block!=="calculate"?(e.openBlock(),e.createBlock(a,{key:0,modelValue:m.value,"onUpdate:modelValue":t[1]||(t[1]=l=>m.value=l),style:{"min-width":"160px","max-width":"240px","margin-right":"12px"},onChange:U,filterable:"",multiple:"","collapse-tags":!0,"max-collapse-tags":1,virtual:!1,size:"small"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,l=>(e.openBlock(),e.createBlock(i,{key:l.uid,value:l.uid,label:l.name},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.name),1)]),_:2},1032,["value","label"]))),128))]),_:1},8,["modelValue"])):e.createCommentVNode("",!0),e.createVNode(a,{modelValue:f.value,"onUpdate:modelValue":t[2]||(t[2]=l=>f.value=l),style:{"min-width":"80px !important","max-width":"100px"},onChange:$,size:"small"},{default:e.withCtx(()=>[e.createVNode(i,{value:"1hour",key:"1hour",label:"1小时"}),e.createVNode(i,{value:"6hour",key:"6hour",label:"6小时"}),e.createVNode(i,{value:"day",key:"day",label:"当天"}),e.createVNode(i,{value:"week",key:"week",label:"本周"}),e.createVNode(i,{value:"month",key:"month",label:"本月"})]),_:1},8,["modelValue"])])]),e.createElementVNode("div",{class:"mix-body"},[e.createElementVNode("div",{id:r,style:{width:"100%",height:"100%"}})]),e.renderSlot(o.$slots,"default",{},void 0,!0)],4)}}})),be=k._export_sfc(fe,[["__scopeId","data-v-96fc2d1a"]]);exports.default=be;