From 94ae39337b4ea579a37da75785806849e55f6eea Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Tue, 9 Sep 2025 12:53:47 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20=E6=94=B9=E8=BF=9B=E4=B8=8D?=
 =?UTF-8?q?=E5=90=8C=E7=B1=BB=E5=9E=8B=E6=B4=BB=E5=8A=A8=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/pageHome/ph-comp-position.vue |  1 +
 src/components/pageHome/ph-pos-user.vue      | 95 ++++++++++++++++++--
 src/enum/game.ts                             | 14 +++
 3 files changed, 104 insertions(+), 6 deletions(-)

diff --git a/src/components/pageHome/ph-comp-position.vue b/src/components/pageHome/ph-comp-position.vue
index f74f43e9..e4b51d8b 100644
--- a/src/components/pageHome/ph-comp-position.vue
+++ b/src/components/pageHome/ph-comp-position.vue
@@ -14,6 +14,7 @@
       </div>
     </template>
   </THomeCard>
+  <!-- TODO: 活动奖励材料浮窗 -->
 </template>
 <script lang="ts" setup>
 import showLoading from "@comp/func/loading.js";
diff --git a/src/components/pageHome/ph-pos-user.vue b/src/components/pageHome/ph-pos-user.vue
index 002d16c7..423b8ab7 100644
--- a/src/components/pageHome/ph-pos-user.vue
+++ b/src/components/pageHome/ph-pos-user.vue
@@ -8,12 +8,59 @@
         <v-icon v-else title="未完成" color="var(--tgc-od-white)">mdi-circle</v-icon>
         <span>{{ props.pos.name }}</span>
       </div>
-      <!-- TODO: 枚举 -->
       <div class="subtitle">
-        <template v-if="props.pos.type === 'ActTypeExplore'">
+        <!-- 处理幽境危战 -->
+        <template v-if="props.pos.type === ActCalendarTypeEnum.HardChallenge">
+          <div class="challenge-append" @click="toChallenge()" title="点击前往幽境页面">
+            <template v-if="!props.pos.hard_challenge_detail.is_unlock">
+              <span>未解锁</span>
+            </template>
+            <template v-else>
+              <span>最佳记录</span>
+              <span>{{ props.pos.hard_challenge_detail.second }}s</span>
+              <img
+                :title="getHardChallengeDesc(props.pos.hard_challenge_detail.difficulty)"
+                :src="`/icon/challenge/UI_LeyLineChallenge_Medal_${props.pos.hard_challenge_detail.difficulty}.webp`"
+                alt="medal"
+              />
+            </template>
+          </div>
+        </template>
+        <!-- 处理真境剧诗 -->
+        <template v-else-if="props.pos.type === ActCalendarTypeEnum.RoleCombat">
+          <div class="combat-append" @click="toCombat()" title="点击前往剧诗页面">
+            <template v-if="!props.pos.role_combat_detail.is_unlock">
+              <span>未解锁</span>
+            </template>
+            <template v-else-if="!props.pos.role_combat_detail.has_data">
+              <span>尚未挑战</span>
+            </template>
+            <span v-else>第{{ props.pos.role_combat_detail.max_round_id }}幕</span>
+          </div>
+        </template>
+        <!-- 处理深境螺旋 -->
+        <template v-else-if="props.pos.type === ActCalendarTypeEnum.Tower">
+          <div class="abyss-append" @click="toAbyss()" title="点击前往深渊页面">
+            <template v-if="!props.pos.tower_detail.is_unlock">
+              <span>未解锁</span>
+            </template>
+            <template v-else-if="!props.pos.tower_detail.has_data">
+              <span>尚未挑战</span>
+            </template>
+            <template v-else>
+              <span>
+                {{ props.pos.tower_detail.max_star }}/{{ props.pos.tower_detail.total_star }}
+              </span>
+              <img src="/icon/star/Abyss.webp" alt="abyss" />
+            </template>
+          </div>
+        </template>
+        <!-- 处理区域探索 -->
+        <template v-else-if="props.pos.type === ActCalendarTypeEnum.Explore">
           <span>当前区域探索度: {{ props.pos.explore_detail.explore_percent }}%</span>
         </template>
