@maketribe/ms-app 3.2.17 → 3.2.19

package/dist/esm/page/login/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, unref, withCtx, withModifiers, withKeys, createBlock, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, createTextVNode, createVNode, unref, toDisplayString, withModifiers, withKeys, createCommentVNode } from "vue";
 import { ElForm, ElFormItem, ElMessage } from "element-plus";
 import "@maketribe/dm";
 import "../../components/basic/config-provider/index.js";
@@ -35,24 +35,16 @@ import "../../components/data-model/data-table-pagination/index.js";
 import { MKOpenVerifyCode } from "../../components/business/verify-dialog/index.js";
 import "../../components/business/resource-list/index.js";
 import "../../components/business/resource-manager/index.js";
-const _hoisted_1 = { class: "login-wrap" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "login-bg" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "login-bg-block" }),
-  /* @__PURE__ */ createElementVNode("div", { class: "login-bg-block" })
-], -1);
-const _hoisted_3 = { class: "login-root" };
-const _hoisted_4 = { class: "login-main" };
-const _hoisted_5 = { class: "form-container" };
-const _hoisted_6 = { class: "form-wrap" };
-const _hoisted_7 = {
-  key: 0,
-  class: "form-title"
-};
-const _hoisted_8 = { class: "notify" };
-const _hoisted_9 = {
-  key: 1,
-  class: "form-title"
-};
+import _sfc_main$1 from "../../layouts/components/simple-page-layout/index.vue.js";
+const _hoisted_1 = { class: "login-form-wrap" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "login-form-title" }, " 账号登录 ", -1);
+const _hoisted_3 = { class: "login-form-item" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_5 = { class: "notify" };
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "login-form-title" }, "账号重置", -1);
+const _hoisted_7 = { class: "login-form-item" };
+const _hoisted_8 = { class: "login-form-item" };
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     mkRoute: {
@@ -127,131 +119,128 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
+      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_link = resolveComponent("el-link");
       const _component_ElInput = resolveComponent("ElInput");
       const _component_ElButton = resolveComponent("ElButton");
-      const _component_ElCol = resolveComponent("ElCol");
-      const _component_ElRow = resolveComponent("ElRow");
-      const _component_ElDivider = resolveComponent("ElDivider");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", _hoisted_6, [
-                !forgotPassword.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                  createTextVNode(" 账号登录 "),
-                  createElementVNode("span", _hoisted_8, [
-                    createTextVNode(" 没有账号？ "),
-                    createVNode(_component_el_link, {
-                      underline: false,
-                      onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push("/signup"))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(" 申请账号 ")
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ])) : (openBlock(), createElementBlock("div", _hoisted_9, "账号重置")),
-                createVNode(unref(ElForm), {
-                  model: loginFormData,
-                  rules,
-                  size: "large",
-                  ref_key: "formEl",
-                  ref: formEl,
-                  onSubmit: _cache[4] || (_cache[4] = withModifiers(() => {
-                  }, ["prevent"]))
+      return openBlock(), createBlock(_sfc_main$1, { class: "login-wrap" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            !forgotPassword.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _hoisted_2,
+              createElementVNode("div", _hoisted_3, [
+                _hoisted_4,
+                createElementVNode("span", _hoisted_5, [
+                  createTextVNode(" 没有账号？ "),
+                  createVNode(_component_el_link, {
+                    underline: false,
+                    type: "primary",
+                    onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push("/signup"))
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" 申请账号 "),
+                      createVNode(_component_MKSvgIcon, {
+                        iconClass: "ArrowRightBold",
+                        style: { "margin-left": "5px" }
+                      })
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              _hoisted_6,
+              createElementVNode("div", _hoisted_7, " 新密码将会在重置后送至 " + toDisplayString(loginFormData.account) + " 绑定的邮箱！请查收！ ", 1)
+            ], 64)),
+            createVNode(unref(ElForm), {
+              model: loginFormData,
+              rules,
+              size: "large",
+              ref_key: "formEl",
+              ref: formEl,
+              onSubmit: _cache[4] || (_cache[4] = withModifiers(() => {
+              }, ["prevent"]))
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(ElFormItem), { prop: "account" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: loginFormData.account,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => loginFormData.account = $event),
+                      placeholder: "帐号",
+                      onKeyup: withKeys(withModifiers(sendAction, ["prevent"]), ["enter", "native"])
+                    }, null, 8, ["modelValue", "onKeyup"])
+                  ]),
+                  _: 1
+                }),
+                !forgotPassword.value ? (openBlock(), createBlock(unref(ElFormItem), {
+                  key: 0,
+                  prop: "password",
+                  style: { "margin-top": "30px" }
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(ElFormItem), { prop: "account" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: loginFormData.account,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => loginFormData.account = $event),
-                          placeholder: "帐号",
-                          onKeyup: withKeys(withModifiers(sendAction, ["prevent"]), ["enter", "native"])
-                        }, null, 8, ["modelValue", "onKeyup"])
-                      ]),
-                      _: 1
-                    }),
-                    !forgotPassword.value ? (openBlock(), createBlock(unref(ElFormItem), {
+                    createVNode(_component_ElInput, {
+                      modelValue: loginFormData.password,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => loginFormData.password = $event),
+                      type: "password",
+                      placeholder: "密码",
+                      onKeyup: withKeys(withModifiers(sendAction, ["prevent"]), ["enter", "native"])
+                    }, null, 8, ["modelValue", "onKeyup"])
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_8, [
+                  _hoisted_9,
+                  createVNode(_component_el_link, {
+                    underline: false,
+                    type: "primary",
+                    onClick: _cache[3] || (_cache[3] = ($event) => forgotPassword.value = !forgotPassword.value)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(forgotPassword.value ? "返回登陆" : "忘记密码") + " ", 1),
+                      createVNode(_component_MKSvgIcon, {
+                        iconClass: "ArrowRightBold",
+                        style: { "margin-left": "2px" }
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                createVNode(unref(ElFormItem), null, {
+                  default: withCtx(() => [
+                    !forgotPassword.value ? (openBlock(), createBlock(_component_ElButton, {
                       key: 0,
-                      prop: "password"
+                      type: "primary",
+                      style: { "width": "100%" },
+                      loading: loading.value,
+                      onClick: sendAction
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: loginFormData.password,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => loginFormData.password = $event),
-                          type: "password",
-                          placeholder: "密码",
-                          onKeyup: withKeys(withModifiers(sendAction, ["prevent"]), ["enter", "native"])
-                        }, null, 8, ["modelValue", "onKeyup"])
+                        createTextVNode(" 登陆 ")
                       ]),
                       _: 1
-                    })) : createCommentVNode("", true),
-                    createVNode(unref(ElFormItem), null, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElRow, { style: { "width": "100%" } }, {
-                          default: withCtx(() => [
-                            createVNode(_component_ElCol, { span: 12 }, {
-                              default: withCtx(() => [
-                                createVNode(_component_ElButton, {
-                                  link: "",
-                                  class: "operaBtn",
-                                  onClick: _cache[3] || (_cache[3] = ($event) => forgotPassword.value = !forgotPassword.value)
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(toDisplayString(forgotPassword.value ? "返回登陆" : "忘记密码？"), 1)
-                                  ]),
-                                  _: 1
-                                })
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(ElFormItem), null, {
+                    }, 8, ["loading"])) : (openBlock(), createBlock(_component_ElButton, {
+                      key: 1,
+                      type: "primary",
+                      style: { "width": "100%" },
+                      loading: loading.value,
+                      onClick: sendAction
+                    }, {
                       default: withCtx(() => [
-                        !forgotPassword.value ? (openBlock(), createBlock(_component_ElButton, {
-                          key: 0,
-                          type: "primary",
-                          style: { "width": "100%" },
-                          loading: loading.value,
-                          onClick: sendAction
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(" 登陆 ")
-                          ]),
-                          _: 1
-                        }, 8, ["loading"])) : (openBlock(), createBlock(_component_ElButton, {
-                          key: 1,
-                          type: "primary",
-                          style: { "width": "100%" },
-                          loading: loading.value,
-                          onClick: sendAction
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(" 重置 ")
-                          ]),
-                          _: 1
-                        }, 8, ["loading"]))
+                        createTextVNode(" 重置 ")
                       ]),
                       _: 1
-                    })
+                    }, 8, ["loading"]))
                   ]),
                   _: 1
-                }, 8, ["model"]),
-                createVNode(_component_ElDivider)
-              ])
-            ])
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
           ])
