From bfd73c3d7392f87f666d9008c497706e84f60cde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Fri, 28 Feb 2025 09:43:57 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userGacha/gro-table.vue | 39 ++++++++++++--------------
 src/pages/Archive/Birthday.vue         | 13 ++++++++-
 src/pages/User/Abyss.vue               |  1 +
 src/pages/WIKI/Abyss.vue               | 10 +++----
 src/pages/WIKI/Character.vue           | 14 +++++++--
 src/pages/WIKI/Material.vue            |  2 +-
 src/pages/WIKI/Weapon.vue              | 16 ++++++++---
 src/pages/common/PageTest.vue          | 20 ++++++++++++-
 8 files changed, 80 insertions(+), 35 deletions(-)

diff --git a/src/components/userGacha/gro-table.vue b/src/components/userGacha/gro-table.vue
index b457da8c..71954452 100644
--- a/src/components/userGacha/gro-table.vue
+++ b/src/components/userGacha/gro-table.vue
@@ -1,24 +1,22 @@
 <!-- todo 优化，增加筛选功能 -->
 <template>
-  <div class="ua-gt-box">
-    <v-data-table
-      :headers="headers"
-      :items="props.modelValue"
-      height="500px"
-      fixed-header
-      fixed-footer
-    >
-      <template v-slot:item="{ item }">
-        <tr class="ua-gt-tr">
-          <td>{{ item.time }}</td>
-          <td>{{ getPool(item.uigfType) }}</td>
-          <td>{{ item.type }}</td>
-          <td>{{ item.name }}</td>
-          <td>{{ item.rank }}</td>
-        </tr>
-      </template>
-    </v-data-table>
-  </div>
+  <v-data-table
+    :headers="headers"
+    :items="props.modelValue"
+    fixed-header
+    fixed-footer
+    class="ua-gt-box"
+  >
+    <template v-slot:item="{ item }">
+      <tr class="ua-gt-tr">
+        <td>{{ item.time }}</td>
+        <td>{{ getPool(item.uigfType) }}</td>
+        <td>{{ item.type }}</td>
+        <td>{{ item.name }}</td>
+        <td>{{ item.rank }}</td>
+      </tr>
+    </template>
+  </v-data-table>
 </template>
 <script lang="ts" setup>
 type GroTableProps = { modelValue: Array<TGApp.Sqlite.GachaRecords.SingleTable> };
