111

Web/src/pages/area/my.vue

@@ -1 +1,64 @@
-<template></template>
+<template>
+
+    <div class="common">
+        <div class="title">
+            =====☆我的区服☆=====
+        </div>
+        <div class="content">
+            <div class="item" v-for="(item, index) in userData" :key="index">
+                ✧<a @click="loginGame(item.userId)">【{{ item.areaId }}区】{{ item.nick }}({{ (item.sex == null || item.sex == '') ?
+            "未知" : item.sex }})</a>
+            </div>
+             <span v-if="userData.length == 0">暂无角色.</span>
+        </div>
+    </div>
+
+    <Abar href="/">返回游戏首页</Abar>
+</template>
+<script setup lang="ts">
+
+definePageMeta({
+    layout: layout.empty,
+    middleware: 'page-loading'
+})
+let userData = ref<Array<any>>([]);
+
+const BindData = async (): Promise<void> => {    
+    var result = await PubService.GetMyGame(StateHelper.Sid);    
+    if (result.code == 0) {
+        userData.value = result.data;
+    }
+    else {
+        MessageExtend.ShowDialogEvent("提示", result.msg, () => {
+            PageExtend.Redirect("/");
+        }, "我知道了");
+    }
+};
+
+const loginGame = async (gameId: string): Promise<void> => {
+  let result = await LoginService.LoginGame(StateHelper.Sid, gameId);
+  if (result.code == 0) {
+    StateHelper.SetToken(result.data.userId, result.data.token, result.data.refToken);
+    if (result.data.regOk == 0) {
+      PageExtend.Redirect("/login/register");
+    }
+    else {
+      PageExtend.Redirect("/map");
+    }
+  }
+  else {
+    MessageExtend.ShowDialog("登录游戏", result.msg);
+  }
+};
+
+onMounted(async () => {
+    try {
+        await BindData();
+    }
+    finally {
+        PageLoading.Close();
+    }
+})
+
+
+</script>

Web/src/pages/index.vue

@@ -31,7 +31,8 @@
       </div>
       <div class="content">
         <div class="item" v-for="(item, index) in userData" :key="index">
-          <a @click="loginGame(item.userId)">【{{ item.areaId }}区】{{ item.nick }}({{ (item.sex == null||item.sex=='') ? "未知" : item.sex }})</a>
+          <a @click="loginGame(item.userId)">【{{ item.areaId }}区】{{ item.nick }}({{ (item.sex == null || item.sex == '') ?
+            "未知" : item.sex }})</a>
         </div>
       </div>
     </div>
@@ -125,8 +126,7 @@ const Initialize = async (): Promise<void> => {
 
 /**自动登录 */
 const login = async (code: string): Promise<void> => {
-  let result = await LoginService.TwLogin(code);
-  console.log(result);
+  let result = await LoginService.TwLogin(code);  
   if (result.code == 0) {
     StateHelper.SetSid(result.data.token);
     await Initialize();
@@ -142,7 +142,7 @@ const offOnline = async () => {
     let result = await PubService.GetMain(StateHelper.Sid);
     if (result.code == 0) {
       StateHelper.OffOnline();
-      isOnline.value = false;
+      await Initialize();
       MessageExtend.ShowToast("退出成功!", "success");
     }
     else {
@@ -153,7 +153,19 @@ const offOnline = async () => {
 
 /**登录到游戏 */
 const loginGame = async (gameId: string): Promise<void> => {
-  alert(gameId)
+  let result = await LoginService.LoginGame(StateHelper.Sid, gameId);
+  if (result.code == 0) {
+    StateHelper.SetToken(result.data.userId, result.data.token, result.data.refToken);
+    if (result.data.regOk == 0) {
+      PageExtend.Redirect("/login/register");
+    }
+    else {
+      PageExtend.Redirect("/map");
+    }
+  }
+  else {
+    MessageExtend.ShowDialog("注册角色", result.msg);
+  }
 };
 
 /**注册游戏 */

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>