-        ])
-      ]);
+        ]),
+        _: 1
+      });
     };
   }
 });

package/dist/esm/page/login/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/login/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"login-wrap\">\r\n    <div class=\"login-bg\">\r\n      <div class=\"login-bg-block\"></div>\r\n      <div class=\"login-bg-block\"></div>\r\n    </div>\r\n    <div class=\"login-root\">\r\n      <div class=\"login-main\">\r\n        <div class=\"form-container\">\r\n          <div class=\"form-wrap\">\r\n            <div class=\"form-title\" v-if=\"!forgotPassword\">\r\n              账号登录\r\n              <span class=\"notify\">\r\n                没有账号？\r\n                <el-link  :underline=\"false\" @click=\"router.push('/signup')\">\r\n                  申请账号\r\n                </el-link>\r\n              </span>\r\n            </div>\r\n            <div class=\"form-title\" v-else>账号重置</div>\r\n            <ElForm\r\n              :model=\"loginFormData\"\r\n              :rules=\"rules\"\r\n              size=\"large\"\r\n              ref=\"formEl\"\r\n              @submit.native.prevent\r\n            >\r\n              <ElFormItem prop=\"account\">\r\n                <ElInput\r\n                  v-model=\"loginFormData.account\"\r\n                  placeholder=\"帐号\"\r\n                  @keyup.enter.native.prevent=\"sendAction\"\r\n                />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"password\" v-if=\"!forgotPassword\">\r\n                <ElInput\r\n                  v-model=\"loginFormData.password\"\r\n                  type=\"password\"\r\n                  placeholder=\"密码\"\r\n                  @keyup.enter.native.prevent=\"sendAction\"\r\n                />\r\n              </ElFormItem>\r\n              <ElFormItem>\r\n                <ElRow style=\"width: 100%\">\r\n                  <ElCol :span=\"12\">\r\n                    <ElButton\r\n                      link\r\n                      class=\"operaBtn\"\r\n                      @click=\"forgotPassword = !forgotPassword\"\r\n                      >{{\r\n                        forgotPassword ? \"返回登陆\" : \"忘记密码？\"\r\n                      }}</ElButton\r\n                    >\r\n                  </ElCol>\r\n                </ElRow>\r\n              </ElFormItem>\r\n              <ElFormItem>\r\n                <ElButton\r\n                  type=\"primary\"\r\n                  style=\"width: 100%\"\r\n                  :loading=\"loading\"\r\n                  @click=\"sendAction\"\r\n                  v-if=\"!forgotPassword\"\r\n                >\r\n                  登陆\r\n                </ElButton>\r\n                <ElButton\r\n                  type=\"primary\"\r\n                  style=\"width: 100%\"\r\n                  :loading=\"loading\"\r\n                  @click=\"sendAction\"\r\n                  v-else\r\n                >\r\n                  重置\r\n                </ElButton>\r\n              </ElFormItem>\r\n            </ElForm>\r\n            <ElDivider></ElDivider>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\r\nimport { useMSAppClient } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"login\",\r\n    path: \"/login\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst verifyDialog: Ref<{ fail: () => void } | null> = ref(null);\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst system = useMSAppClient()!;\r\n\r\nconst router = useRouter();\r\n\r\nconst loading = ref(false);\r\n\r\nconst loginDisabled = computed(\r\n  () => !loginFormData.account || !loginFormData.password\r\n);\r\nconst resetDisabled = computed(() => !loginFormData.account);\r\n\r\nconst forgotPassword = ref(false);\r\nconst scene = computed(() =>\r\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\r\n);\r\n\r\nconst rules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  password: [{ required: true, message: \"密码必填\" }],\r\n};\r\n\r\nconst loginFormData = reactive({\r\n  account: \"\",\r\n  password: \"\",\r\n  vCode: \"\",\r\n});\r\n\r\n// 发起动作 可能是登录 也可能是修改密码\r\nconst sendAction = async (v: number) => {\r\n\r\n  // 验证不通过\r\n  if(!await formEl.value?.validate()){\r\n    return;\r\n  }\r\n  // 验证码\r\n  var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\r\n\r\n  // 转成字符串格式\r\n  loginFormData.vCode = vResult+\"\";\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n\r\n    if (forgotPassword.value) {\r\n\r\n      const { data } = await system.resetPassword(\r\n        loginFormData.account,\r\n        loginFormData.vCode\r\n      );\r\n\r\n      if (data.code !== 200) {\r\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\r\n        return;\r\n      }\r\n\r\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\r\n      forgotPassword.value = false;\r\n\r\n    } else {\r\n\r\n      const { data } = await system.login(\r\n        loginFormData.account,\r\n        loginFormData.password,\r\n        loginFormData.vCode\r\n      );\r\n\r\n      if (data.code !== 200) {\r\n        ElMessage.error(data.msg || \"登录失败!\");\r\n        return;\r\n      }\r\n\r\n      router.push({ path: \"/\" });\r\n    }\r\n  } catch (e) {\r\n    ElMessage.error(\"登录失败\");\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGuD,QAAI,IAAI;AAGpC,QAAI,KAAK;AAE9B,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AAEH;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsB,aAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiB,IAAI,KAAK;AAChC,UAAM,QAAQ;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgB,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAM,iBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEA,oBAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACV,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/login/index.vue"],"sourcesContent":["<template>\r\n  <SimplePageLayout class=\"login-wrap\">\r\n    <div class=\"login-form-wrap\">\r\n\r\n      <template v-if=\"!forgotPassword\">\r\n        <div class=\"login-form-title\"> 账号登录 </div>\r\n        <div class=\"login-form-item\">\r\n          <div></div>\r\n          <span class=\"notify\">\r\n            没有账号？\r\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/signup')\">\r\n              申请账号\r\n              <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n            </el-link>\r\n          </span>\r\n        </div>\r\n      </template>\r\n      <template v-else>\r\n        <div class=\"login-form-title\">账号重置</div>\r\n        <div class=\"login-form-item\">\r\n          新密码将会在重置后送至 {{loginFormData.account}} 绑定的邮箱！请查收！\r\n        </div>\r\n      </template>   \r\n      \r\n      <ElForm :model=\"loginFormData\" :rules=\"rules\" size=\"large\" ref=\"formEl\" @submit.native.prevent>\r\n        <ElFormItem prop=\"account\">\r\n          <ElInput\r\n            v-model=\"loginFormData.account\"\r\n            placeholder=\"帐号\"\r\n            @keyup.enter.native.prevent=\"sendAction\"\r\n          />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"password\" style=\"margin-top: 30px;\" v-if=\"!forgotPassword\">\r\n          <ElInput\r\n            v-model=\"loginFormData.password\"\r\n            type=\"password\"\r\n            placeholder=\"密码\"\r\n            @keyup.enter.native.prevent=\"sendAction\"\r\n          />\r\n        </ElFormItem>\r\n        <div class=\"login-form-item\">\r\n          <div></div>\r\n          <el-link :underline=\"false\"  type=\"primary\" @click=\"forgotPassword = !forgotPassword\">\r\n            {{forgotPassword ? \"返回登陆\" : \"忘记密码\" }}\r\n            <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 2px;\" />\r\n          </el-link>\r\n        </div>\r\n        <ElFormItem>\r\n          <ElButton type=\"primary\" style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\" v-if=\"!forgotPassword\">\r\n            登陆\r\n          </ElButton>\r\n          <ElButton type=\"primary\" v-else style=\"width: 100%\" :loading=\"loading\" @click=\"sendAction\">\r\n            重置\r\n          </ElButton>\r\n        </ElFormItem>\r\n      </ElForm>\r\n      <!-- <ElDivider></ElDivider> -->\r\n    </div>\r\n  </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElMessage, ElForm, ElFormItem } from \"element-plus\";\r\nimport { useMSAppClient } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"login\",\r\n    path: \"/login\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst verifyDialog: Ref<{ fail: () => void } | null> = ref(null);\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst system = useMSAppClient()!;\r\n\r\nconst router = useRouter();\r\n\r\nconst loading = ref(false);\r\n\r\nconst loginDisabled = computed(\r\n  () => !loginFormData.account || !loginFormData.password\r\n);\r\nconst resetDisabled = computed(() => !loginFormData.account);\r\n\r\nconst forgotPassword = ref(false);\r\nconst scene = computed(() =>\r\n  forgotPassword.value ? \"ModifyPassword\" : \"Login\"\r\n);\r\n\r\nconst rules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  password: [{ required: true, message: \"密码必填\" }],\r\n};\r\n\r\nconst loginFormData = reactive({\r\n  account: \"\",\r\n  password: \"\",\r\n  vCode: \"\",\r\n});\r\n\r\n// 发起动作 可能是登录 也可能是修改密码\r\nconst sendAction = async (v: number) => {\r\n\r\n  // 验证不通过\r\n  if(!await formEl.value?.validate()){\r\n    return;\r\n  }\r\n  // 验证码\r\n  var vResult = await MKOpenVerifyCode({ sence:scene.value } as any);\r\n\r\n  // 转成字符串格式\r\n  loginFormData.vCode = vResult+\"\";\r\n\r\n  try {\r\n\r\n    loading.value = true;\r\n\r\n    if (forgotPassword.value) {\r\n\r\n      const { data } = await system.resetPassword(\r\n        loginFormData.account,\r\n        loginFormData.vCode\r\n      );\r\n\r\n      if (data.code !== 200) {\r\n        ElMessage.error(data.msg || \"重置邮箱失败！\");\r\n        return;\r\n      }\r\n\r\n      ElMessage.success(\"重置密码邮件已发送到邮箱\");\r\n      forgotPassword.value = false;\r\n\r\n    } else {\r\n\r\n      const { data } = await system.login(\r\n        loginFormData.account,\r\n        loginFormData.password,\r\n        loginFormData.vCode\r\n      );\r\n\r\n      if (data.code !== 200) {\r\n        ElMessage.error(data.msg || \"登录失败!\");\r\n        return;\r\n      }\r\n\r\n      router.push({ path: \"/\" });\r\n    }\r\n  } catch (e) {\r\n    ElMessage.error(\"登录失败\");\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EuD,QAAI,IAAI;AAGpC,QAAI,KAAK;AAE9B,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,SAAS;AAET,UAAA,UAAU,IAAI,KAAK;AAEH;AAAA,MACpB,MAAM,CAAC,cAAc,WAAW,CAAC,cAAc;AAAA,IACjD;AACsB,aAAS,MAAM,CAAC,cAAc,OAAO;AAErD,UAAA,iBAAiB,IAAI,KAAK;AAChC,UAAM,QAAQ;AAAA,MAAS,MACrB,eAAe,QAAQ,mBAAmB;AAAA,IAAA;AAG5C,UAAM,QAAQ;AAAA,MACZ,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,UAAU,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAGhD,UAAM,gBAAgB,SAAS;AAAA,MAC7B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACR;AAGK,UAAA,aAAa,OAAO,MAAc;;AAGtC,UAAG,CAAC,QAAM,YAAO,UAAP,mBAAc,aAAW;AACjC;AAAA,MACF;AAEA,UAAI,UAAU,MAAM,iBAAiB,EAAE,OAAM,MAAM,OAAc;AAGjE,oBAAc,QAAQ,UAAQ;AAE1B,UAAA;AAEF,gBAAQ,QAAQ;AAEhB,YAAI,eAAe,OAAO;AAExB,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,SAAS;AACrC;AAAA,UACF;AAEA,oBAAU,QAAQ,cAAc;AAChC,yBAAe,QAAQ;AAAA,QAAA,OAElB;AAEL,gBAAM,EAAE,KAAA,IAAS,MAAM,OAAO;AAAA,YAC5B,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAAA;AAGZ,cAAA,KAAK,SAAS,KAAK;AACX,sBAAA,MAAM,KAAK,OAAO,OAAO;AACnC;AAAA,UACF;AAEA,iBAAO,KAAK,EAAE,MAAM,IAAK,CAAA;AAAA,QAC3B;AAAA,eACO,GAAG;AACV,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/page/signup/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, unref, withCtx } from "vue";
+import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createTextVNode, createVNode, unref } from "vue";
 import { useRouter } from "vue-router";
 import { Messager } from "@maketribe/dm";
 import "../../components/basic/config-provider/index.js";
