From a9912cf42bc4f7ef9f89f760ba626ae3553e507e Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Thu, 2 Nov 2023 17:32:13 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=B1=20=E5=87=86=E5=A4=87=20beta=20?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC=E7=9A=84=E8=A7=92=E8=89=B2=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/common/Test.vue | 57 ++++++++++++++++++++++++++-------------
 1 file changed, 39 insertions(+), 18 deletions(-)

diff --git a/src/pages/common/Test.vue b/src/pages/common/Test.vue
index 45102e52..0920b4e7 100644
--- a/src/pages/common/Test.vue
+++ b/src/pages/common/Test.vue
@@ -1,7 +1,7 @@
 <template>
-  <div>
+  <div class="test-box">
     <h1>颜色测试</h1>
-    <div class="test-box">
+    <div class="test-item">
       <div class="test-1">
         Box 1
         <div class="test-2">
@@ -13,30 +13,46 @@
         </div>
       </div>
     </div>
-    <h1>窗口建立测试</h1>
-    <div class="btn-list">
-      <v-btn class="test-btn" @click="tryNewWindow('sign_in')">SignIn</v-btn>
-      <v-btn class="test-btn" @click="tryNewWindow('game_record')">GameRecord</v-btn>
+    <h1>角色详情（beta）</h1>
+    <div class="test-item">
+      <div class="role-box">
+        {{ JSON.stringify(roleItem, null, 2) }}
+      </div>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
 
-import mhyClient from "../../utils/TGClient";
+import TGSqlite from "../../plugins/Sqlite";
+import { useUserStore } from "../../store/modules/user";
 
 const visible = ref<boolean>(false);
+const userStore = useUserStore();
+
+const roleItem = ref<TGApp.Sqlite.Character.UserRole>();
 
 onMounted(async () => {
+  const user = userStore.getCurAccount();
+  const roleData = await TGSqlite.getUserCharacter(user.gameUid);
+  if (roleData !== false) {
+    roleItem.value = roleData[0];
+  }
   visible.value = false;
-  await mhyClient.run();
 });
-
-async function tryNewWindow(func: string): Promise<void> {
-  await mhyClient.open(func);
-}
 </script>
 <style lang="css" scoped>
+.test-box {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.test-item {
+  padding: 10px;
+  border-radius: 5px;
+}
+
 .btn-list {
   display: flex;
   justify-content: flex-start;
@@ -49,12 +65,6 @@ async function tryNewWindow(func: string): Promise<void> {
   color: var(--btn-text);
 }
 
-.test-box {
-  display: flex;
-  border-radius: 5px;
-  gap: 10px;
-}
-
 .test-1,
 .test-2,
 .test-3,
@@ -81,4 +91,15 @@ async function tryNewWindow(func: string): Promise<void> {
 .test-4 {
   background: var(--box-bg-4);
 }
+
+.role-box {
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
+  border-radius: 5px;
+  background: var(--box-bg-1);
+  color: var(--box-text-1);
+  gap: 10px;
+  white-space: pre-wrap;
+}
 </style>