111

Web/src/pages/login/register.vue

@@ -1 +1,58 @@
-<template></template>
+<template>
+    <div class="content">
+        <img src="/images/logo.png" class="logo" />
+    </div>
+    <div class="content">
+        <div class="common">
+            <div class="input">
+                昵称:<input name="nick" placeholder="输入昵称(1-12个长度字符)" maxlength="12" class="ipt" type="text"
+                    v-model="nick" />
+            </div>
+            <div class="input">
+                性别:<select name="sex" class="ipt" v-model="sex">
+                    <option value="0">女</option>
+                    <option value="1">男</option>
+                </select>
+            </div>
+            <div class="input">
+                <input type="button"" class=" btn btn-danger" value="注册角色" @click="SubRegInfo" />.
+                <Abar href="/">返回首页</Abar>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+definePageMeta({
+    layout: layout.empty,
+    middleware: middleware.loading
+})
+
+const nick = ref('');
+const sex = ref(0);
+
+const SubRegInfo = async (): Promise<void> => {
+    if (nick.value == null || nick.value == '') {
+        MessageExtend.ShowToast("昵称不能为空!", "default");
+        return;
+    }
+    MessageExtend.LoadingToast("注册中...");
+    let result = await LoginService.RegisterInfo(nick.value, sex.value);
+    MessageExtend.LoadingClose();
+    if (result.code == 0) { 
+        PageExtend.Redirect("/map");
+    }
+    else {
+        MessageExtend.ShowDialog("注册角色", result.msg);
+    }
+}
+
+
+onMounted(async () => {
+    try {
+
+    }
+    finally {
+        PageLoading.Close();
+    }
+})
+</script>