@@ -35,17 +35,12 @@ import "../../components/data-model/data-table-pagination/index.js";
 import { MKOpenVerifyCode } from "../../components/business/verify-dialog/index.js";
 import "../../components/business/resource-list/index.js";
 import "../../components/business/resource-manager/index.js";
-const _hoisted_1 = { class: "login-wrap" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "login-bg" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "login-bg-block" }),
-  /* @__PURE__ */ createElementVNode("div", { class: "login-bg-block" })
-], -1);
-const _hoisted_3 = { class: "login-root" };
-const _hoisted_4 = { class: "login-main" };
-const _hoisted_5 = { class: "form-container" };
-const _hoisted_6 = { class: "form-wrap" };
-const _hoisted_7 = { class: "form-title" };
-const _hoisted_8 = { class: "notify" };
+import _sfc_main$1 from "../../layouts/components/simple-page-layout/index.vue.js";
+const _hoisted_1 = { class: "login-form-wrap" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "login-form-title" }, " 账号申请 ", -1);
+const _hoisted_3 = { class: "login-form-item" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_5 = { class: "notify" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     mkRoute: {
@@ -103,116 +98,117 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     ref(false);
     return (_ctx, _cache) => {
+      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_link = resolveComponent("el-link");
       const _component_ElInput = resolveComponent("ElInput");
       const _component_ElFormItem = resolveComponent("ElFormItem");
       const _component_ElButton = resolveComponent("ElButton");
       const _component_ElForm = resolveComponent("ElForm");
-      const _component_ElDivider = resolveComponent("ElDivider");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _hoisted_2,
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", _hoisted_6, [
-                createElementVNode("div", _hoisted_7, [
-                  createTextVNode(" 账号申请 "),
-                  createElementVNode("span", _hoisted_8, [
-                    createTextVNode(" 已有账号？ "),
-                    createVNode(_component_el_link, {
-                      underline: false,
-                      onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push("/login"))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(" 返回登录 ")
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                createVNode(_component_ElForm, {
-                  model: signFormData,
-                  rules,
-                  size: "large",
-                  ref_key: "formEl",
-                  ref: formEl
+      return openBlock(), createBlock(_sfc_main$1, { class: "login-wrap" }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            _hoisted_2,
+            createElementVNode("div", _hoisted_3, [
+              _hoisted_4,
+              createElementVNode("span", _hoisted_5, [
+                createTextVNode(" 已有账号？ "),
+                createVNode(_component_el_link, {
+                  underline: false,
+                  type: "primary",
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(router).push("/login"))
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_ElFormItem, { prop: "account" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.account,
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => signFormData.account = $event),
-                          placeholder: "帐号"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, { prop: "email" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.email,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => signFormData.email = $event),
-                          placeholder: "邮箱"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, { prop: "name" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.name,
-                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => signFormData.name = $event),
-                          placeholder: "姓名"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, { prop: "nickName" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.nickName,
-                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => signFormData.nickName = $event),
-                          placeholder: "昵称"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, { prop: "phone" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_ElInput, {
-                          modelValue: signFormData.phone,
-                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => signFormData.phone = $event),
-                          placeholder: "手机号"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_ElFormItem, null, {
+                    createTextVNode(" 返回登录 "),
+                    createVNode(_component_MKSvgIcon, {
+                      iconClass: "ArrowRightBold",
+                      style: { "margin-left": "5px" }
+                    })
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            createVNode(_component_ElForm, {
+              model: signFormData,
+              rules,
+              size: "large",
+              ref_key: "formEl",
+              ref: formEl
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_ElFormItem, { prop: "account" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.account,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => signFormData.account = $event),
+                      placeholder: "帐号"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "email" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.email,
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => signFormData.email = $event),
+                      placeholder: "邮箱"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "name" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.name,
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => signFormData.name = $event),
+                      placeholder: "姓名"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "nickName" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.nickName,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => signFormData.nickName = $event),
+                      placeholder: "昵称"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, { prop: "phone" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElInput, {
+                      modelValue: signFormData.phone,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => signFormData.phone = $event),
+                      placeholder: "手机号"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_ElFormItem, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_ElButton, {
+                      type: "primary",
+                      style: { "width": "100%" },
+                      loading: loading.value,
+                      onClick: handleAccountApply
+                    }, {
                       default: withCtx(() => [
-                        createVNode(_component_ElButton, {
-                          type: "primary",
-                          style: { "width": "100%" },
-                          loading: loading.value,
-                          onClick: handleAccountApply
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(" 提交申请 ")
-                          ]),
-                          _: 1
-                        }, 8, ["loading"])
+                        createTextVNode(" 提交申请 ")
                       ]),
                       _: 1
-                    })
+                    }, 8, ["loading"])
                   ]),
                   _: 1
-                }, 8, ["model"]),
-                createVNode(_component_ElDivider)
-              ])
-            ])
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
           ])
-        ])
-      ]);
+        ]),
+        _: 1
+      });
     };
   }
 });