@@ -52,8 +50,7 @@ function getPool(type: string) {
 </script>
 <style lang="css" scoped>
 .ua-gt-box {
-  height: 100%;
-  max-height: calc(100vh - 120px);
+  height: calc(100vh - 200px);
   padding-right: 5px;
   border-radius: 5px;
   overflow-y: auto;
diff --git a/src/pages/Archive/Birthday.vue b/src/pages/Archive/Birthday.vue
index a7e17b3c..5247ec0d 100644
--- a/src/pages/Archive/Birthday.vue
+++ b/src/pages/Archive/Birthday.vue
@@ -20,7 +20,9 @@
     <div class="ab-draw-grid">
       <div v-for="item in selectedItem" :key="item.op_id" class="ab-draw">
         <div class="ab-draw-cover" @click="showImg(item)">
-          <TMiImg :src="item.unread_picture[Number(isAether)]" :alt="item.word_text" />
+          <div class="ab-draw-img">
+            <TMiImg :src="item.unread_picture[Number(isAether)]" :alt="item.word_text" />
+          </div>
           <div class="ab-draw-hide" />
           <v-icon class="ab-draw-icon">mdi-magnify</v-icon>
         </div>
@@ -158,6 +160,15 @@ function getItemProps(item: TGApp.Archive.Birth.RoleItem) {
   aspect-ratio: 125 / 54;
 }
 
+.ab-draw-img {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+
 .ab-draw-hide {
   position: absolute;
   top: 0;
diff --git a/src/pages/User/Abyss.vue b/src/pages/User/Abyss.vue
index 84a60ee8..ef4f2cb8 100644
--- a/src/pages/User/Abyss.vue
+++ b/src/pages/User/Abyss.vue
@@ -305,6 +305,7 @@ async function uploadAbyss(): Promise<void> {
     }
     showSnackbar.success(res.message ?? "上传深渊数据成功");
     await TGLogger.Info("[UserAbyss][uploadAbyss] 上传深渊数据成功");
+    await TGLogger.Info(`[${res.retcode}] ${res.message}`);
   } catch (e) {
     if (e instanceof Error) {
       showSnackbar.error(e.message);
diff --git a/src/pages/WIKI/Abyss.vue b/src/pages/WIKI/Abyss.vue
index 9d545a6b..18c1143e 100644
--- a/src/pages/WIKI/Abyss.vue
+++ b/src/pages/WIKI/Abyss.vue
@@ -95,11 +95,11 @@ watch(
 );
 
 onMounted(async () => {
-  await showLoading.start("正在获取深渊数据", "正在获取深渊概览");
-  overview.value = {
-    cur: await Hutao.Abyss.overview(),
-    last: await Hutao.Abyss.overview(true),
-  };
+  await showLoading.start("正在获取深渊数据", "正在获取上期深渊概览");
+  const lastData = await Hutao.Abyss.overview(true);
+  await showLoading.update("正在获取本期深渊概览");
+  const curData = await Hutao.Abyss.overview();
+  overview.value = { scur: curData, last: lastData };
   await showLoading.update("正在获取角色使用率数据");
   abyssData.use = <AbyssDataItem<TGApp.Plugins.Hutao.Abyss.AvatarUse[]>>await getData("use");
   await showLoading.end();
diff --git a/src/pages/WIKI/Character.vue b/src/pages/WIKI/Character.vue
index 3e3d1057..fb5a78d5 100644
--- a/src/pages/WIKI/Character.vue
+++ b/src/pages/WIKI/Character.vue
@@ -2,8 +2,8 @@
   <div class="wc-box">
     <div class="wc-left">
       <div class="wc-select">
-        <v-btn @click="showSelect = true">筛选角色</v-btn>
-        <v-btn @click="resetSelect = true">重置筛选</v-btn>
+        <v-btn @click="showSelect = true" class="wc-btn">筛选角色</v-btn>
+        <v-btn @click="resetSelect = true" class="wc-btn">重置筛选</v-btn>
       </div>
       <div class="wc-list">
         <TwcListItem
@@ -129,6 +129,16 @@ async function toOuter(item?: TGApp.App.Character.WikiBriefInfo): Promise<void>
   gap: 10px;
 }
 
+.wc-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+  border-radius: 5px;
+  background: var(--tgc-btn-1);
+  color: var(--btn-text);
+}
+
 .wc-list {
   position: relative;
   display: grid;
diff --git a/src/pages/WIKI/Material.vue b/src/pages/WIKI/Material.vue
index c16f275a..1f0dbd35 100644
--- a/src/pages/WIKI/Material.vue
+++ b/src/pages/WIKI/Material.vue
@@ -228,7 +228,7 @@ function searchMaterial(): void {
 .twm-item-right {
   position: relative;
   overflow: hidden;
-  max-width: 100%;
+  max-width: calc(100% - 50px);
   color: var(--box-text-2);
   font-size: 14px;
   text-overflow: ellipsis;
diff --git a/src/pages/WIKI/Weapon.vue b/src/pages/WIKI/Weapon.vue
index 7d56bb48..cafc7b83 100644
--- a/src/pages/WIKI/Weapon.vue
+++ b/src/pages/WIKI/Weapon.vue
@@ -2,10 +2,8 @@
   <div class="ww-box">
     <div class="ww-left">
       <div class="ww-select">
-        <v-btn @click="showSelect = true">
-          <span>筛选武器</span>
-        </v-btn>
-        <v-btn @click="resetSelect = true">重置筛选</v-btn>
+        <v-btn @click="showSelect = true" class="ww-btn">筛选武器</v-btn>
+        <v-btn @click="resetSelect = true" class="ww-btn">重置筛选</v-btn>
       </div>
       <div class="ww-list">
         <TwcListItem
@@ -116,6 +114,16 @@ async function toOuter(item?: TGApp.App.Weapon.WikiBriefInfo): Promise<void> {
   gap: 10px;
 }
 
+.ww-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+  border-radius: 5px;
+  background: var(--tgc-btn-1);
+  color: var(--btn-text);
+}
+
 .ww-list {
   position: relative;
   display: grid;
diff --git a/src/pages/common/PageTest.vue b/src/pages/common/PageTest.vue
index d47da50f..08329c19 100644
--- a/src/pages/common/PageTest.vue
+++ b/src/pages/common/PageTest.vue
@@ -13,9 +13,27 @@
         </div>
       </div>
     </div>
+    <div class="btn-list">
+      <v-btn @click="test()" class="test-btn">测试</v-btn>
+    </div>
   </div>
 </template>
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import showSnackbar from "@comp/func/snackbar.js";
+
+import takumiReq from "@/web/request/takumiReq.js";
+
+const gameToken = "LCLQ2pYLnEDh7p03ogJVxL9dZqbeLtUE";
+const uid = "249066520";
+
+async function test(): Promise<void> {
+  const resp = await takumiReq.game.stoken({ uid: uid, token: gameToken });
+  if (resp.retcode !== 0) {
+    showSnackbar.error(`[${resp.retcode}] ${resp.message}`);
+    return;
+  }
+}
+</script>
 <style lang="css" scoped>
 .test-box {
   display: flex;