ss-component-new 1.3.667 → 1.3.669

package/dist/index-CmRnsU1X.js

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