package/dist/esm/page/signup/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"login-wrap\">\r\n    <div class=\"login-bg\">\r\n      <div class=\"login-bg-block\"></div>\r\n      <div class=\"login-bg-block\"></div>\r\n    </div>\r\n    <div class=\"login-root\">\r\n      <div class=\"login-main\">\r\n        <div class=\"form-container\">\r\n          <div class=\"form-wrap\">\r\n            <div class=\"form-title\">\r\n              账号申请\r\n              <span class=\"notify\">\r\n                已有账号？\r\n                <el-link  :underline=\"false\" @click=\"router.push('/login')\">\r\n                  返回登录\r\n                </el-link>\r\n              </span>\r\n            </div>\r\n            <ElForm\r\n              :model=\"signFormData\"\r\n              :rules=\"rules\"\r\n              size=\"large\"\r\n              ref=\"formEl\"\r\n            >\r\n              <ElFormItem prop=\"account\">\r\n                <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"email\">\r\n                <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"name\">\r\n                <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"nickName\">\r\n                <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\r\n              </ElFormItem>\r\n              <ElFormItem prop=\"phone\">\r\n                <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\r\n              </ElFormItem>\r\n\r\n              <ElFormItem>\r\n                <ElButton\r\n                  type=\"primary\"\r\n                  style=\"width: 100%\"\r\n                  :loading=\"loading\"\r\n                  @click=\"handleAccountApply\"\r\n                >\r\n                  提交申请\r\n                </ElButton>\r\n              </ElFormItem>\r\n            </ElForm>\r\n            <ElDivider></ElDivider>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { FormRules } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { useHttpRequest } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"signup\",\r\n    path: \"/signup\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst router = useRouter();\r\n\r\nconst httpRequest = useHttpRequest()!;\r\n\r\nconst loading = ref(false);\r\n\r\nconst rules: FormRules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  email: [\r\n    {\r\n      required: true,\r\n      trigger: \"change\",\r\n      validator: (rule, value, callback) => {\r\n        if (!value) {\r\n          callback(new Error(\"邮箱必填\"));\r\n        } else if (\r\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\r\n        ) {\r\n          callback(new Error(\"邮箱规则不符\"));\r\n        } else {\r\n          callback();\r\n        }\r\n      },\r\n    },\r\n  ],\r\n  name: [{ required: true, message: \"姓名必填\" }],\r\n};\r\n\r\n\r\nconst signFormData = reactive({\r\n  account: \"\",\r\n  email: \"\",\r\n  name: \"\",\r\n  nickName: \"\",\r\n  phone: \"\",\r\n  vCdoe:\"\"\r\n});\r\n\r\nconst handleAccountApply = async () => {\r\n\r\n  if(! await formEl.value.validate()){\r\n    return ;\r\n  }\r\n\r\n  // 验证码\r\n  signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\r\n\r\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\r\n\r\n  if (result.data.code != 200) {\r\n    Messager.error({ message: result.data.msg || \"注册失败\"});\r\n    return;\r\n  }\r\n\r\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\r\n};\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgFM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/page/signup/index.vue"],"sourcesContent":["<template>\r\n  <SimplePageLayout class=\"login-wrap\">\r\n    <div class=\"login-form-wrap\">\r\n      <div class=\"login-form-title\"> 账号申请 </div>\r\n        <div class=\"login-form-item\">\r\n          <div></div>\r\n          <span class=\"notify\">\r\n            已有账号？\r\n            <el-link :underline=\"false\" type=\"primary\" @click=\"router.push('/login')\">\r\n              返回登录\r\n              <MKSvgIcon iconClass=\"ArrowRightBold\" style=\"margin-left: 5px;\" />\r\n            </el-link>\r\n          </span>\r\n      </div>\r\n      <ElForm\r\n        :model=\"signFormData\"\r\n        :rules=\"rules\"\r\n        size=\"large\"\r\n        ref=\"formEl\"\r\n      >\r\n        <ElFormItem prop=\"account\">\r\n          <ElInput v-model=\"signFormData.account\" placeholder=\"帐号\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"email\">\r\n          <ElInput v-model=\"signFormData.email\" placeholder=\"邮箱\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"name\">\r\n          <ElInput v-model=\"signFormData.name\" placeholder=\"姓名\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"nickName\">\r\n          <ElInput v-model=\"signFormData.nickName\" placeholder=\"昵称\" />\r\n        </ElFormItem>\r\n        <ElFormItem prop=\"phone\">\r\n          <ElInput v-model=\"signFormData.phone\" placeholder=\"手机号\" />\r\n        </ElFormItem>\r\n\r\n        <ElFormItem>\r\n          <ElButton type=\"primary\" style=\"width: 100%\"\r\n            :loading=\"loading\" @click=\"handleAccountApply\">\r\n            提交申请\r\n          </ElButton>\r\n        </ElFormItem>\r\n      </ElForm>\r\n    </div>\r\n  </SimplePageLayout>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { Ref, computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { FormRules } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\nimport { useHttpRequest } from \"../../composables\";\r\nimport { MKOpenVerifyCode } from \"../../components\";\r\nimport SimplePageLayout from \"../../layouts/components/simple-page-layout/index.vue\"\r\n\r\ndefineOptions({\r\n  mkRoute: {\r\n    name: \"signup\",\r\n    path: \"/signup\",\r\n    meta: {\r\n      isAuthorization: false,\r\n    },\r\n  },\r\n});\r\n\r\nconst formEl: Ref<any> = ref(null);\r\n\r\nconst router = useRouter();\r\n\r\nconst httpRequest = useHttpRequest()!;\r\n\r\nconst loading = ref(false);\r\n\r\nconst rules: FormRules = {\r\n  account: [{ required: true, message: \"账号必填\" }],\r\n  email: [\r\n    {\r\n      required: true,\r\n      trigger: \"change\",\r\n      validator: (rule, value, callback) => {\r\n        if (!value) {\r\n          callback(new Error(\"邮箱必填\"));\r\n        } else if (\r\n          !/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/.test(value)\r\n        ) {\r\n          callback(new Error(\"邮箱规则不符\"));\r\n        } else {\r\n          callback();\r\n        }\r\n      },\r\n    },\r\n  ],\r\n  name: [{ required: true, message: \"姓名必填\" }],\r\n};\r\n\r\n\r\nconst signFormData = reactive({\r\n  account: \"\",\r\n  email: \"\",\r\n  name: \"\",\r\n  nickName: \"\",\r\n  phone: \"\",\r\n  vCdoe:\"\"\r\n});\r\n\r\nconst handleAccountApply = async () => {\r\n\r\n  if(! await formEl.value.validate()){\r\n    return ;\r\n  }\r\n\r\n  // 验证码\r\n  signFormData.vCdoe = (await MKOpenVerifyCode({ sence:\"AccountApply\" } as any)) + \"\";\r\n\r\n  const result = await httpRequest.post(\"ms/app/account-apply\",signFormData);\r\n\r\n  if (result.data.code != 200) {\r\n    Messager.error({ message: result.data.msg || \"注册失败\"});\r\n    return;\r\n  }\r\n\r\n  Messager.success({ message: \"注册成功,请联系管理员通过验证\" });\r\n};\r\n\r\n// 记住登陆状态\r\nconst rememberLoginState = ref(false);\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEM,UAAA,SAAmB,IAAI,IAAI;AAEjC,UAAM,SAAS;AAEf,UAAM,cAAc;AAEd,UAAA,UAAU,IAAI,KAAK;AAEzB,UAAM,QAAmB;AAAA,MACvB,SAAS,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,MAC7C,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAW,CAAC,MAAM,OAAO,aAAa;AACpC,gBAAI,CAAC,OAAO;AACD,uBAAA,IAAI,MAAM,MAAM,CAAC;AAAA,YAE1B,WAAA,CAAC,qDAAqD,KAAK,KAAK,GAChE;AACS,uBAAA,IAAI,MAAM,QAAQ,CAAC;AAAA,YAAA,OACvB;AACI;YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ;AAAA,IAAA;AAI5C,UAAM,eAAe,SAAS;AAAA,MAC5B,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,OAAO;AAAA,MACP,OAAM;AAAA,IAAA,CACP;AAED,UAAM,qBAAqB,YAAY;AAErC,UAAG,CAAE,MAAM,OAAO,MAAM,YAAW;AACjC;AAAA,MACF;AAGA,mBAAa,QAAS,MAAM,iBAAiB,EAAE,OAAM,eAAA,CAAuB,IAAK;AAEjF,YAAM,SAAS,MAAM,YAAY,KAAK,wBAAuB,YAAY;AAErE,UAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,iBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAO;AACpD;AAAA,MACF;AAEA,eAAS,QAAQ,EAAE,SAAS,kBAAmB,CAAA;AAAA,IAAA;AAItB,QAAI,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}