-        <template v-else-if="props.pos.type === 'ActTypeDouble'">
+        <!-- 处理双倍经验 -->
+        <template v-else-if="props.pos.type === ActCalendarTypeEnum.Double">
           <span>
             剩余双倍次数: {{ props.pos.double_detail.left }}/{{ props.pos.double_detail.total }}
           </span>
@@ -21,8 +68,8 @@
       </div>
     </div>
     <div class="ph-puc-duration">
-      <span>{{ stamp2LastTime(restTs * 1000) }}</span>
-      <span>
+      <span title="剩余时间">{{ stamp2LastTime(restTs * 1000) }}</span>
+      <span title="活动时间">
         {{ timestampToDate(Number(props.pos.start_timestamp) * 1000) }} ~
         {{ timestampToDate(Number(props.pos.end_timestamp) * 1000) }}
       </span>
@@ -34,7 +81,7 @@
         :key="reward.item_id"
         class="ph-puc-reward"
       >
-        <TMiImg :src="`/icon/bg/${reward.rarity}-Star.webp`" class="bg" alt="bg" />
+        <img :src="`/icon/bg/${reward.rarity}-Star.webp`" class="bg" alt="bg" />
         <TMiImg :ori="true" :alt="reward.name" :src="reward.icon" class="icon" />
         <span v-if="reward.num > 0" class="count">{{ reward.num }}</span>
       </div>
@@ -43,14 +90,20 @@
 </template>
 <script lang="ts" setup>
 import TMiImg from "@comp/app/t-mi-img.vue";
+import { ActCalendarTypeEnum } from "@enum/game.js";
+import { getHardChallengeDesc } from "@Sql/utils/transUserRecord.js";
 import { stamp2LastTime, timestampToDate } from "@utils/toolFunc.js";
 import { onMounted, onUnmounted, ref } from "vue";
+import { useRouter } from "vue-router";
 
 type PhCompPositionUserProps = { pos: TGApp.Game.ActCalendar.ActItem };
 
 // eslint-disable-next-line no-undef
 let timer: NodeJS.Timeout | null = null;
+const router = useRouter();
+
 const props = defineProps<PhCompPositionUserProps>();
+
 const endTs = ref<number>(0);
 const restTs = ref<number>(0);
 const durationTs = ref<number>(0);
@@ -75,6 +128,18 @@ function handlePosition(): void {
   restTs.value = endTs.value - Math.floor(Date.now() / 1000);
 }
 
+async function toChallenge(): Promise<void> {
+  await router.push({ name: "幽境危战" });
+}
+
+async function toCombat(): Promise<void> {
+  await router.push({ name: "真境剧诗" });
+}
+
+async function toAbyss(): Promise<void> {
+  await router.push({ name: "深境螺旋" });
+}
+
 onUnmounted(() => {
   if (timer !== null) clearInterval(timer);
 });
@@ -119,6 +184,23 @@ onUnmounted(() => {
     justify-content: flex-start;
     column-gap: 4px;
     font-size: 12px;
+
+    .challenge-append,
+    .combat-append,
+    .abyss-append {
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      column-gap: 4px;
+      cursor: pointer;
+      user-select: none;
+
+      img {
+        width: 24px;
+        height: 24px;
+        cursor: pointer;
+      }
+    }
   }
 }
 
@@ -129,6 +211,7 @@ onUnmounted(() => {
   color: var(--box-text-2);
   column-gap: 4px;
   font-size: 12px;
+  user-select: none;
 
   span:last-child {
     font-size: 10px;
diff --git a/src/enum/game.ts b/src/enum/game.ts
index a85554d2..db71f25d 100644
--- a/src/enum/game.ts
+++ b/src/enum/game.ts
@@ -40,3 +40,17 @@ export function getGameServerDesc(server: TGApp.Game.Base.ServerTypeEnum): strin
       return "国际服-港澳台服";
   }
 }
+
+/**
+ * @description 近期活动活动类型枚举
+ * @since Beta v0.8.0
+ * @enum ActCalendarTypeEnum
+ */
+export const ActCalendarTypeEnum: typeof TGApp.Game.ActCalendar.ActType = {
+  HardChallenge: "ActTypeHardChallenge",
+  RoleCombat: "ActTypeRoleCombat",
+  Tower: "ActTypeTower",
+  Double: "ActTypeDouble",
+  Explore: "ActTypeExplore",
+  Other: "ActTypeOther",
+};