@topdatasec/probe 1.0.8 → 1.0.10

package/lib/t-probe-ui.es.js

@@ -1,298 +1,325 @@
-import { defineComponent as K, useModel as re, resolveComponent as d, openBlock as y, createElementBlock as x, Fragment as B, renderList as W, createVNode as e, withCtx as T, unref as q, createCommentVNode as O, ref as w, reactive as H, createTextVNode as F, createElementVNode as f, toDisplayString as C, mergeProps as Y, createBlock as G } from "vue";
-import { CircleClose as ae, UploadFilled as se } from "@element-plus/icons-vue";
-import { TdsTable as ue, TdsForm as ee } from "topdatasec-ui";
-import ie from "spark-md5";
-import { ElMessage as X } from "element-plus";
-const pe = {
+import { defineComponent as W, useModel as de, resolveComponent as c, openBlock as h, createElementBlock as x, Fragment as z, renderList as G, createVNode as e, withCtx as b, unref as F, createCommentVNode as K, ref as w, reactive as H, createTextVNode as E, createElementVNode as p, toDisplayString as q, normalizeClass as te, withModifiers as le, mergeProps as oe, onUnmounted as pe, createBlock as Q } from "vue";
+import { CircleClose as ce, UploadFilled as me } from "@element-plus/icons-vue";
+import { TdsTable as _e, TdsForm as re } from "topdatasec-ui";
+import ye from "spark-md5";
+import { ElMessage as ee } from "element-plus";
+const fe = {
   key: 0,
   class: "absolute right--13px text-#f56c6c hover:cursor-pointer"
-}, de = /* @__PURE__ */ K({
+}, ve = /* @__PURE__ */ W({
   __name: "IpPortList",
   props: {
     modelValue: { default: () => [{ ip: "", port: "" }] },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const l = re(t, "modelValue"), { $t: a } = window;
-    function r() {
-      l.value = [...l.value, { ip: "", port: "" }];
+  setup(l) {
+    const o = de(l, "modelValue"), { $t: n } = window;
+    function a() {
+      o.value = [...o.value, { ip: "", port: "" }];
     }
-    function c(v) {
-      const n = [...l.value];
-      n.splice(v, 1), l.value = n;
+    function m(y) {
+      const r = [...o.value];
+      r.splice(y, 1), o.value = r;
     }
-    return (v, n) => {
-      const m = d("el-input"), E = d("el-form-item"), b = d("el-icon"), s = d("el-button");
-      return y(), x("div", null, [
-        (y(!0), x(B, null, W(l.value, (p, $) => (y(), x("div", {
-          key: $,
+    return (y, r) => {
+      const v = c("el-input"), k = c("el-form-item"), g = c("el-icon"), i = c("el-button");
+      return h(), x("div", null, [
+        (h(!0), x(z, null, G(o.value, (_, U) => (h(), x("div", {
+          key: U,
           class: "flex form-m0 w-100% mb-5px"
         }, [
-          e(E, { class: "w-70%" }, {
-            default: T(() => [
-              e(m, {
-                modelValue: p.ip,
-                "onUpdate:modelValue": (M) => p.ip = M,
+          e(k, { class: "w-70%" }, {
+            default: b(() => [
+              e(v, {
+                modelValue: _.ip,
+                "onUpdate:modelValue": (M) => _.ip = M,
                 class: "min-w-300px w-100%",
                 placeholder: "IP"
               }, null, 8, ["modelValue", "onUpdate:modelValue"])
             ]),
             _: 2
           }, 1024),
-          e(E, { class: "ml-auto w-30%" }, {
-            default: T(() => [
-              e(m, {
-                modelValue: p.port,
-                "onUpdate:modelValue": (M) => p.port = M,
+          e(k, { class: "ml-auto w-30%" }, {
+            default: b(() => [
+              e(v, {
+                modelValue: _.port,
+                "onUpdate:modelValue": (M) => _.port = M,
                 class: "ml-10",
-                placeholder: q(a)("global.port")
+                placeholder: F(n)("global.port")
               }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
             ]),
             _: 2
           }, 1024),
-          l.value.length > 1 ? (y(), x("div", pe, [
-            e(b, {
-              onClick: (M) => c($)
+          o.value.length > 1 ? (h(), x("div", fe, [
+            e(g, {
+              onClick: (M) => m(U)
             }, {
-              default: T(() => [
-                e(q(ae))
+              default: b(() => [
+                e(F(ce))
               ]),
               _: 1
             }, 8, ["onClick"])
-          ])) : O("", !0)
+          ])) : K("", !0)
         ]))), 128)),
-        e(s, {
+        e(i, {
           class: "w-100% mt-10px border-dashed!",
           icon: "Plus",
-          onClick: r
+          onClick: a
         })
       ]);
     };
   }
 });
-const te = (t, l) => {
-  const a = t.__vccOpts || t;
-  for (const [r, c] of l)
-    a[r] = c;
-  return a;
-}, V = /* @__PURE__ */ te(de, [["__scopeId", "data-v-16fc9c64"]]), P = 5 * 1024 * 1024;
-function ce(t, l) {
-  return new Promise((a, r) => {
-    const c = new ie.ArrayBuffer(), v = new FileReader(), n = Math.ceil(t.size / P);
-    let m = 0;
-    v.onload = (b) => {
-      var s;
-      if (c.append((s = b.target) == null ? void 0 : s.result), m++, l) {
-        const p = Math.floor(m / n * 100);
-        l(p);
+const ne = (l, o) => {
+  const n = l.__vccOpts || l;
+  for (const [a, m] of o)
+    n[a] = m;
+  return n;
+}, P = /* @__PURE__ */ ne(ve, [["__scopeId", "data-v-16fc9c64"]]), V = 4 * 1024 * 1024;
+function ge(l, o) {
+  return new Promise((n, a) => {
+    const m = new ye.ArrayBuffer(), y = new FileReader(), r = Math.ceil(l.size / V);
+    let v = 0;
+    y.onload = (g) => {
+      var i;
+      if (m.append((i = g.target) == null ? void 0 : i.result), v++, o) {
+        const _ = Math.floor(v / r * 100);
+        o(_);
       }
-      if (m < n)
-        E();
+      if (v < r)
+        k();
       else {
-        const p = c.end();
-        a(p);
+        const _ = m.end();
+        n(_);
       }
-    }, v.onerror = () => {
-      r(new Error("MD5计算失败"));
+    }, y.onerror = () => {
+      a(new Error("MD5计算失败"));
     };
-    function E() {
-      const b = m * P, s = Math.min(b + P, t.size);
-      v.readAsArrayBuffer(t.slice(b, s));
+    function k() {
+      const g = v * V, i = Math.min(g + V, l.size);
+      y.readAsArrayBuffer(l.slice(g, i));
     }
-    E();
+    k();
   });
 }
-async function me(t, l, a, r, c, v = "/api/upload/chunk") {
-  const n = l * P, m = Math.min(n + P, t.size), E = t.slice(n, m), b = m - n, s = new FormData();
-  s.append("file", E, t.name), s.append("chunkIndex", String(l + 1)), s.append("totalChunkNum", String(a)), s.append("fileMd5", r), s.append("tds_token", c), s.append("fileName", t.name), s.append("fileSize", String(t.size)), s.append("fileExt", t.name.substring(t.name.lastIndexOf(".") + 1)), s.append("chunkSize", String(P)), s.append("currentChunkSize", String(b));
+async function he(l, o, n, a, m, y = "/api/upload/chunk") {
+  const r = o * V, v = Math.min(r + V, l.size), k = l.slice(r, v), g = v - r, i = new FormData();
+  i.append("file", k, l.name), i.append("chunkIndex", String(o + 1)), i.append("totalChunkNum", String(n)), i.append("fileMd5", a), i.append("tds_token", m), i.append("fileName", l.name), i.append("fileSize", String(l.size)), i.append("fileExt", l.name.substring(l.name.lastIndexOf(".") + 1)), i.append("chunkSize", String(V)), i.append("currentChunkSize", String(g));
   try {
-    const p = await fetch(v, {
+    const _ = await fetch(y, {
       method: "POST",
-      body: s
+      body: i
     });
-    if (console.log(p, "upload response"), !p.ok)
-      throw new Error(`分片 ${l + 1} 上传失败，HTTP状态码: ${p.status}`);
-    const $ = await p.json();
-    if (console.log($, "upload result"), $.recode !== 0)
-      throw new Error(`上传失败: ${$.remsg || "未知错误"}`);
+    if (console.log(_, "upload response"), !_.ok)
+      throw new Error(`分片 ${o + 1} 上传失败，HTTP状态码: ${_.status}`);
+    const U = await _.json();
+    if (console.log(U, "upload result"), U.recode !== 0)
+      throw new Error(`上传失败: ${U.remsg || "未知错误"}`);
     return !0;
-  } catch (p) {
-    throw console.error(`上传分片 ${l + 1} 时出错:`, p), p;
+  } catch (_) {
+    throw console.error(`上传分片 ${o + 1} 时出错:`, _), _;
   }
 }
-async function _e(t, l = "/api/upload/merge") {
+async function be(l, o = "/api/upload/merge") {
   try {
-    if (!(await fetch(l, {
+    if (!(await fetch(o, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
       },
-      body: JSON.stringify(t)
+      body: JSON.stringify(l)
     })).ok)
       throw new Error("文件合并失败");
     return !0;
-  } catch (a) {
-    return console.error("合并分片时出错:", a), !1;
+  } catch (n) {
+    return console.error("合并分片时出错:", n), !1;
   }
 }
-async function fe(t) {
-  const { token: l, file: a, fileDesc: r = "", uploadUrl: c = "/api/upload/chunk", mergeUrl: v = "/api/upload/merge", onProgress: n, onSuccess: m, onError: E } = t;
+async function we(l) {
+  const { token: o, file: n, fileDesc: a = "", uploadUrl: m = "/api/upload/chunk", mergeUrl: y = "/api/upload/merge", onProgress: r, onSuccess: v, onError: k } = l;
   try {
-    n == null || n({
+    r == null || r({
       progress: 0,
       statusText: "正在计算文件MD5...",
       status: "preparing"
     });
-    const s = await ce(a, (S) => {
-      n == null || n({
+    const i = await ge(n, (S) => {
+      r == null || r({
         progress: Math.floor(S * 0.1),
         // MD5计算占10%进度
         statusText: `正在计算文件MD5... ${S}%`,
         status: "preparing"
       });
     });
-    n == null || n({
+    r == null || r({
       progress: 10,
       statusText: "MD5计算完成",
       status: "preparing",
-      fileMd5: s
+      fileMd5: i
     });
-    const p = Math.ceil(a.size / P);
-    n == null || n({
+    const _ = Math.ceil(n.size / V);
+    r == null || r({
       progress: 10,
-      statusText: `开始上传 (共${p}个分片)`,
+      statusText: `开始上传 (共${_}个分片)`,
       status: "uploading",
-      fileMd5: s
+      fileMd5: i
     });
-    for (let S = 0; S < p; S++) {
-      const U = Math.floor(S / p * 80);
-      n == null || n({
-        progress: 10 + U,
-        statusText: `正在上传分片 ${S + 1}/${p}`,
+    for (let S = 0; S < _; S++) {
+      const I = Math.floor(S / _ * 80);
+      r == null || r({
+        progress: 10 + I,
+        statusText: `正在上传分片 ${S + 1}/${_}`,
         status: "uploading",
-        fileMd5: s
-      }), await me(a, S, p, s, l, c);
+        fileMd5: i
+      }), await he(n, S, _, i, o, m);
     }
-    n == null || n({
+    r == null || r({
       progress: 90,
       statusText: "正在合并文件...",
       status: "merging",
-      fileMd5: s
+      fileMd5: i
     });
-    const $ = a.name.substring(a.name.lastIndexOf(".") + 1), M = {
-      fileDesc: r,
-      fileExt: $,
-      fileMd5: s,
-      fileName: a.name,
-      fileSize: String(a.size),
-      tds_token: l,
-      totalChunkNum: String(p)
+    const U = n.name.substring(n.name.lastIndexOf(".") + 1), M = {
+      fileDesc: a,
+      fileExt: U,
+      fileMd5: i,
+      fileName: n.name,
+      fileSize: String(n.size),
+      tds_token: o,
+      totalChunkNum: String(_)
     };
-    if (!await _e(M, v))
+    if (!await be(M, y))
       throw new Error("文件合并失败");
-    n == null || n({
+    r == null || r({
       progress: 100,
       statusText: "上传成功",
       status: "success",
-      fileMd5: s
-    }), X.success(`${a.name} 上传成功`), m == null || m(s);
-  } catch (b) {
-    n == null || n({
+      fileMd5: i
+    }), ee.success(`${n.name} 上传成功`), v == null || v(i);
+  } catch (g) {
+    r == null || r({
       progress: 0,
-      statusText: b.message || "上传失败",
+      statusText: g.message || "上传失败",
       status: "error"
-    }), X.error(`${a.name} 上传失败: ${b.message}`), E == null || E(b);
+    }), ee.error(`${n.name} 上传失败: ${g.message}`), k == null || k(g);
   }
 }
-function ye(t) {
-  if (t === 0)
+function xe(l) {
+  if (l === 0)
     return "0 B";
-  const l = 1024, a = ["B", "KB", "MB", "GB", "TB"], r = Math.floor(Math.log(t) / Math.log(l));
-  return Math.round(t / Math.pow(l, r) * 100) / 100 + " " + a[r];
+  const o = 1024, n = ["B", "KB", "MB", "GB", "TB"], a = Math.floor(Math.log(l) / Math.log(o));
+  return Math.round(l / Math.pow(o, a) * 100) / 100 + " " + n[a];
 }
-const L = {
+const $ = {
   get deployURL() {
     return window.$probeURL || "";
+  },
+  get dockerURL() {
+    return window.$dockerURL || "";
   }
-}, le = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/deploy`,
+}, ae = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/deploy`,
+  method: "post",
+  data: l
+}), ke = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/servers/add`,
   method: "post",
-  data: t
-}), ve = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/servers/add`,
+  data: l
+}), Te = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/servers/update`,
   method: "post",
-  data: t
-}), oe = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/packages/get`,
+  data: l
+}), se = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/packages/get`,
   method: "post",
-  data: t,
+  data: l,
   isError: !1
-}), ne = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/servers/get`,
+}), ie = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/servers/get`,
   method: "post",
-  data: t,
+  data: l,
   isError: !1
-}), ge = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/servers/del`,
+}), $e = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/servers/del`,
   method: "post",
-  data: t
-}), he = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/packages/del`,
+  data: l
+}), Le = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/packages/del`,
   method: "post",
-  data: t
-}), be = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/servers/get_arch`,
+  data: l
+}), Ee = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/servers/get_arch`,
   method: "post",
-  data: t,
+  data: l,
   isError: !1
-}), we = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/deployment_history/get`,
+}), Ue = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/deployment_history/get`,
   method: "post",
-  data: t,
+  data: l,
   isError: !1
-}), xe = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/servers/test_ssh`,
+}), Se = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/servers/test_ssh`,
+  method: "post",
+  data: l
+}), Ce = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/servers/check_env`,
+  method: "post",
+  data: l
+}), qe = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/servers/install_env`,
   method: "post",
-  data: t
-}), ke = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/servers/check_env`,
+  data: l
+}), ue = (l = {}) => window.$http.request({
+  url: `${$.deployURL}/service_deploy/deployment/deploy/del`,
   method: "post",
-  data: t
-}), Te = (t = {}) => window.$http.request({
-  url: `${L.deployURL}/service_deploy/deployment/servers/install_env`,
+  data: l
+}), Me = (l = {}) => window.$http.request({
+  url: `${$.dockerURL}/api/auth`,
   method: "post",
-  data: t
-}), $e = {
+  data: l,
+  isError: !1
+}), Ae = (l = {}) => window.$http.request({
+  url: `${$.dockerURL}/api/endpoints`,
+  method: "post",
+  data: l.data,
+  headers: l.headers
+}), De = {
   class: "h-100%"
-}, Ee = {
+}, Re = {
   key: 0,
   class: "upload-progress-list"
-}, Se = {
+}, Fe = {
   class: "file-info"
-}, Ue = {
+}, ze = {
   class: "file-name"
-}, Le = {
+}, Ne = {
   class: "file-size"
-}, Me = {
+}, Be = {
   class: "progress-text"
-}, Ce = {
+}, Ie = {
   class: "table-box h-[calc(100%-220px)]",
   style: {
     height: "calc(100% - 220px)"
   }
-}, qe = {
+}, Pe = {
   key: 0
-}, Ae = {
+}, Ve = {
   class: "flex flex-wrap gap-12px p-12px"
-}, Fe = {
-  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)]"
-}, Be = {
+}, Oe = {
+  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)] pr-12"
+}, je = {
   class: "text-12px text-[var(--el-text-color-regular)] space-y-4px"
-}, De = {
+}, Ke = {
+  class: "flex items-center"
+}, He = {
+  class: "flex items-center"
+}, We = {
+  class: "absolute inset-0 bg-black/60 backdrop-blur-[2px] flex flex-col items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10"
+}, Ge = {
   key: 1,
   class: "font-bold text-center text-gray-500 py-20"
-}, Ne = /* @__PURE__ */ K({
+}, Je = /* @__PURE__ */ W({
   __name: "index",
   props: {
     token: {
@@ -300,45 +327,45 @@ const L = {
       default: ""
     }
   },
-  setup(t) {
-    const l = w(), a = w(), r = w("快速部署"), c = w({}), {
-      $t: v,
-      $messageBox: n
-    } = window, m = t;
-    function E(u) {
-      c.value = {
+  setup(l) {
+    const o = w(), n = w(), a = w("快速部署"), m = w({}), {
+      $t: y,
+      $messageBox: r
+    } = window, v = l;
+    function k(u) {
+      m.value = {
         id: u.id
-      }, a.value.open();
+      }, n.value.open();
     }
-    const b = w([{
+    const g = w([{
       ip: "",
       port: ""
-    }]), s = w([{
+    }]), i = w([{
       ip: "",
       port: ""
-    }]), p = w([{
+    }]), _ = w([{
       ip: "",
       port: ""
-    }]), $ = w([{
+    }]), U = w([{
       ip: "",
       port: ""
     }]);
     async function M(u) {
-      const g = (o, i) => {
-        const _ = Math.max(o.length, i.length);
+      const f = (A, t) => {
+        const s = Math.max(A.length, t.length);
         return Array.from({
-          length: _
-        }, (h, k) => {
-          var D, N, z, R;
+          length: s
+        }, (B, L) => {
+          var d, T, j, D;
           return {
-            src_ip: ((D = o[k]) == null ? void 0 : D.ip) || "",
-            src_port: Number((N = o[k]) == null ? void 0 : N.port) || 0,
-            dst_ip: ((z = i[k]) == null ? void 0 : z.ip) || "",
-            dst_port: Number((R = i[k]) == null ? void 0 : R.port) || 0
+            src_ip: ((d = A[L]) == null ? void 0 : d.ip) || "",
+            src_port: Number((T = A[L]) == null ? void 0 : T.port) || 0,
+            dst_ip: ((j = t[L]) == null ? void 0 : j.ip) || "",
+            dst_port: Number((D = t[L]) == null ? void 0 : D.port) || 0
           };
         });
-      }, A = {
-        packages_id: [c.value.id],
+      }, N = {
+        packages_id: [m.value.id],
         server_id: u.server_id,
         service_type: window.$prodType,
         deploy_params: {
@@ -347,28 +374,36 @@ const L = {
           interface: u.interface || "",
           engine_ip: u.engine_ip || "",
           engine_port: u.engine_port || "",
-          filterWhitelist: g(b.value, s.value),
-          filterBlacklist: g(p.value, $.value)
+          filterWhitelist: f(g.value, i.value),
+          filterBlacklist: f(_.value, U.value)
         }
       };
-      await le({
-        data: A
-      }), l.value.getTableList(), a.value.close();
+      await ae({
+        data: N
+      }), o.value.getTableList(), n.value.close();
+    }
+    async function O(u) {
+      r(u, "file_name", y("button.delete"), "error").then(async () => {
+        const f = u.map((N) => N.id);
+        await Le({
+          data: f
+        }), o.value.getTableList();
+      });
     }
-    async function I(u) {
-      n(u, "file_name", v("button.delete"), "error").then(async () => {
-        const g = u.map((A) => A.id);
-        await he({
-          data: g
-        }), l.value.getTableList();
+    async function S(u) {
+      r("是否卸载该探针", "", "卸载", "error").then(async () => {
+        await ue({
+          deploy_id: [u.id],
+          service_type: window.$prodType
+        }), o.value.getTableList();
       });
     }
-    const S = H([
+    const I = H([
       // { type: 'selection', align: 'center', field: 'id', hide: true },
       {
         field: "server_id",
         name: "选择服务器",
-        enum: () => ne({
+        enum: () => ie({
           service_type: window.$prodType
         }),
         fieldNames: {
@@ -407,8 +442,8 @@ const L = {
         field: "deployment_server",
         name: "已部署服务器数",
         render: (u) => {
-          var g;
-          return ((g = u.row.deployment_server) == null ? void 0 : g.length) || 0;
+          var f;
+          return ((f = u.row.deployment_server) == null ? void 0 : f.length) || 0;
         }
       },
       {
@@ -470,14 +505,19 @@ const L = {
         show: {
           type: "input"
         },
-        hide: !0
+        hide: !0,
+        rules: [{
+          required: !0,
+          type: "any"
+        }]
       },
       {
         field: "engine_port",
         name: "流量接收引擎端口",
         show: {
           type: "input",
-          dataType: "number"
+          dataType: "number",
+          value: 6379
         },
         hide: !0,
         rules: [{
@@ -491,20 +531,20 @@ const L = {
         show: {
           type: "input",
           tooltip: "白名单配置后，仅采集白名单内相关流量，如不填写，则采集所有流量",
-          render: () => e(B, null, [e("div", {
+          render: () => e(z, null, [e("div", {
             style: "width: 100%"
           }, [e("p", {
             class: "color-[var(--el-text-color-regular)]"
-          }, [F("源ip端口:")]), e(V, {
-            modelValue: b.value,
-            "onUpdate:modelValue": (u) => b.value = u
+          }, [E("源ip端口:")]), e(P, {
+            modelValue: g.value,
+            "onUpdate:modelValue": (u) => g.value = u
           }, null)]), e("div", {
             style: "width: 100%"
           }, [e("p", {
             class: "color-[var(--el-text-color-regular)]"
-          }, [F("目的ip端口:")]), e(V, {
-            modelValue: s.value,
-            "onUpdate:modelValue": (u) => s.value = u
+          }, [E("目的ip端口:")]), e(P, {
+            modelValue: i.value,
+            "onUpdate:modelValue": (u) => i.value = u
           }, null)])])
         },
         hide: !0
@@ -515,16 +555,16 @@ const L = {
         show: {
           type: "input",
           tooltip: "黑名单配置后，将不再采集黑名单内相关流量",
-          render: () => e(B, null, [e("p", {
+          render: () => e(z, null, [e("p", {
             class: "color-[var(--el-text-color-regular)]"
-          }, [F("源ip端口:")]), e(V, {
-            modelValue: p.value,
-            "onUpdate:modelValue": (u) => p.value = u
+          }, [E("源ip端口:")]), e(P, {
+            modelValue: _.value,
+            "onUpdate:modelValue": (u) => _.value = u
           }, null), e("p", {
             class: "color-[var(--el-text-color-regular)]"
-          }, [F("目的ip端口:")]), e(V, {
-            modelValue: $.value,
-            "onUpdate:modelValue": (u) => $.value = u
+          }, [E("目的ip端口:")]), e(P, {
+            modelValue: U.value,
+            "onUpdate:modelValue": (u) => U.value = u
           }, null)])
         },
         hide: !0
@@ -534,230 +574,292 @@ const L = {
         name: window.$t("global.operate"),
         width: 140,
         fixed: "right",
-        render: (u) => e("div", null, [e(d("el-button"), {
+        render: (u) => e("div", null, [e(c("el-button"), {
           link: !0,
           type: "primary",
           class: "custom-btn",
-          onClick: () => E(u.row)
+          onClick: () => k(u.row)
         }, {
-          icon: () => e(d("tds-svg-icon"), {
+          icon: () => e(c("tds-svg-icon"), {
             name: "deployed",
             tip: "部署"
           }, null)
-        }), e(d("el-button"), {
+        }), e(c("el-button"), {
           link: !0,
           type: "danger",
           icon: "Delete",
-          title: v("button.delete"),
-          onClick: () => I([u.row])
+          title: y("button.delete"),
+          onClick: () => O([u.row])
         }, null)])
       }
-    ]), U = w([]);
-    function j(u) {
-      const g = u.raw;
-      if (!g)
+    ]), R = w([]);
+    function J(u) {
+      const f = u.raw;
+      if (!f)
         return;
-      const A = {
-        fileName: g.name,
-        fileSize: g.size,
+      const N = {
+        fileName: f.name,
+        fileSize: f.size,
         progress: 0,
         progressStatus: "",
         statusText: "准备上传..."
       };
-      U.value.push(A);
-      const o = U.value.length - 1;
-      fe({
-        file: g,
+      R.value.push(N);
+      const A = R.value.length - 1;
+      we({
+        file: f,
         fileDesc: "探针安装包",
         // 替换为你实际的接口地址
-        uploadUrl: L.deployURL + "/service_deploy/deployment/packages/upload",
-        mergeUrl: L.deployURL + "/service_deploy/deployment/packages/upload_merge",
-        token: m.token,
+        uploadUrl: $.deployURL + "/service_deploy/deployment/packages/upload",
+        mergeUrl: $.deployURL + "/service_deploy/deployment/packages/upload_merge",
+        token: v.token,
         // 进度回调
-        onProgress: (i) => {
-          const _ = U.value[o];
-          _ && (_.progress = i.progress, _.statusText = i.statusText, i.fileMd5 && (_.fileMd5 = i.fileMd5), i.status === "error" ? _.progressStatus = "exception" : i.status === "success" ? _.progressStatus = "success" : _.progressStatus = "");
+        onProgress: (t) => {
+          const s = R.value[A];
+          s && (s.progress = t.progress, s.statusText = t.statusText, t.fileMd5 && (s.fileMd5 = t.fileMd5), t.status === "error" ? s.progressStatus = "exception" : t.status === "success" ? s.progressStatus = "success" : s.progressStatus = "");
         },
         // 成功回调
         onSuccess: () => {
-          var _;
-          const i = U.value[o];
-          i && (i.progress = 100, i.progressStatus = "success", i.statusText = "上传成功"), (_ = l.value) == null || _.getTableList(), setTimeout(() => {
-            const h = U.value.findIndex((k) => k.fileName === g.name);
-            h !== -1 && U.value.splice(h, 1);
+          var s;
+          const t = R.value[A];
+          t && (t.progress = 100, t.progressStatus = "success", t.statusText = "上传成功"), (s = o.value) == null || s.getTableList(), setTimeout(() => {
+            const B = R.value.findIndex((L) => L.fileName === f.name);
+            B !== -1 && R.value.splice(B, 1);
           }, 3e3);
         },
         // 失败回调
-        onError: (i) => {
-          console.error("文件上传失败:", i);
-          const _ = U.value[o];
-          _ && (_.progressStatus = "exception", _.statusText = i.message || "上传失败");
+        onError: (t) => {
+          console.error("文件上传失败:", t);
+          const s = R.value[A];
+          s && (s.progressStatus = "exception", s.statusText = t.message || "上传失败");
         }
       });
     }
-    return (u, g) => {
-      const A = d("el-icon"), o = d("el-upload"), i = d("el-progress"), _ = d("el-table-column");
-      return y(), x("div", $e, [e(o, {
+    return (u, f) => {
+      const N = c("el-icon"), A = c("el-upload"), t = c("el-progress"), s = c("Delete"), B = c("el-button"), L = c("el-table-column");
+      return h(), x("div", De, [e(A, {
         class: "upload-demo mt-10px",
         drag: "",
         action: "",
         "auto-upload": !1,
         accept: ".tar.gz,.zip",
-        "on-change": j,
+        "on-change": J,
         "show-file-list": !1,
         multiple: ""
       }, {
-        default: T(() => [e(A, {
+        default: b(() => [e(N, {
           class: "el-icon--upload"
         }, {
-          default: T(() => [e(q(se))]),
+          default: b(() => [e(F(me))]),
           _: 1
-        }), g[0] || (g[0] = f("div", {
+        }), f[0] || (f[0] = p("div", {
           class: "el-upload__text"
-        }, [F(" 点击或拖拽文件到此处上传  "), f("br"), f("em", null, "支持的格式: tar.gz, zip")], -1))]),
+        }, [E(" 点击或拖拽文件到此处上传  "), p("br"), p("em", null, "支持的格式: tar.gz, zip")], -1))]),
         _: 1
-      }), U.value.length > 0 ? (y(), x("div", Ee, [(y(!0), x(B, null, W(U.value, (h) => (y(), x("div", {
-        key: h.fileName,
+      }), R.value.length > 0 ? (h(), x("div", Re, [(h(!0), x(z, null, G(R.value, (d) => (h(), x("div", {
+        key: d.fileName,
         class: "upload-progress-item"
-      }, [f("div", Se, [f("span", Ue, C(h.fileName), 1), f("span", Le, C(q(ye)(h.fileSize)), 1)]), e(i, {
-        percentage: h.progress,
-        status: h.progressStatus
-      }, null, 8, ["percentage", "status"]), f("div", Me, C(h.statusText), 1)]))), 128))])) : O("", !0), f("div", Ce, [e(q(ue), {
+      }, [p("div", Fe, [p("span", ze, q(d.fileName), 1), p("span", Ne, q(F(xe)(d.fileSize)), 1)]), e(t, {
+        percentage: d.progress,
+        status: d.progressStatus
+      }, null, 8, ["percentage", "status"]), p("div", Be, q(d.statusText), 1)]))), 128))])) : K("", !0), p("div", Ie, [e(F(_e), {
         ref_key: "refTdsTable",
-        ref: l,
-        columns: S,
-        "request-api": q(oe),
+        ref: o,
+        columns: I,
+        "request-api": F(se),
         options: u.$tableOptions()
       }, {
-        default: T(() => [e(_, {
+        default: b(() => [e(L, {
           type: "expand"
         }, {
-          default: T((h) => [h.row.deployment_server && h.row.deployment_server.length > 0 ? (y(), x("div", qe, [g[1] || (g[1] = f("div", {
+          default: b((d) => [d.row.deployment_server && d.row.deployment_server.length > 0 ? (h(), x("div", Pe, [f[4] || (f[4] = p("div", {
             class: "font-bold text-14px mt-12px"
-          }, "已部署的服务器", -1)), f("div", Ae, [(y(!0), x(B, null, W(h.row.deployment_server, (k) => (y(), x("div", {
-            key: k.id,
-            class: "w-30% px-20px py-10px rounded-8px bg-[var(--el-fill-color-light)] border border-solid border-[var(--el-border-color-lighter)] hover:shadow-md transition-shadow"
-          }, [f("div", Fe, C(k.server_name), 1), f("div", Be, [f("p", null, "IP: " + C(k.ip_address), 1), f("p", null, "部署时间: " + C(k.deployment_time), 1)])]))), 128))])])) : (y(), x("div", De, "暂无部署服务器记录"))]),
+          }, "已部署的服务器", -1)), p("div", Ve, [(h(!0), x(z, null, G(d.row.deployment_server, (T) => (h(), x("div", {
+            key: T.id,
+            class: "group w-25% px-20px py-10px rounded-8px bg-[var(--el-fill-color-light)] border border-solid border-[var(--el-border-color-lighter)] hover:shadow-lg transition-all duration-300 relative overflow-hidden"
+          }, [p("div", {
+            class: te(["absolute top-0 right-0 px-2 py-1 text-12px font-medium border-b border-l rounded-bl-8px", {
+              "text-green-600 bg-green-50 border-green-200": T.deploy_type === 0,
+              "text-amber-600 bg-amber-50 border-amber-200": T.deploy_type === 1,
+              "text-red-600 bg-red-50 border-red-200": T.deploy_type === 2
+            }])
+          }, q(T.deploy_type === 0 ? "第一次安装" : T.deploy_type === 1 ? "升级" : "卸载"), 3), p("div", Oe, q(T.server_name), 1), p("div", je, [p("p", Ke, [f[1] || (f[1] = p("span", {
+            class: "opacity-70 mr-2"
+          }, "IP:", -1)), E(" " + q(T.ip_address), 1)]), p("p", He, [f[2] || (f[2] = p("span", {
+            class: "opacity-70 mr-2"
+          }, "时间:", -1)), E(" " + q(T.deployment_time), 1)])]), p("div", We, [e(B, {
+            type: "danger",
+            circle: "",
+            class: "mb-2 transform scale-90 group-hover:scale-100 transition-transform duration-300",
+            onClick: le((j) => S(T), ["stop"])
+          }, {
+            default: b(() => [e(N, {
+              size: "20"
+            }, {
+              default: b(() => [e(s)]),
+              _: 1
+            })]),
+            _: 1
+          }, 8, ["onClick"]), f[3] || (f[3] = p("span", {
+            class: "text-white text-12px font-medium tracking-wide"
+          }, "卸载", -1))])]))), 128))])])) : (h(), x("div", Ge, "暂无部署服务器记录"))]),
           _: 1
         })]),
         _: 1
-      }, 8, ["columns", "request-api", "options"])]), e(q(ee), Y({
+      }, 8, ["columns", "request-api", "options"])]), e(F(re), oe({
         ref_key: "refTdsForm",
-        ref: a
+        ref: n
       }, u.$formBindProps({
-        title: r.value,
-        form: c.value,
-        columns: S
+        title: a.value,
+        form: m.value,
+        columns: I
       }), {
         onSubmit: M
       }), null, 16)]);
     };
   }
-}), Ve = {
+}), Ze = {
   class: "table-box"
-}, ze = {
+}, Qe = {
   class: "flex items-center"
-}, Pe = {
+}, Xe = {
   key: 0
-}, Ie = {
+}, Ye = {
   class: "flex flex-wrap gap-12px p-12px"
-}, Re = {
-  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)]"
-}, Oe = {
+}, et = {
+  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)] pr-12"
+}, tt = {
   class: "text-12px text-[var(--el-text-color-regular)] space-y-4px"
-}, He = {
+}, lt = {
+  class: "flex items-center"
+}, ot = {
+  class: "flex items-center"
+}, rt = {
+  class: "absolute inset-0 bg-black/60 backdrop-blur-[2px] flex flex-col items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10"
+}, nt = {
   key: 1,
   class: "font-bold text-center text-gray-500 py-20"
-}, Ke = /* @__PURE__ */ K({
+}, at = /* @__PURE__ */ W({
   __name: "index",
-  setup(t) {
+  setup(l) {
     const {
-      $t: l,
-      $messageBox: a
-    } = window, r = w(), c = w(), v = w(""), n = w({}), m = w("show"), E = H({
+      $t: o,
+      $messageBox: n
+    } = window, a = w(), m = w(), y = w(""), r = w({}), v = w("show"), k = H({
       service_type: window.$prodType
     });
-    function b() {
-      n.value = {}, m.value = "show", v.value = "添加服务器", c.value.open();
+    function g(t) {
+      r.value = t ? Object.assign({}, t) : {}, v.value = "show", y.value = t ? "修改服务器" : "添加服务器", m.value.open();
     }
-    const s = (o) => {
-      a(o, "server_name", l("button.delete"), "error").then(async () => {
-        await ge({
-          data: o.map((i) => i.id),
+    const i = (t) => {
+      n(t, "server_name", o("button.delete"), "error").then(async () => {
+        await $e({
+          data: t.map((s) => s.id),
           service_type: window.$prodType
-        }), r.value.getTableList();
+        }), a.value.getTableList();
       });
     };
-    function p(o) {
-      n.value = {
-        id: o.id
-      }, m.value = "deploy", v.value = "快速部署", c.value.open();
+    function _(t) {
+      r.value = {
+        id: t.id
+      }, v.value = "deploy", y.value = "快速部署", m.value.open();
+    }
+    async function U(t) {
+      n("是否卸载该探针", "", "卸载", "error").then(async () => {
+        await ue({
+          deploy_id: [t.id],
+          service_type: window.$prodType
+        }), a.value.getTableList();
+      });
     }
-    const $ = w([{
+    const M = w([{
       ip: "",
       port: ""
-    }]), M = w([{
+    }]), O = w([{
       ip: "",
       port: ""
-    }]), I = w([{
+    }]), S = w([{
       ip: "",
       port: ""
-    }]), S = w([{
+    }]), I = w([{
       ip: "",
       port: ""
     }]);
-    async function U(o) {
-      if (m.value === "show") {
-        await ve({
-          data: o
-        }), r.value.getTableList(), c.value.close();
+    async function R(t) {
+      if (v.value === "show") {
+        r.value.id ? (await Te({
+          data: {
+            ...t,
+            id: r.value.id
+          }
+        }), a.value.getTableList(), m.value.close()) : (await ke({
+          data: t
+        }), a.value.getTableList(), m.value.close());
         return;
       }
-      const i = (h, k) => {
-        const D = Math.max(h.length, k.length);
+      if (v.value === "docker") {
+        const L = await Me({
+          password: "Tds@12345",
+          username: "admin"
+        }), d = new FormData();
+        d.append("Name", t.Name), d.append("EndpointType", "1"), d.append("URL", "tcp://" + t.URL), d.append("PublicURL", t.URL), d.append("GroupID", "1"), d.append("TagIds", "[]"), d.append("TLS", "false"), d.append("TLSSkipVerify", "false"), d.append("TLSSkipClientVerify", "false"), d.append("TLSCACertFile", ""), d.append("TLSCertFile", ""), d.append("TLSKeyFile", ""), await Ae({
+          data: d,
+          headers: {
+            Authorization: `${L.jwt}`
+          }
+        }), m.value.close();
+        return;
+      }
+      const s = (L, d) => {
+        const T = Math.max(L.length, d.length);
         return Array.from({
-          length: D
-        }, (N, z) => {
-          var R, J, Z, Q;
+          length: T
+        }, (j, D) => {
+          var C, Z, X, Y;
           return {
-            src_ip: ((R = h[z]) == null ? void 0 : R.ip) || "",
-            src_port: Number((J = h[z]) == null ? void 0 : J.port) || 0,
-            dst_ip: ((Z = k[z]) == null ? void 0 : Z.ip) || "",
-            dst_port: Number((Q = k[z]) == null ? void 0 : Q.port) || 0
+            src_ip: ((C = L[D]) == null ? void 0 : C.ip) || "",
+            src_port: Number((Z = L[D]) == null ? void 0 : Z.port) || 0,
+            dst_ip: ((X = d[D]) == null ? void 0 : X.ip) || "",
+            dst_port: Number((Y = d[D]) == null ? void 0 : Y.port) || 0
           };
         });
-      }, _ = {
-        packages_id: [o.packages_id],
-        server_id: [n.value.id],
+      }, B = {
+        packages_id: [t.packages_id],
+        server_id: [r.value.id],
         service_type: window.$prodType,
         deploy_params: {
-          probe_name: o.probe_name || "",
-          collection_mode: o.collection_mode,
-          interface: o.interface || "",
-          engine_ip: o.engine_ip || "",
-          engine_port: o.engine_port || "",
-          filterWhitelist: i($.value, M.value),
-          filterBlacklist: i(I.value, S.value)
+          probe_name: t.probe_name || "",
+          collection_mode: t.collection_mode,
+          interface: t.interface || "",
+          engine_ip: t.engine_ip || "",
+          engine_port: t.engine_port || "",
+          filterWhitelist: s(M.value, O.value),
+          filterBlacklist: s(S.value, I.value)
         }
       };
-      await le({
-        data: _
-      }), r.value.getTableList(), c.value.close();
+      await ae({
+        data: B
+      }), a.value.getTableList(), m.value.close();
+    }
+    async function J(t) {
+      await Se({
+        data: [t.id]
+      }), a.value.getTableList();
     }
-    function j(o) {
-      xe({
-        data: [o.id]
-      }), r.value.getTableList();
+    async function u(t) {
+      await Ce({
+        data: [t.id]
+      }), a.value.getTableList();
     }
-    function u(o) {
-      ke({
-        data: [o.id]
-      }), r.value.getTableList();
+    async function f(t) {
+      await qe({
+        data: [t.id]
+      }), a.value.getTableList();
     }
-    function g(o) {
-      Te({
-        data: [o.id]
-      }), r.value.getTableList();
+    function N(t) {
+      v.value = "docker", y.value = "添加容器监控", r.value = {
+        URL: `${t.ip_address}:2375`
+      }, m.value.open();
     }
     const A = H([{
       field: "server_name",
@@ -791,6 +893,7 @@ const L = {
     }, {
       field: "ssh_username",
       name: "SSH用户",
+      hide: !0,
       show: {
         type: "input"
       },
@@ -814,7 +917,8 @@ const L = {
     }, {
       field: "arch",
       name: "架构",
-      enum: be,
+      enum: Ee,
+      hide: !0,
       show: {
         type: "select"
       },
@@ -824,7 +928,7 @@ const L = {
     }, {
       field: "deployed_count",
       name: "已部署探针数量",
-      render: (o) => e("span", null, [o.row.deployment_packages.length])
+      render: (t) => e("span", null, [t.row.deployment_packages.length])
     }, {
       field: "status",
       name: "状态",
@@ -843,31 +947,55 @@ const L = {
       name: "连通性检查",
       tag: !0,
       enum: [{
+        label: "失败",
+        value: 3,
+        tagType: "danger"
+      }, {
         label: "成功",
-        value: 1,
+        value: 2,
         tagType: "success"
       }, {
-        label: "失败",
+        label: "检测中",
+        value: 1,
+        tagType: "warning"
+      }, {
+        label: "未检测",
         value: 0,
-        tagType: "danger"
+        tagType: "default"
       }]
+    }, {
+      field: "check_ssh_msg",
+      name: "连通性检查失败原因",
+      width: 150
     }, {
       field: "check_env_ok",
       name: "安装环境",
       tag: !0,
       enum: [{
-        label: "具备",
-        value: 1,
+        label: "失败",
+        value: 3,
+        tagType: "danger"
+      }, {
+        label: "成功",
+        value: 2,
         tagType: "success"
       }, {
-        label: "不具备",
+        label: "检测中",
+        value: 1,
+        tagType: "warning"
+      }, {
+        label: "未检测",
         value: 0,
-        tagType: "danger"
+        tagType: "default"
       }]
+    }, {
+      field: "check_env_msg",
+      name: "环境检查失败原因",
+      width: 150
     }, {
       field: "packages_id",
       name: "安装包",
-      enum: oe,
+      enum: se,
       fieldNames: {
         value: "id",
         label: "file_name"
@@ -927,7 +1055,8 @@ const L = {
       name: "流量接收引擎端口",
       deploy: {
         type: "input",
-        dataType: "number"
+        dataType: "number",
+        value: 6379
       },
       hide: !0,
       rules: [{
@@ -940,16 +1069,16 @@ const L = {
       deploy: {
         type: "input",
         tooltip: "白名单配置后，仅采集白名单内相关流量，如不填写，则采集所有流量",
-        render: () => e(B, null, [e("p", {
+        render: () => e(z, null, [e("p", {
           class: "color-[var(--el-text-color-regular)]"
-        }, [F("源ip端口:")]), e(V, {
-          modelValue: $.value,
-          "onUpdate:modelValue": (o) => $.value = o
+        }, [E("源ip端口:")]), e(P, {
+          modelValue: M.value,
+          "onUpdate:modelValue": (t) => M.value = t
         }, null), e("p", {
           class: "color-[var(--el-text-color-regular)]"
-        }, [F("目的ip端口:")]), e(V, {
-          modelValue: M.value,
-          "onUpdate:modelValue": (o) => M.value = o
+        }, [E("目的ip端口:")]), e(P, {
+          modelValue: O.value,
+          "onUpdate:modelValue": (t) => O.value = t
         }, null)])
       },
       hide: !0
@@ -959,143 +1088,207 @@ const L = {
       deploy: {
         type: "input",
         tooltip: "黑名单配置后，将不再采集黑名单内相关流量",
-        render: () => e(B, null, [e("p", {
+        render: () => e(z, null, [e("p", {
           class: "color-[var(--el-text-color-regular)]"
-        }, [F("源ip端口:")]), e(V, {
-          modelValue: I.value,
-          "onUpdate:modelValue": (o) => I.value = o
+        }, [E("源ip端口:")]), e(P, {
+          modelValue: S.value,
+          "onUpdate:modelValue": (t) => S.value = t
         }, null), e("p", {
           class: "color-[var(--el-text-color-regular)]"
-        }, [F("目的ip端口:")]), e(V, {
-          modelValue: S.value,
-          "onUpdate:modelValue": (o) => S.value = o
+        }, [E("目的ip端口:")]), e(P, {
+          modelValue: I.value,
+          "onUpdate:modelValue": (t) => I.value = t
         }, null)])
       },
       hide: !0
+    }, {
+      field: "Name",
+      name: "名称",
+      hide: !0,
+      docker: {
+        type: "input"
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "URL",
+      name: "端点 URL ",
+      hide: !0,
+      docker: {
+        type: "input"
+      }
+    }, {
+      field: "status_monitorning",
+      name: "状态监控",
+      render: (t) => e(z, null, [e(c("el-button"), {
+        class: "custom-btn",
+        type: "primary",
+        icon: "Plus",
+        link: !0,
+        onClick: () => N(t.row)
+      }, {
+        default: () => [E("添加")]
+      })])
     }, {
       field: "operation",
       name: window.$t("global.operate"),
       width: 180,
       fixed: "right",
-      render: (o) => e("div", null, [e(d("el-button"), {
+      render: (t) => e("div", null, [e(c("el-button"), {
+        link: !0,
+        type: "primary",
+        icon: "Edit",
+        title: "修改",
+        class: "custom-btn",
+        onClick: () => g(t.row)
+      }, null), e(c("el-button"), {
         link: !0,
         type: "primary",
         icon: "Connection",
         title: "连通性检查",
         class: "custom-btn",
-        onClick: () => j(o.row)
-      }, null), e(d("el-button"), {
+        onClick: () => J(t.row)
+      }, null), e(c("el-button"), {
         link: !0,
         type: "primary",
         class: "custom-btn",
-        onClick: () => u(o.row)
+        onClick: () => u(t.row)
       }, {
-        icon: () => e(d("tds-svg-icon"), {
+        icon: () => e(c("tds-svg-icon"), {
           name: "install_env",
           tip: "测试安装环境"
         }, null)
-      }), e(d("el-button"), {
+      }), e(c("el-button"), {
         link: !0,
         type: "primary",
         class: "custom-btn",
-        onClick: () => g(o.row)
+        onClick: () => f(t.row)
       }, {
-        icon: () => e(d("tds-svg-icon"), {
+        icon: () => e(c("tds-svg-icon"), {
           name: "docker",
           tip: "自动安装docker环境"
         }, null)
-      }), e(d("el-button"), {
+      }), e(c("el-button"), {
         link: !0,
         type: "primary",
         class: "custom-btn",
-        onClick: () => p(o.row)
+        onClick: () => _(t.row)
       }, {
-        icon: () => e(d("tds-svg-icon"), {
+        icon: () => e(c("tds-svg-icon"), {
           name: "deployed",
           tip: "部署"
         }, null)
-      }), e(d("el-button"), {
+      }), e(c("el-button"), {
         link: !0,
         type: "danger",
         icon: "Delete",
-        title: l("button.delete"),
-        onClick: () => s([o.row])
+        title: o("button.delete"),
+        onClick: () => i([t.row])
       }, null)])
     }]);
-    return (o, i) => {
-      const _ = d("el-button"), h = d("el-table-column"), k = d("TdsTable");
-      return y(), x("div", Ve, [e(k, {
+    return (t, s) => {
+      const B = c("el-button"), L = c("Delete"), d = c("el-icon"), T = c("el-table-column"), j = c("TdsTable");
+      return h(), x("div", Ze, [e(j, {
         ref_key: "refTdsTable",
-        ref: r,
+        ref: a,
         columns: A,
-        "request-api": q(ne),
+        "request-api": F(ie),
         "search-col": 4,
-        "init-param": E,
-        options: o.$tableOptions(),
+        "init-param": k,
+        options: t.$tableOptions({
+          refresh: {
+            ssh_status: [1],
+            check_env_ok: [1]
+          }
+        }),
         "reserve-selection": ""
       }, {
-        tableHeader: T(() => [f("div", ze, [e(_, {
+        tableHeader: b(() => [p("div", Qe, [e(B, {
           class: "custom-btn",
           type: "primary",
           icon: "Plus",
           plain: "",
-          onClick: i[0] || (i[0] = (D) => b())
+          onClick: s[0] || (s[0] = (D) => g())
         }, {
-          default: T(() => [F(C(q(l)("button.add")), 1)]),
+          default: b(() => [E(q(F(o)("button.add")), 1)]),
           _: 1
         })])]),
-        default: T(() => [e(h, {
+        default: b(() => [e(T, {
           type: "expand"
         }, {
-          default: T((D) => [D.row.deployment_packages && D.row.deployment_packages.length > 0 ? (y(), x("div", Pe, [i[1] || (i[1] = f("div", {
+          default: b((D) => [D.row.deployment_packages && D.row.deployment_packages.length > 0 ? (h(), x("div", Xe, [s[4] || (s[4] = p("div", {
             class: "font-bold text-14px mt-12px"
-          }, "已部署的探针包", -1)), f("div", Ie, [(y(!0), x(B, null, W(D.row.deployment_packages, (N) => (y(), x("div", {
-            key: N.id,
-            class: "w-30% px-20px py-10px rounded-8px bg-[var(--el-fill-color-light)] border border-solid border-[var(--el-border-color-lighter)] hover:shadow-md transition-shadow"
-          }, [f("div", Re, C(N.file_name), 1), f("div", Oe, [f("p", null, "版本: " + C(N.version), 1), f("p", null, "部署时间: " + C(N.deployment_time), 1)])]))), 128))])])) : (y(), x("div", He, "暂无部署服务器记录"))]),
+          }, "已部署的探针包", -1)), p("div", Ye, [(h(!0), x(z, null, G(D.row.deployment_packages, (C) => (h(), x("div", {
+            key: C.id,
+            class: "group w-25% px-20px py-10px rounded-8px bg-[var(--el-fill-color-light)] border border-solid border-[var(--el-border-color-lighter)] hover:shadow-lg transition-all duration-300 relative overflow-hidden"
+          }, [p("div", {
+            class: te(["absolute top-0 right-0 px-2 py-1 text-12px font-medium border-b border-l rounded-bl-8px", {
+              "text-green-600 bg-green-50 border-green-200": C.deploy_type === 0,
+              "text-amber-600 bg-amber-50 border-amber-200": C.deploy_type === 1,
+              "text-red-600 bg-red-50 border-red-200": C.deploy_type === 2
+            }])
+          }, q(C.deploy_type === 0 ? "第一次安装" : C.deploy_type === 1 ? "升级" : "卸载"), 3), p("div", et, q(C.file_name), 1), p("div", tt, [p("p", lt, [s[1] || (s[1] = p("span", {
+            class: "opacity-70 mr-2"
+          }, "版本:", -1)), E(" " + q(C.version), 1)]), p("p", ot, [s[2] || (s[2] = p("span", {
+            class: "opacity-70 mr-2"
+          }, "部署时间:", -1)), E(" " + q(C.deployment_time), 1)])]), p("div", rt, [e(B, {
+            type: "danger",
+            circle: "",
+            class: "mb-2 transform scale-90 group-hover:scale-100 transition-transform duration-300",
+            onClick: le((Z) => U(C), ["stop"])
+          }, {
+            default: b(() => [e(d, {
+              size: "20"
+            }, {
+              default: b(() => [e(L)]),
+              _: 1
+            })]),
+            _: 1
+          }, 8, ["onClick"]), s[3] || (s[3] = p("span", {
+            class: "text-white text-12px font-medium tracking-wide"
+          }, "卸载", -1))])]))), 128))])])) : (h(), x("div", nt, "暂无部署服务器记录"))]),
           _: 1
         })]),
         _: 1
-      }, 8, ["columns", "request-api", "init-param", "options"]), e(q(ee), Y({
+      }, 8, ["columns", "request-api", "init-param", "options"]), e(F(re), oe({
         ref_key: "refTdsForm",
-        ref: c
-      }, o.$formBindProps({
-        title: v.value,
-        form: n.value,
+        ref: m
+      }, t.$formBindProps({
+        title: y.value,
+        form: r.value,
         columns: A,
-        formKey: m.value
+        formKey: v.value
       }), {
-        onSubmit: U
+        onSubmit: R
       }), null, 16)]);
     };
   }
-}), We = {
+}), st = {
   class: "table-box"
-}, je = {
-  style: {
-    padding: "0 50px"
-  }
-}, Ge = /* @__PURE__ */ K({
+}, it = {
+  class: "whitespace-pre-wrap font-mono py-20px px-10px bg-gray-100 rounded text-sm text-gray-800"
+}, ut = /* @__PURE__ */ W({
   __name: "index",
-  setup(t) {
-    const l = H({
+  setup(l) {
+    const o = H({
       service_type: window.$prodType
-    }), a = H([{
+    }), n = w(), a = H([{
       field: "packages_name",
       name: "探针包",
-      render: (r) => e(B, null, [e("p", {
+      render: (y) => e(z, null, [e("p", {
         class: "font-bold"
-      }, [r.row.packages_name]), e("p", {
+      }, [y.row.packages_name]), e("p", {
         class: "text-gray-400"
-      }, [r.row.packages_version])])
+      }, [y.row.packages_version])])
     }, {
       field: "server_name",
       name: "服务器",
-      render: (r) => e(B, null, [e("p", {
+      render: (y) => e(z, null, [e("p", {
         class: "font-bold"
-      }, [r.row.server_name]), e("p", {
+      }, [y.row.server_name]), e("p", {
         class: "text-gray-400"
-      }, [r.row.ip_address])])
+      }, [y.row.ip_address])])
     }, {
       field: "deployment_time",
       name: "部署时间"
@@ -1104,9 +1297,13 @@ const L = {
       name: "状态",
       tag: !0,
       enum: [{
-        label: "部署失败",
+        label: "未知",
+        value: -1,
+        tagType: "default"
+      }, {
+        label: "待执行",
         value: 0,
-        tagType: "danger"
+        tagType: "default"
       }, {
         label: "部署中",
         value: 1,
@@ -1115,30 +1312,39 @@ const L = {
         label: "部署成功",
         value: 2,
         tagType: "success"
+      }, {
+        label: "部署失败",
+        value: 3,
+        tagType: "danger"
       }]
-    }]);
-    return (r, c) => {
-      const v = d("el-table-column"), n = d("TdsTable");
-      return y(), x("div", We, [e(n, {
-        ref: "refTdsTable",
+    }]), m = setInterval(() => {
+      n.value && n.value.getTableList();
+    }, 5e3);
+    return pe(() => {
+      clearInterval(m);
+    }), (y, r) => {
+      const v = c("el-table-column"), k = c("TdsTable");
+      return h(), x("div", st, [e(k, {
+        ref_key: "refTdsTable",
+        ref: n,
         columns: a,
         "search-col": 4,
-        "request-api": q(we),
-        options: r.$tableOptions(),
-        "init-param": l,
+        "request-api": F(Ue),
+        options: y.$tableOptions(),
+        "init-param": o,
         "reserve-selection": ""
       }, {
-        default: T(() => [e(v, {
+        default: b(() => [e(v, {
           type: "expand"
         }, {
-          default: T((m) => [f("div", je, C(m.row.deployment_log), 1)]),
+          default: b((g) => [p("div", it, q(g.row.deployment_log), 1)]),
           _: 1
         })]),
         _: 1
       }, 8, ["columns", "request-api", "options", "init-param"])]);
     };
   }
-}), Je = { class: "main-wrapper" }, Ze = /* @__PURE__ */ K({
+}), dt = { class: "main-wrapper" }, pt = /* @__PURE__ */ W({
   name: "TCProbe",
   __name: "index",
   props: {
@@ -1147,44 +1353,44 @@ const L = {
       default: ""
     }
   },
-  setup(t) {
-    const l = w("package");
-    return (a, r) => {
-      const c = d("el-tab-pane"), v = d("el-tabs");
-      return y(), x("div", Je, [
-        e(v, {
-          modelValue: l.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (n) => l.value = n),
+  setup(l) {
+    const o = w("package");
+    return (n, a) => {
+      const m = c("el-tab-pane"), y = c("el-tabs");
+      return h(), x("div", dt, [
+        e(y, {
+          modelValue: o.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
           class: "demo-tabs"
         }, {
-          default: T(() => [
-            e(c, {
+          default: b(() => [
+            e(m, {
               label: "安装包管理",
               name: "package"
             }, {
-              default: T(() => [
-                l.value === "package" ? (y(), G(Ne, {
+              default: b(() => [
+                o.value === "package" ? (h(), Q(Je, {
                   key: 0,
-                  token: t.token
-                }, null, 8, ["token"])) : O("", !0)
+                  token: l.token
+                }, null, 8, ["token"])) : K("", !0)
               ]),
               _: 1
             }),
-            e(c, {
+            e(m, {
               label: "探针部署",
               name: "deploy"
             }, {
-              default: T(() => [
-                l.value === "deploy" ? (y(), G(Ke, { key: 0 })) : O("", !0)
+              default: b(() => [
+                o.value === "deploy" ? (h(), Q(at, { key: 0 })) : K("", !0)
               ]),
               _: 1
             }),
-            e(c, {
+            e(m, {
               label: "部署历史",
               name: "history"
             }, {
-              default: T(() => [
-                l.value === "history" ? (y(), G(Ge, { key: 0 })) : O("", !0)
+              default: b(() => [
+                o.value === "history" ? (h(), Q(ut, { key: 0 })) : K("", !0)
               ]),
               _: 1
             })
@@ -1195,24 +1401,24 @@ const L = {
     };
   }
 });
-const Qe = /* @__PURE__ */ te(Ze, [["__scopeId", "data-v-f99b9b23"]]), Xe = (t, l) => {
-  if (t.install = (a) => {
-    for (const r of [t, ...Object.values(l ?? {})])
-      a.component(r.name, r);
-  }, l)
-    for (const [a, r] of Object.entries(l))
-      t[a] = r;
-  return t;
-}, Ye = Xe(Qe), et = {
-  TCProbe: Ye
-}, at = {
-  install(t, l) {
-    Object.entries(et).forEach(([a, r]) => {
-      t.component(a, r);
-    }), l != null && l.prodType && (window.$prodType = l.prodType), l != null && l.envURL && (window.$probeURL = l.envURL);
+const ct = /* @__PURE__ */ ne(pt, [["__scopeId", "data-v-f99b9b23"]]), mt = (l, o) => {
+  if (l.install = (n) => {
+    for (const a of [l, ...Object.values(o ?? {})])
+      n.component(a.name, a);
+  }, o)
+    for (const [n, a] of Object.entries(o))
+      l[n] = a;
+  return l;
+}, _t = mt(ct), yt = {
+  TCProbe: _t
+}, wt = {
+  install(l, o) {
+    Object.entries(yt).forEach(([n, a]) => {
+      l.component(n, a);
+    }), o != null && o.prodType && (window.$prodType = o.prodType), o != null && o.envURL && (window.$probeURL = o.envURL), o != null && o.dockerURL && (window.$dockerURL = o.dockerURL);
   }
 };
 export {
-  Ye as TCProbe,
-  at as default
+  _t as TCProbe,
+  wt as default
 };