mixdashboards 1.0.32 → 1.0.39

package/dist/slopeStability-C5RqZ1im.js

@@ -0,0 +1,331 @@
+var J = Object.defineProperty, X = Object.defineProperties;
+var Y = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var Z = Object.prototype.hasOwnProperty, tt = Object.prototype.propertyIsEnumerable;
+var V = (f, a, p) => a in f ? J(f, a, { enumerable: !0, configurable: !0, writable: !0, value: p }) : f[a] = p, L = (f, a) => {
+  for (var p in a || (a = {}))
+    Z.call(a, p) && V(f, p, a[p]);
+  if (N)
+    for (var p of N(a))
+      tt.call(a, p) && V(f, p, a[p]);
+  return f;
+}, P = (f, a) => X(f, Y(a));
+import { defineComponent as et, useCssVars as at, unref as i, ref as D, computed as R, onMounted as lt, nextTick as U, watch as ot, openBlock as m, createElementBlock as x, createElementVNode as e, createStaticVNode as st, toDisplayString as y, withDirectives as B, vModelText as O, Fragment as F, renderList as z, normalizeStyle as w, normalizeClass as nt, createBlock as it, Teleport as rt, withModifiers as ct, createCommentVNode as W, renderSlot as dt } from "vue";
+import "html2canvas";
+import { i as ut, j as ft } from "./element-resize-detector-DJcsrJ8s.js";
+import { _ as pt } from "./index-kShjySl9.js";
+import { E as vt } from "./EChartComponentBase-BQOhWkz2.js";
+import "./index-ButoLLAe.js";
+import { A as bt, D as ht } from "./ele-bar-icon-C-GiCs2a.js";
+import { i as mt } from "./echarts-BVht3HHb.js";
+const yt = { class: "slope-stability-wrapper" }, gt = { class: "panel-header" }, Ct = { class: "header-left" }, _t = { class: "header-title" }, St = { class: "search-bar" }, xt = ["placeholder"], Dt = { class: "date-picker-row" }, wt = { class: "date-picker-item" }, kt = { class: "date-picker-item" }, Et = { class: "chart-area" }, Bt = ["id"], Ot = { class: "action-buttons" }, jt = ["onClick"], It = { class: "detail-title" }, Mt = { class: "detail-modal-body" }, At = { class: "detail-summary" }, Tt = { class: "detail-list" }, $t = { class: "detail-list-body" }, Nt = {
+  key: 0,
+  class: "no-data"
+}, Vt = {
+  DEFAULT_ICON: ht,
+  ACTIVE_ICON: bt,
+  NAME_CN: "边坡稳定性分区",
+  NAME_EN: "Slope Stability",
+  ORDER: 7
+}, Lt = {
+  title: { value: "边坡稳定性分区", type: "string", label: "component.slopeStability.title" },
+  realtimeBtnText: { value: "实时更新", type: "string", label: "component.slopeStability.realtimeBtnText" },
+  searchPlaceholder: { value: "搜索区域、编号...", type: "string", label: "component.slopeStability.searchPlaceholder" },
+  bgColor: { value: "#1a2a3a", type: "color", label: "setting.bgColor" },
+  borderColor: { value: "#2a4a6a", type: "color", label: "component.slopeStability.borderColor" },
+  textColor: { value: "#ffffff", type: "color", label: "setting.textColor" },
+  accentColor: { value: "#00d4ff", type: "color", label: "component.slopeStability.accentColor" },
+  glowEffect: { value: !0, type: "checkbox", label: "component.slopeStability.glowEffect" },
+  glowIntensity: { value: 10, type: "number", label: "component.slopeStability.glowIntensity", min: 0, max: 30, step: 1 }
+}, Pt = [
+  { name: "稳定", fv: "stable_percent", object_id: "", value: 62.5, color: "#2ecc71" },
+  { name: "基本稳定", fv: "basic_stable_percent", object_id: "", value: 28.3, color: "#f39c12" },
+  { name: "欠稳定", fv: "unstable_percent", object_id: "", value: 9.2, color: "#e74c3c" }
+], Rt = ["name", "fv", "object_id", "color"], Ut = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Ft = { useAlias: !1, multiObject: !1, source: "mosaic" }, zt = { DEFAULT: Vt, OPTIONS: Lt, DATA: Pt, PARAMS: Rt, SOURCE: Ut, COMMON: Ft }, Wt = /* @__PURE__ */ et(P(L({}, zt), {
+  __name: "slopeStability",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(f) {
+    at((l) => ({
+      v2bb23b66: i(r).bgColor,
+      v3c59c7df: i(r).borderColor,
+      c1e1bd04: i(r).textColor,
+      v69378bfe: i(r).accentColor,
+      aa2438de: i(r).glowEffect ? `drop-shadow(0 0 ${i(r).glowIntensity}px ${i(r).accentColor})` : "none",
+      v3439c444: i(r).glowEffect ? `0 0 ${i(r).glowIntensity}px ${i(r).accentColor}` : "none",
+      v53d35d5a: i(r).glowEffect ? `0 0 ${i(r).glowIntensity}px ${i(r).accentColor}40` : "none"
+    }));
+    const a = f;
+    class p extends vt {
+      extractStyles() {
+        var d, b, s, u, c, o, n, v, h, S, $;
+        const { options: t } = this.props.conf;
+        return {
+          title: ((d = t == null ? void 0 : t.title) == null ? void 0 : d.value) || "边坡稳定性分区",
+          realtimeBtnText: ((b = t == null ? void 0 : t.realtimeBtnText) == null ? void 0 : b.value) || "实时更新",
+          searchPlaceholder: ((s = t == null ? void 0 : t.searchPlaceholder) == null ? void 0 : s.value) || "搜索区域、编号...",
+          bgColor: ((u = t == null ? void 0 : t.bgColor) == null ? void 0 : u.value) || "#1a2a3a",
+          borderColor: ((c = t == null ? void 0 : t.borderColor) == null ? void 0 : c.value) || "#2a4a6a",
+          textColor: ((o = t == null ? void 0 : t.textColor) == null ? void 0 : o.value) || "#ffffff",
+          accentColor: ((n = t == null ? void 0 : t.accentColor) == null ? void 0 : n.value) || "#00d4ff",
+          glowEffect: (h = (v = t == null ? void 0 : t.glowEffect) == null ? void 0 : v.value) != null ? h : !0,
+          glowIntensity: ($ = (S = t == null ? void 0 : t.glowIntensity) == null ? void 0 : S.value) != null ? $ : 10
+        };
+      }
+      getDefaultData() {
+        return [
+          { name: "稳定", fv: "stable_percent", object_id: "", value: 62.5, color: "#2ecc71" },
+          { name: "基本稳定", fv: "basic_stable_percent", object_id: "", value: 28.3, color: "#f39c12" },
+          { name: "欠稳定", fv: "unstable_percent", object_id: "", value: 9.2, color: "#e74c3c" }
+        ];
+      }
+      getChartOption() {
+        var u;
+        let t = (u = this.props.conf) == null ? void 0 : u.data;
+        (!t || t.length === 0) && (t = this.getDefaultData());
+        const d = t.map((c) => c.name), b = t.map((c) => {
+          var o;
+          return (o = c.value) != null ? o : 0;
+        }), s = t.map((c) => c.color || "#4162ff");
+        return {
+          grid: { left: 50, right: 20, top: 30, bottom: 30 },
+          xAxis: {
+            type: "category",
+            data: d,
+            axisLine: { lineStyle: { color: "#2a4a6a" } },
+            axisLabel: { color: "#ffffff", fontSize: 12 }
+          },
+          yAxis: {
+            type: "value",
+            max: 100,
+            axisLine: { show: !1 },
+            splitLine: { lineStyle: { color: "#2a4a6a", type: "dashed" } },
+            axisLabel: {
+              color: "#ffffff",
+              fontSize: 12,
+              formatter: "{value}%"
+            }
+          },
+          series: [{
+            type: "bar",
+            data: b.map((c, o) => ({
+              value: c,
+              itemStyle: { color: s[o] }
+            })),
+            barWidth: "40%",
+            label: {
+              show: !0,
+              position: "top",
+              color: "#ffffff",
+              fontSize: 14,
+              fontWeight: "bold",
+              formatter: "{c}%"
+            }
+          }]
+        };
+      }
+      setHistoryData(t) {
+        const { data: d, common: b } = this.props.conf, s = b.source || "mosaic";
+        if (!d.some((o) => o.object_id && o.fv)) return;
+        ["statistics", "calculate"].includes(s) && (t = ut(t, d));
+        let c = ft(t, this.props, "history");
+        d.forEach((o, n) => {
+          var v, h;
+          if (!(!o.object_id || !o.fv))
+            try {
+              const S = (h = (v = c.history[n]) == null ? void 0 : v[0]) == null ? void 0 : h[o.fv];
+              S != null && (o.value = S);
+            } catch (S) {
+            }
+        }), this.updateChartData();
+      }
+      setSocketData(t) {
+        if (!t) return;
+        const { data: d } = this.props.conf;
+        d.some((s) => s.object_id && s.fv) && (d.forEach((s) => {
+          if (!s.object_id || !s.fv) return;
+          const u = this.extractDataValue(t, s.fv);
+          u != null && (s.value = u);
+        }), this.updateChartData());
+      }
+      updateChartData() {
+        this.chartObj && this.chartObj.setOption(this.getChartOption());
+      }
+    }
+    const g = new p(a, "slopeStability");
+    (!a.conf.data || a.conf.data.length === 0) && (a.conf.data = g.getDefaultData()), g.setupLifecycle();
+    const r = g.getStyle(), j = g.getEchartId(), k = D(""), I = D(""), M = D(""), C = D(null), E = D(!1), _ = R(() => {
+      var l, t;
+      return C.value === null ? null : ((t = (l = a.conf) == null ? void 0 : l.data) == null ? void 0 : t[C.value]) || null;
+    }), A = R(() => {
+      if (C.value === null) return [];
+      const t = C.value * 2 + 1;
+      return [
+        { id: `BP-${String(t).padStart(3, "0")}`, time: "2025-12-16 10:30" },
+        { id: `BP-${String(t + 1).padStart(3, "0")}`, time: "2025-12-16 10:25" },
+        { id: `BP-${String(t + 10).padStart(3, "0")}`, time: "2025-12-16 10:20" }
+      ];
+    }), H = (l) => ({
+      background: `${l}30`,
+      color: l,
+      border: `1px solid ${l}`
+    }), K = () => console.log("实时更新"), Q = () => console.log("搜索:", k.value), q = () => {
+      k.value = "";
+    }, G = (l) => {
+      C.value = l, E.value = !0;
+    }, T = () => {
+      E.value = !1, C.value = null;
+    };
+    return lt(() => {
+      U(() => {
+        const l = document.getElementById(j);
+        if (l) {
+          const t = mt(l);
+          t.setOption(g.getChartOption()), g.chartObj = t;
+        }
+      });
+    }), ot(() => {
+      var l;
+      return (l = a.conf) == null ? void 0 : l.data;
+    }, () => {
+      U(() => g.updateChartData());
+    }, { deep: !0 }), (l, t) => {
+      var d, b, s, u, c, o;
+      return m(), x("div", yt, [
+        e("div", gt, [
+          e("div", Ct, [
+            t[3] || (t[3] = st('<svg class="header-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-e666c117><path d="M3 3v18h18" data-v-e666c117></path><path d="M18 17V9" data-v-e666c117></path><path d="M13 17V5" data-v-e666c117></path><path d="M8 17v-3" data-v-e666c117></path></svg>', 1)),
+            e("span", _t, y(i(r).title), 1)
+          ]),
+          e("button", {
+            class: "realtime-btn",
+            onClick: K
+          }, y(i(r).realtimeBtnText), 1)
+        ]),
+        e("div", St, [
+          B(e("input", {
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => k.value = n),
+            type: "text",
+            class: "search-input",
+            placeholder: i(r).searchPlaceholder
+          }, null, 8, xt), [
+            [O, k.value]
+          ]),
+          e("button", {
+            class: "search-btn",
+            onClick: Q
+          }, [...t[4] || (t[4] = [
+            e("span", null, "Q", -1)
+          ])]),
+          e("button", {
+            class: "clear-btn",
+            onClick: q
+          }, [...t[5] || (t[5] = [
+            e("span", null, "×", -1)
+          ])])
+        ]),
+        e("div", Dt, [
+          e("div", wt, [
+            t[6] || (t[6] = e("label", null, "开始日期", -1)),
+            B(e("input", {
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => I.value = n),
+              type: "date",
+              class: "date-input"
+            }, null, 512), [
+              [O, I.value]
+            ])
+          ]),
+          e("div", kt, [
+            t[7] || (t[7] = e("label", null, "结束日期", -1)),
+            B(e("input", {
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => M.value = n),
+              type: "date",
+              class: "date-input"
+            }, null, 512), [
+              [O, M.value]
+            ])
+          ])
+        ]),
+        e("div", Et, [
+          t[8] || (t[8] = e("div", { class: "chart-title" }, "边坡稳定性分析", -1)),
+          e("div", {
+            id: i(j),
+            class: "chart-container"
+          }, null, 8, Bt)
+        ]),
+        e("div", Ot, [
+          (m(!0), x(F, null, z(f.conf.data, (n, v) => (m(), x("button", {
+            key: v,
+            class: nt(["action-btn", { active: C.value === v }]),
+            style: w(H(n.color)),
+            onClick: (h) => G(v)
+          }, y(n.name), 15, jt))), 128))
+        ]),
+        (m(), it(rt, { to: "body" }, [
+          E.value ? (m(), x("div", {
+            key: 0,
+            class: "detail-modal",
+            onClick: ct(T, ["self"])
+          }, [
+            e("div", {
+              class: "detail-modal-content",
+              style: w({ borderColor: (d = _.value) == null ? void 0 : d.color })
+            }, [
+              e("div", {
+                class: "detail-modal-header",
+                style: w({ background: (b = _.value) == null ? void 0 : b.color })
+              }, [
+                e("span", It, y((s = _.value) == null ? void 0 : s.name) + " - 详细数据", 1),
+                e("button", {
+                  class: "detail-close-btn",
+                  onClick: T
+                }, "×")
+              ], 4),
+              e("div", Mt, [
+                e("div", At, [
+                  e("div", {
+                    class: "summary-value",
+                    style: w({ color: (u = _.value) == null ? void 0 : u.color })
+                  }, y((o = (c = _.value) == null ? void 0 : c.value) != null ? o : 0) + "% ", 5),
+                  t[9] || (t[9] = e("div", { class: "summary-label" }, "当前占比", -1))
+                ]),
+                e("div", Tt, [
+                  t[10] || (t[10] = e("div", { class: "detail-list-header" }, [
+                    e("span", null, "区域编号"),
+                    e("span", null, "状态"),
+                    e("span", null, "更新时间")
+                  ], -1)),
+                  e("div", $t, [
+                    (m(!0), x(F, null, z(A.value, (n) => {
+                      var v, h;
+                      return m(), x("div", {
+                        key: n.id,
+                        class: "detail-list-item"
+                      }, [
+                        e("span", null, y(n.id), 1),
+                        e("span", {
+                          class: "status-tag",
+                          style: w({ background: (v = _.value) == null ? void 0 : v.color })
+                        }, y((h = _.value) == null ? void 0 : h.name), 5),
+                        e("span", null, y(n.time), 1)
+                      ]);
+                    }), 128)),
+                    A.value.length === 0 ? (m(), x("div", Nt, " 暂无数据 ")) : W("", !0)
+                  ])
+                ])
+              ])
+            ], 4)
+          ])) : W("", !0)
+        ])),
+        dt(l.$slots, "default", {}, void 0, !0)
+      ]);
+    };
+  }
+})), te = /* @__PURE__ */ pt(Wt, [["__scopeId", "data-v-e666c117"]]);
+export {
+  te as default
+};