feat(admin): 优化用户界面动画与交互体验

- 调整倒计时音效触发时机为剩余5秒并添加新音频文件
- 为SvgIcon组件增加size属性以支持自定义图标尺寸
- 优化ActionButton组件的动画效果和视觉反馈
- 修复游戏页面组件卸载时未停止计时器的问题
- 重构音频控制器，改进音频预加载和播放逻辑
- 优化团队选择页面的卷轴动画和布局跳转逻辑
- 改进小组选择页面的视觉样式和响应式布局
- 增强CompetitionLayout组件的标题动画和内容显示逻辑

apps/admin/src/views/user/game/index.vue

@@ -41,6 +41,7 @@ onMounted(async () => {
 })
 
 onUnmounted(() => {
+  store.stopTimer()
   stopPolling()
 })
 
@@ -135,7 +136,7 @@ async function handleNext() {
     // 并在获取失败时尝试从 detail 获取（如果后端在详情接口也返回了时间）
     const infoTime = store.currentQuestionInfo?.QuestionTime || (store.currentQuestionInfo as any)?.questionTime
     const detailTime = (store.currentQuestionDetail as any)?.QuestionTime || (store.currentQuestionDetail as any)?.questionTime
-    const duration = Number(infoTime || detailTime || 120) // 默认值改为 120s 或者保持 10s，用户说是 120s
+    const duration = Number(infoTime || detailTime || 120)
 
     console.log('开始倒计时，时长:', duration, 'InfoTime:', infoTime, 'DetailTime:', detailTime)
     store.startTimer(duration)
@@ -199,19 +200,8 @@ async function fetchGetGameStatisticsData(_params: Api.Competition.QuestionAddPa
       const { data } = await fetchGetGameStatistics(_params)
       // console.log(data, 'data')
       // 更新图表数据
-      // 假设接口返回格式为: [{ TeamName: '组1', Points: 10, ResultPotins: 5 }, ...]
-      // 需要根据实际接口返回结构调整映射逻辑
       const list = (data?.data || []) as any[]
       if (list && Array.isArray(list)) {
-        // 根据 TeamName 分组并去重（如果是同一个小组多条记录，可能需要合并，这里假设直接展示返回列表）
-        // 如果后端返回的就是每个小组一条汇总数据，直接映射即可
-        // 根据需求描述，返回的数据可能有多条同名小组记录，或者就是每个小组一条
-        // 鉴于示例数据中有重复的 TeamName (第一小队, 第二小队)，这里做一个简单的去重或聚合
-        // 实际上 fetchGetGameStatistics 应该是返回统计数据，如果返回了明细，前端需要聚合
-        // 但看字段 Points 和 ResultPotins 像是统计值，这里直接映射展示，如果有重复名，ECharts category 会自动处理或需要前端聚合
-        // 为了稳妥，这里按 TeamId 或 TeamName 聚合一下，取最新或求和？
-        // 假设返回的是当前所有小组的状态，直接映射即可
-
         // 使用 Map 去重，以 TeamId 为准，保留最新的状态
         const teamMap = new Map()
         list.forEach((item) => {
@@ -220,13 +210,6 @@ async function fetchGetGameStatisticsData(_params: Api.Competition.QuestionAddPa
             if (item.UserAnswerFont) {
               const parsed = JSON.parse(item.UserAnswerFont)
               if (Array.isArray(parsed) && parsed.length > 0) {
-                // 如果 AnswerText 存在，取其长度；否则（如选择题）如果对象存在则算 1 个
-                // 逻辑：如果是填空/听写类，AnswerText 是字符串，取长度？
-                // 根据需求：答题数量用 UserAnswerFont 里面 AnswerText 字段的 length 长度
-                // 注意：AnswerText 可能是 "B" (选择题) 或 "汉字" (听写)
-                // 如果是数组，是否需要累加所有项的 AnswerText 长度？
-                // 假设 UserAnswerFont 是一个数组 [{"AnswerText": "..."}]
-                // 这里我们遍历数组累加长度
                 parsed.forEach((p: any) => {
                   if (p.AnswerText) {
                     answerCount += String(p.AnswerText).length