ss-component-new 1.3.382 → 1.3.384

package/dist/index-DWBWvNDH.js

@@ -0,0 +1,991 @@
+import { createElementBlock as x, openBlock as $, createElementVNode as n, renderSlot as M, defineComponent as X, ref as b, resolveComponent as _, createVNode as t, withCtx as a, unref as P, reactive as oe, computed as Q, onMounted as me, createBlock as G, resolveDirective as ye, createCommentVNode as te, withDirectives as he, normalizeClass as ne, toDisplayString as E, Transition as Ce, watch as ae, Fragment as Te, createTextVNode as O, onBeforeUnmount as we } from "vue";
+import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { b as le, p as W, s as se, u as ke, a as Ve, l as Ue, v as $e } from "./index-OJlYJM1j.js";
+import { _ as J } from "./index.vue_vue_type_script_setup_true_lang-DRzriV-s.js";
+import { c as Le, a as qe, f as Ae, b as ie, E as re } from "./request-XJsZ4h2T.js";
+import "./JSEncrypt-B36c1iN5.js";
+import { u as Ie } from "./index-PL7-PIPs.js";
+import { useRouter as xe } from "vue-router";
+import { l as De } from "./index-CKzb7xC4.js";
+const Fe = {}, Ne = { class: "left-wrap" }, Re = { class: "left-bg" };
+function Se(y, w) {
+  return $(), x("div", Ne, [
+    n("div", Re, [
+      M(y.$slots, "img", {}, void 0, !0)
+    ])
+  ]);
+}
+const Ee = /* @__PURE__ */ H(Fe, [["render", Se], ["__scopeId", "data-v-9b7ee6c9"]]), Y = {
+  ACCOUNT: "account",
+  FACE: "face"
+}, Me = { class: "right-wrap" }, Be = { class: "tab-content" }, Oe = { class: "tab-tips" }, Pe = { class: "tab-content" }, He = { class: "tab-tips" }, Ke = /* @__PURE__ */ X({
+  __name: "index",
+  props: {
+    tabList: {
+      type: Array,
+      default: []
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["clickLogin", "handleTabChange"],
+  setup(y, { emit: w }) {
+    const m = b(Y.ACCOUNT), p = w, C = () => {
+      p("clickLogin", m.value);
+    }, e = (v) => {
+      p("handleTabChange", v);
+    };
+    return (v, k) => {
+      const f = _("el-button"), V = _("el-tab-pane"), U = _("el-tabs");
+      return $(), x("div", Me, [
+        t(U, {
+          modelValue: m.value,
+          "onUpdate:modelValue": k[0] || (k[0] = (h) => m.value = h),
+          class: "right-tabs",
+          onTabChange: e
+        }, {
+          default: a(() => [
+            t(V, {
+              name: P(Y).ACCOUNT
+            }, {
+              label: a(() => [
+                M(v.$slots, "tabLabel1", {}, void 0, !0)
+              ]),
+              default: a(() => [
+                n("div", Be, [
+                  M(v.$slots, "tabContent1", {}, void 0, !0)
+                ]),
+                n("div", {
+                  class: "tab-button special",
+                  onClick: C
+                }, [
+                  t(f, { loading: y.loading }, {
+                    default: a(() => [
+                      M(v.$slots, "tabButton1", {}, void 0, !0)
+                    ]),
+                    _: 3
+                  }, 8, ["loading"])
+                ]),
+                n("div", Oe, [
+                  M(v.$slots, "tabTips1", {}, void 0, !0)
+                ])
+              ]),
+              _: 3
+            }, 8, ["name"]),
+            t(V, {
+              name: P(Y).FACE
+            }, {
+              label: a(() => [
+                M(v.$slots, "tabLabel2", {}, void 0, !0)
+              ]),
+              default: a(() => [
+                n("div", Pe, [
+                  M(v.$slots, "tabContent2", {}, void 0, !0)
+                ]),
+                n("div", He, [
+                  M(v.$slots, "tabTips2", {}, void 0, !0)
+                ])
+              ]),
+              _: 3
+            }, 8, ["name"])
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), je = /* @__PURE__ */ H(Ke, [["__scopeId", "data-v-8b1962f0"]]), ze = /^[a-z][a-z0-9+.-]*:\/\//i, ce = (y) => ze.test(y);
+function Qe(y) {
+  ce(y) || (y = `http://${y}`);
+  try {
+    const w = new URL(y);
+    return {
+      host: w.hostname,
+      // 域名：example.com
+      port: w.port || null
+      // 端口：8080（默认端口返回空字符串，转为 null）
+    };
+  } catch {
+    return {
+      host: null,
+      port: null
+    };
+  }
+}
+const We = () => ({ initUrlInfo: () => ({
+  host: null,
+  port: null
+}), hasProtocol: ce, generateUrl: (m) => {
+  const { host: p, port: C } = m;
+  if (!p)
+    return null;
+  let e = `${p}`;
+  return ce(p) || (e = `http://${e}`), C && (e = `${e}:${C}`), e;
+} }), Xe = { class: "body-wrapper" }, Ge = { class: "api-form-wrapper" }, Je = { class: "edit-footer" }, Ye = { class: "footer-right" }, Ze = /* @__PURE__ */ X({
+  __name: "index",
+  emits: ["updateApiUrl"],
+  setup(y, { expose: w, emit: m }) {
+    const p = m, C = le(W), { systemUrl: e } = se(C), { initUrlInfo: v, generateUrl: k } = We(), f = b(v()), V = b(), U = oe({
+      host: [
+        { required: !0, message: "请输入职位名称", trigger: "blur" }
+      ]
+    }), h = Q(() => e.value || "http://222.92.178.198:63002"), i = () => {
+      f.value = Qe(h.value);
+    };
+    me(() => {
+      i();
+    });
+    const o = b(!1), l = () => {
+      i(), o.value = !0;
+    }, r = () => {
+      o.value = !1;
+    }, d = () => {
+      r();
+    }, L = async () => {
+      var c;
+      await ((c = V.value) == null ? void 0 : c.validate());
+      const T = k(f.value);
+      p("updateApiUrl", T), d();
+    };
+    return w({
+      openDialog: l,
+      handleClose: d
+    }), (T, c) => {
+      const R = _("el-input"), D = _("el-form-item"), u = _("el-col"), F = _("el-row"), I = _("el-form"), N = _("el-dialog");
+      return $(), G(N, {
+        class: "api-form-dialog",
+        modelValue: o.value,
+        "onUpdate:modelValue": c[2] || (c[2] = (S) => o.value = S),
+        "before-close": d,
+        "destroy-on-close": "",
+        "show-close": !1
+      }, {
+        header: a(() => c[3] || (c[3] = [])),
+        default: a(() => [
+          n("div", Xe, [
+            n("div", Ge, [
+              t(I, {
+                class: "api-edit-form",
+                ref_key: "apiFormRef",
+                ref: V,
+                model: f.value,
+                rules: U
+              }, {
+                default: a(() => [
+                  t(F, { gutter: 20 }, {
+                    default: a(() => [
+                      t(u, { span: 12 }, {
+                        default: a(() => [
+                          t(D, {
+                            prop: "host",
+                            label: "主机名",
+                            "label-position": "top"
+                          }, {
+                            default: a(() => [
+                              t(R, {
+                                modelValue: f.value.host,
+                                "onUpdate:modelValue": c[0] || (c[0] = (S) => f.value.host = S),
+                                "aria-label": "主机名",
+                                placeholder: "主机名"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      t(u, { span: 12 }, {
+                        default: a(() => [
+                          t(D, {
+                            prop: "port",
+                            label: "端口",
+                            "label-position": "top"
+                          }, {
+                            default: a(() => [
+                              t(R, {
+                                modelValue: f.value.port,
+                                "onUpdate:modelValue": c[1] || (c[1] = (S) => f.value.port = S),
+                                "aria-label": "端口",
+                                placeholder: "端口"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model", "rules"])
+            ])
+          ])
+        ]),
+        footer: a(() => [
+          n("div", Je, [
+            c[4] || (c[4] = n("div", { class: "footer-left" }, null, -1)),
+            n("div", Ye, [
+              t(J, {
+                class: "cancel",
+                emptyColor: !0,
+                onClickTrigger: d,
+                modelValue: "取消",
+                buttonType: "info"
+              }),
+              t(J, {
+                class: "confirm",
+                emptyColor: !0,
+                onClickTrigger: L,
+                modelValue: "确定",
+                buttonType: "primary"
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), et = /* @__PURE__ */ H(Ze, [["__scopeId", "data-v-20c1098b"]]), tt = { class: "dialog-header" }, ot = { class: "dialog-subtitle" }, at = {
+  key: 0,
+  class: "restart-panel"
+}, st = { class: "restart-title" }, lt = { class: "restart-subtitle" }, nt = {
+  key: 1,
+  class: "dialog-body"
+}, it = { class: "db-type-selector" }, rt = { key: "sqlite" }, ct = { key: "pgsql" }, ut = {
+  key: 0,
+  class: "dialog-footer"
+}, dt = 6e4, pe = 2e3, pt = /* @__PURE__ */ X({
+  __name: "index",
+  setup(y, { expose: w }) {
+    const m = le(W), { systemUrl: p } = se(m), C = Q(() => p.value || "http://222.92.178.198:63002"), e = oe({
+      databaseType: "sqlite",
+      sqliteDir: "sqlite-data",
+      user: "",
+      host: "",
+      database: "",
+      password: "",
+      port: "5432"
+    }), v = Q(() => e.databaseType === "sqlite" ? {
+      sqliteDir: [{ required: !0, message: "请输入数据库目录", trigger: "blur" }]
+    } : {
+      host: [{ required: !0, message: "请输入主机地址", trigger: "blur" }],
+      port: [{ required: !0, message: "请输入端口号", trigger: "blur" }],
+      database: [{ required: !0, message: "请输入数据库名", trigger: "blur" }],
+      user: [{ required: !0, message: "请输入用户名", trigger: "blur" }]
+    }), k = b(null), f = b(!1), V = b(!1), U = b(!1), h = b(!1), i = b(0), o = b("running"), l = b(1);
+    let r = null;
+    const d = Q(() => o.value === "success" ? "重启成功！" : o.value === "timeout" ? "连接超时" : "正在应用配置并等待服务重新启动中..."), L = Q(() => o.value === "success" ? "服务已恢复，配置已生效" : o.value === "timeout" ? "超过最大等待时间，请手动检查服务状态" : "请稍后" + ".".repeat(l.value));
+    let T = null, c = null;
+    const R = () => {
+      r && (clearInterval(r), r = null);
+    }, D = () => {
+      T && (clearInterval(T), T = null), c && (clearInterval(c), c = null), R();
+    }, u = () => {
+      i.value = 0;
+      let g = 0;
+      T = setInterval(() => {
+        g += 100;
+        const s = 90 * (1 - Math.exp(-g / 8e3));
+        i.value = Math.min(parseFloat(s.toFixed(1)), 90);
+      }, 100);
+    }, F = () => {
+      l.value = 1, r = setInterval(() => {
+        l.value = l.value >= 3 ? 1 : l.value + 1;
+      }, 500);
+    }, I = () => {
+      R();
+      const g = setInterval(() => {
+        i.value = Math.min(i.value + 3, 100), i.value >= 100 && (clearInterval(g), o.value = "success");
+      }, 30);
+    }, N = () => {
+      let g = 0;
+      c = setInterval(async () => {
+        if (g += pe, g >= dt) {
+          D(), o.value = "timeout";
+          return;
+        }
+        try {
+          const { data: s } = await ie.get(C.value + "/platform/config/db", { timeout: 3e3 });
+          (s == null ? void 0 : s.code) === 200 && (D(), I());
+        } catch {
+        }
+      }, pe);
+    }, S = async () => {
+      try {
+        V.value = !0;
+        const { data: g } = await ie.get(C.value + "/platform/config/db");
+        if ((g == null ? void 0 : g.code) === 200 && (g != null && g.data)) {
+          const s = g.data;
+          e.databaseType = s.databaseType === "pgsql" ? "pgsql" : "sqlite", e.sqliteDir = s.sqliteDir || "sqlite-data", e.user = s.user || "", e.host = s.host || "", e.database = s.database || "", e.password = s.password || "", e.port = String(s.port || 5432);
+        }
+      } catch {
+      } finally {
+        V.value = !1;
+      }
+    }, Z = () => {
+      h.value = !1, o.value = "running", i.value = 0, l.value = 1, f.value = !0, S();
+    }, K = () => {
+      D(), f.value = !1;
+    }, ue = () => K(), fe = (g) => {
+      h.value || g();
+    }, ve = async () => {
+      var g, s, j;
+      await ((g = k.value) == null ? void 0 : g.validate());
+      try {
+        U.value = !0;
+        const A = { databaseType: e.databaseType };
+        e.databaseType === "sqlite" ? A.sqliteDir = e.sqliteDir.trim() : (A.user = e.user.trim(), A.host = e.host.trim(), A.database = e.database.trim(), A.password = e.password, A.port = Number(e.port)), await ie.post(C.value + "/platform/config/db", A), h.value = !0, o.value = "running", u(), F(), setTimeout(N, 1e3);
+      } catch (A) {
+        const B = ((j = (s = A == null ? void 0 : A.response) == null ? void 0 : s.data) == null ? void 0 : j.message) || "保存失败，请重试";
+        re.error(B);
+      } finally {
+        U.value = !1;
+      }
+    };
+    return w({ openDialog: Z, handleClose: ue }), (g, s) => {
+      const j = _("el-icon"), A = _("el-progress"), B = _("el-input"), z = _("el-form-item"), ee = _("el-col"), de = _("el-row"), ge = _("el-form"), _e = _("el-dialog"), be = ye("loading");
+      return $(), G(_e, {
+        class: "db-config-dialog",
+        modelValue: f.value,
+        "onUpdate:modelValue": s[8] || (s[8] = (q) => f.value = q),
+        "before-close": fe,
+        "close-on-click-modal": !h.value,
+        "close-on-press-escape": !h.value,
+        "destroy-on-close": "",
+        "show-close": !1,
+        width: "480px"
+      }, {
+        header: a(() => [
+          n("div", tt, [
+            s[9] || (s[9] = n("span", { class: "dialog-title" }, "数据库配置", -1)),
+            n("span", ot, E(h.value ? "" : "修改后服务将自动重启"), 1)
+          ])
+        ]),
+        default: a(() => [
+          h.value ? ($(), x("div", at, [
+            o.value !== "running" ? ($(), x("div", {
+              key: 0,
+              class: ne(["restart-icon-wrap", { success: o.value === "success", error: o.value === "timeout" }])
+            }, [
+              o.value === "success" ? ($(), G(j, {
+                key: 0,
+                class: "restart-icon"
+              }, {
+                default: a(() => [
+                  t(P(Le))
+                ]),
+                _: 1
+              })) : ($(), G(j, {
+                key: 1,
+                class: "restart-icon"
+              }, {
+                default: a(() => [
+                  t(P(qe))
+                ]),
+                _: 1
+              }))
+            ], 2)) : te("", !0),
+            n("div", st, E(d.value), 1),
+            n("div", lt, E(L.value), 1),
+            t(A, {
+              class: "restart-progress",
+              percentage: Math.round(i.value),
+              status: o.value === "success" ? "success" : o.value === "timeout" ? "exception" : "",
+              "stroke-width": 10
+            }, null, 8, ["percentage", "status"]),
+            o.value === "success" || o.value === "timeout" ? ($(), G(J, {
+              key: 1,
+              class: "restart-close-btn",
+              emptyColor: !0,
+              onClickTrigger: K,
+              modelValue: o.value === "success" ? "确定" : "关闭",
+              buttonType: o.value === "success" ? "primary" : "info"
+            }, null, 8, ["modelValue", "buttonType"])) : te("", !0)
+          ])) : he(($(), x("div", nt, [
+            n("div", it, [
+              n("div", {
+                class: ne(["db-type-card", { active: e.databaseType === "sqlite" }]),
+                onClick: s[0] || (s[0] = (q) => e.databaseType = "sqlite")
+              }, s[10] || (s[10] = [
+                n("span", { class: "db-label" }, "SQLite", -1),
+                n("span", { class: "db-desc" }, "本地文件数据库", -1)
+              ]), 2),
+              n("div", {
+                class: ne(["db-type-card", { active: e.databaseType === "pgsql" }]),
+                onClick: s[1] || (s[1] = (q) => e.databaseType = "pgsql")
+              }, s[11] || (s[11] = [
+                n("span", { class: "db-label" }, "PostgreSQL", -1),
+                n("span", { class: "db-desc" }, "远程关系型数据库", -1)
+              ]), 2)
+            ]),
+            t(ge, {
+              ref_key: "formRef",
+              ref: k,
+              model: e,
+              rules: v.value,
+              "label-position": "top",
+              class: "config-form"
+            }, {
+              default: a(() => [
+                t(Ce, {
+                  name: "fade-slide",
+                  mode: "out-in"
+                }, {
+                  default: a(() => [
+                    e.databaseType === "sqlite" ? ($(), x("div", rt, [
+                      t(z, {
+                        label: "数据库目录",
+                        prop: "sqliteDir"
+                      }, {
+                        default: a(() => [
+                          t(B, {
+                            modelValue: e.sqliteDir,
+                            "onUpdate:modelValue": s[2] || (s[2] = (q) => e.sqliteDir = q),
+                            placeholder: "例如：sqlite-data",
+                            clearable: ""
+                          }, {
+                            prefix: a(() => [
+                              t(j, null, {
+                                default: a(() => [
+                                  t(P(Ae))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"]),
+                          s[12] || (s[12] = n("div", { class: "field-hint" }, "相对于后端 exe 所在目录的路径", -1))
+                        ]),
+                        _: 1,
+                        __: [12]
+                      })
+                    ])) : ($(), x("div", ct, [
+                      t(de, { gutter: 16 }, {
+                        default: a(() => [
+                          t(ee, { span: 16 }, {
+                            default: a(() => [
+                              t(z, {
+                                label: "主机地址",
+                                prop: "host"
+                              }, {
+                                default: a(() => [
+                                  t(B, {
+                                    modelValue: e.host,
+                                    "onUpdate:modelValue": s[3] || (s[3] = (q) => e.host = q),
+                                    placeholder: "127.0.0.1",
+                                    clearable: ""
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          t(ee, { span: 8 }, {
+                            default: a(() => [
+                              t(z, {
+                                label: "端口",
+                                prop: "port"
+                              }, {
+                                default: a(() => [
+                                  t(B, {
+                                    modelValue: e.port,
+                                    "onUpdate:modelValue": s[4] || (s[4] = (q) => e.port = q),
+                                    placeholder: "5432",
+                                    clearable: ""
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      t(z, {
+                        label: "数据库名",
+                        prop: "database"
+                      }, {
+                        default: a(() => [
+                          t(B, {
+                            modelValue: e.database,
+                            "onUpdate:modelValue": s[5] || (s[5] = (q) => e.database = q),
+                            placeholder: "new_insofworks_admin",
+                            clearable: ""
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      t(de, { gutter: 16 }, {
+                        default: a(() => [
+                          t(ee, { span: 12 }, {
+                            default: a(() => [
+                              t(z, {
+                                label: "用户名",
+                                prop: "user"
+                              }, {
+                                default: a(() => [
+                                  t(B, {
+                                    modelValue: e.user,
+                                    "onUpdate:modelValue": s[6] || (s[6] = (q) => e.user = q),
+                                    placeholder: "postgres",
+                                    clearable: ""
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          t(ee, { span: 12 }, {
+                            default: a(() => [
+                              t(z, {
+                                label: "密码",
+                                prop: "password"
+                              }, {
+                                default: a(() => [
+                                  t(B, {
+                                    modelValue: e.password,
+                                    "onUpdate:modelValue": s[7] || (s[7] = (q) => e.password = q),
+                                    type: "password",
+                                    "show-password": "",
+                                    clearable: ""
+                                  }, null, 8, ["modelValue"])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model", "rules"])
+          ])), [
+            [be, V.value]
+          ])
+        ]),
+        footer: a(() => [
+          h.value ? te("", !0) : ($(), x("div", ut, [
+            t(J, {
+              emptyColor: !0,
+              onClickTrigger: ue,
+              modelValue: "取消",
+              buttonType: "info"
+            }),
+            t(J, {
+              emptyColor: !0,
+              loading: U.value,
+              onClickTrigger: ve,
+              modelValue: "保存并重启",
+              buttonType: "primary"
+            }, null, 8, ["loading"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "close-on-click-modal", "close-on-press-escape"]);
+    };
+  }
+}), mt = /* @__PURE__ */ H(pt, [["__scopeId", "data-v-35ac885d"]]), ft = { class: "account-wrap" }, vt = { class: "extra-operate" }, gt = /* @__PURE__ */ X({
+  __name: "index",
+  props: {
+    activeTabName: {
+      type: String,
+      default: ""
+    },
+    isClickLogin: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["handleLoginFormChange", "updateApiUrl"],
+  setup(y, { emit: w }) {
+    const m = y, p = oe({
+      account: "",
+      password: ""
+    }), C = oe({
+      account: [
+        { required: !0, message: "请输入账号", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" }
+      ]
+    }), e = b(null), v = w;
+    ae(() => m.isClickLogin, (i) => {
+      var o;
+      i && (m == null ? void 0 : m.activeTabName) === "account" && ((o = e.value) == null || o.validate((l) => {
+        var r;
+        for (let d in p)
+          p.hasOwnProperty(d) && (p[d] = (r = p[d]) == null ? void 0 : r.trim());
+        v("handleLoginFormChange", l, l ? p : null);
+      }));
+    }, {
+      immediate: !0
+    }), ae(() => m.activeTabName, (i) => {
+      var o;
+      i === "account" && ((o = e.value) == null || o.resetFields());
+    });
+    const k = b(), f = () => {
+      var i, o;
+      (o = (i = k.value) == null ? void 0 : i.openDialog) == null || o.call(i);
+    }, V = (i) => {
+      v("updateApiUrl", i);
+    }, U = b(), h = () => {
+      var i, o;
+      (o = (i = U.value) == null ? void 0 : i.openDialog) == null || o.call(i);
+    };
+    return (i, o) => {
+      const l = _("svg-icon"), r = _("el-input"), d = _("el-form-item"), L = _("el-form"), T = _("el-link");
+      return $(), x(Te, null, [
+        n("div", ft, [
+          t(L, {
+            model: p,
+            rules: C,
+            ref_key: "formRef",
+            ref: e
+          }, {
+            default: a(() => [
+              t(d, {
+                label: "",
+                prop: "account"
+              }, {
+                default: a(() => [
+                  t(r, {
+                    class: "account-input",
+                    modelValue: p.account,
+                    "onUpdate:modelValue": o[0] || (o[0] = (c) => p.account = c),
+                    placeholder: "请输入账号",
+                    clearable: ""
+                  }, {
+                    prefix: a(() => [
+                      t(l, {
+                        name: "account",
+                        style: { width: "15px", height: "15px" }
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              t(d, {
+                label: "",
+                prop: "password"
+              }, {
+                default: a(() => [
+                  t(r, {
+                    class: "account-input",
+                    modelValue: p.password,
+                    "onUpdate:modelValue": o[1] || (o[1] = (c) => p.password = c),
+                    type: "password",
+                    placeholder: "请输入密码",
+                    "show-password": "",
+                    clearable: ""
+                  }, {
+                    prefix: a(() => [
+                      t(l, {
+                        name: "password",
+                        style: { width: "15px", height: "15px" }
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model", "rules"]),
+          n("div", vt, [
+            t(T, {
+              class: "api-button",
+              type: "primary",
+              onClick: f
+            }, {
+              default: a(() => o[2] || (o[2] = [
+                O("接口地址")
+              ])),
+              _: 1,
+              __: [2]
+            }),
+            t(T, {
+              class: "db-button",
+              type: "primary",
+              onClick: h
+            }, {
+              default: a(() => o[3] || (o[3] = [
+                O("数据库配置")
+              ])),
+              _: 1,
+              __: [3]
+            })
+          ])
+        ]),
+        t(et, {
+          ref_key: "apiFormDialogRef",
+          ref: k,
+          onUpdateApiUrl: V
+        }, null, 512),
+        t(mt, {
+          ref_key: "dbConfigDialogRef",
+          ref: U
+        }, null, 512)
+      ], 64);
+    };
+  }
+}), _t = /* @__PURE__ */ H(gt, [["__scopeId", "data-v-101a522a"]]), bt = { class: "account-wrap" }, yt = { class: "video-wrap" }, ht = /* @__PURE__ */ X({
+  __name: "index",
+  props: {
+    systemKey: { default: "" },
+    activeTabName: { default: "" },
+    isClickLogin: { type: Boolean, default: !1 }
+  },
+  emits: ["handleLoginFormChange"],
+  setup(y, { emit: w }) {
+    const m = y, p = w;
+    le(W);
+    const { initVerify: C } = Ie(), e = b(null), v = b(null);
+    let k = !1, f = null;
+    const V = async (l) => {
+      if (!l)
+        return;
+      const r = await C(l), { data: d } = r || {}, { account: L, password: T } = (d == null ? void 0 : d.data) || {}, c = d == null ? void 0 : d.msg;
+      if (!L) {
+        re.warning(c || "识别失败，请重新识别！");
+        return;
+      }
+      p("handleLoginFormChange", !0, {
+        account: L,
+        password: T
+      });
+    }, U = () => {
+      if (!v.value || !e.value)
+        return;
+      const l = v.value, r = l.getContext("2d"), d = e.value;
+      l.width = 200, l.height = 200;
+      const L = d.videoWidth || 640, T = d.videoHeight || 480, c = Math.min(200 / L, 200 / T), R = L * c, D = T * c, u = (200 - R) / 2, F = (200 - D) / 2;
+      r == null || r.drawImage(d, 0, 0, L, T, u, F, R, D), l.toBlob((I) => {
+        if (I) {
+          const N = new File([I], "face.png", { type: "image/png" });
+          V(N);
+        }
+      }, "image/png");
+    }, h = async () => {
+      if (!e.value || k)
+        return;
+      const l = e.value;
+      try {
+        if (f = await navigator.mediaDevices.getUserMedia({
+          video: { facingMode: "user" },
+          // 前置；后置用 'environment'
+          audio: !1
+        }), l) {
+          const r = l;
+          r.srcObject = f, k = !0;
+        }
+      } catch {
+        re.warning("摄像头启动失败");
+      }
+    };
+    function i(l) {
+      if (l && (l.getTracks().forEach((r) => r.stop()), e.value)) {
+        const r = e.value;
+        r.srcObject = null;
+      }
+    }
+    const o = () => {
+      i(f), k = !1;
+    };
+    return ae(() => m.activeTabName, (l) => {
+      if (l !== Y.FACE) {
+        o();
+        return;
+      }
+      if (l === Y.FACE && !k) {
+        h();
+        return;
+      }
+    }), we(() => {
+      o();
+    }), (l, r) => ($(), x("div", bt, [
+      n("div", yt, [
+        n("video", {
+          class: "face-video",
+          ref_key: "videoRef",
+          ref: e,
+          id: "v",
+          autoplay: "",
+          playsinline: ""
+        }, null, 512)
+      ]),
+      M(l.$slots, "default", {}, () => [
+        n("button", {
+          class: "face-screenshot",
+          onClick: U
+        }, "人脸识别")
+      ], !0),
+      n("canvas", {
+        ref_key: "canvasRef",
+        ref: v,
+        id: "canvas"
+      }, null, 512)
+    ]));
+  }
+}), Ct = /* @__PURE__ */ H(ht, [["__scopeId", "data-v-b64bc91c"]]), Tt = { class: "login-wrap" }, wt = { class: "login-body" }, kt = { class: "login-body-item left" }, Vt = { class: "title" }, Ut = { class: "first-level" }, $t = {
+  key: 0,
+  class: "logo"
+}, Lt = ["src"], qt = { class: "english-name" }, At = { class: "login-body-item right" }, It = /* @__PURE__ */ X({
+  __name: "index",
+  props: {
+    oldSystemKey: {},
+    loginContent: {}
+  },
+  emits: ["change", "projectLogin", "updateApiUrl", "systemContent"],
+  setup(y, { emit: w }) {
+    const m = y, p = xe(), C = w, e = ke(W), v = Ve(W), { refreshLogin: k } = se(v), f = le(W), { systemInfo: V, loginUserInfo: U } = se(f), h = Q(() => {
+      var u;
+      return ((u = V.value) == null ? void 0 : u.logo) || Ue;
+    }), i = b({
+      // sysCTitle: 'INSOFWORKS',
+      sysCTitle: "",
+      sysETitle: "",
+      // sysETitle: 'Dynamic Test Information System',
+      loginTitle: "账户密码登录",
+      tabs: [
+        {
+          name: "密码登录",
+          btnLabel: "登录",
+          tips: "温馨提示：建议使用谷歌、Microsoft Edge，版本79.0.1072.62及以上浏览器，360浏览器请使用极速模式"
+        },
+        {
+          name: "人脸识别",
+          btnLabel: "人脸识别",
+          tips: "温馨提示：建议使用谷歌、Microsoft Edge，版本79.0.1072.62及以上浏览器，360浏览器请使用极速模式"
+        },
+        {
+          name: "刷卡登录",
+          btnLabel: "登录",
+          tips: "温馨提示：建议使用谷歌、Microsoft Edge，版本79.0.1072.62及以上浏览器，360浏览器请使用极速模式"
+        }
+      ]
+    }), o = b("account"), l = b(!1), r = b(!1), d = () => {
+      l.value = !0;
+    }, L = (u, F) => {
+      l.value = !1, u && c(F);
+    }, T = async () => (sessionStorage.setItem("loginToken", "111"), !0);
+    me(async () => {
+      await T();
+    });
+    const c = async (u) => {
+      var I, N, S, Z;
+      if (r.value = !0, await De(u)) {
+        C("projectLogin", u);
+        let K = await $e();
+        C("systemContent", K == null ? void 0 : K.allMenuContents), p.push("/"), f.setLogRecordAsync({
+          type: "登录",
+          data: {
+            account: ((I = U.value) == null ? void 0 : I.account) ?? ((N = U.value) == null ? void 0 : N.账号),
+            userName: ((S = U.value) == null ? void 0 : S.姓名) || ((Z = U.value) == null ? void 0 : Z.userName) || "未知"
+          }
+        }, "/login", "login"), e.setHasClickEditComp(!1);
+      } else
+        r.value = !1;
+      r.value = !1;
+    };
+    ae(
+      () => m == null ? void 0 : m.loginContent,
+      () => {
+        let u = m == null ? void 0 : m.loginContent;
+        u != null && u.account && (u != null && u.password) && !k.value && c(u);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const R = (u) => {
+      o.value = u, l.value = !1, r.value = !1;
+    }, D = (u) => {
+      C("updateApiUrl", u);
+    };
+    return (u, F) => ($(), x("div", Tt, [
+      n("div", wt, [
+        n("div", kt, [
+          t(Ee, { class: "login-left-bg" }, {
+            img: a(() => {
+              var I, N;
+              return [
+                n("div", Vt, [
+                  n("div", Ut, [
+                    h.value ? ($(), x("div", $t, [
+                      n("img", {
+                        src: h.value,
+                        alt: ""
+                      }, null, 8, Lt)
+                    ])) : te("", !0),
+                    n("div", qt, E(((I = P(V)) == null ? void 0 : I.EnglishName) || "Insofworks"), 1)
+                  ]),
+                  n("div", null, E(((N = P(V)) == null ? void 0 : N.chineseName) || "工业软件建模与开发系统"), 1)
+                ]),
+                F[0] || (F[0] = n("div", { class: "divide-line" }, null, -1))
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        n("div", At, [
+          t(je, {
+            loading: r.value,
+            onClickLogin: d,
+            onHandleTabChange: R
+          }, {
+            title: a(() => [
+              O(E(i.value.loginTitle), 1)
+            ]),
+            tabLabel1: a(() => [
+              O(E(i.value.tabs[0].name), 1)
+            ]),
+            tabContent1: a(() => [
+              t(_t, {
+                activeTabName: o.value,
+                isClickLogin: l.value,
+                onHandleLoginFormChange: L,
+                onUpdateApiUrl: D
+              }, null, 8, ["activeTabName", "isClickLogin"])
+            ]),
+            tabButton1: a(() => [
+              O(E(i.value.tabs[0].btnLabel), 1)
+            ]),
+            tabLabel2: a(() => [
+              O(E(i.value.tabs[1].name), 1)
+            ]),
+            tabContent2: a(() => [
+              t(Ct, {
+                systemKey: u.oldSystemKey,
+                activeTabName: o.value,
+                isClickLogin: l.value,
+                onHandleLoginFormChange: L
+              }, null, 8, ["systemKey", "activeTabName", "isClickLogin"])
+            ]),
+            tabButton2: a(() => [
+              O(E(i.value.tabs[1].btnLabel), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ])
+      ])
+    ]));
+  }
+}), Ot = /* @__PURE__ */ H(It, [["__scopeId", "data-v-4f61cd87"]]);
+export {
+  Ot as default
+};