From 0997a4f7f1849efae0dfea29ba06c0a712e72207 Mon Sep 17 00:00:00 2001
From: Zyronon <zyronon@163.com>
Date: Mon, 29 Dec 2025 01:15:35 +0800
Subject: [PATCH] wip

---
 src/pages/word/WordsPage.vue         |  2 ++
 src/pages/word/components/Footer.vue | 21 ++++++++++++++++-----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/pages/word/WordsPage.vue b/src/pages/word/WordsPage.vue
index 24e92bdb..99e2d871 100644
--- a/src/pages/word/WordsPage.vue
+++ b/src/pages/word/WordsPage.vue
@@ -438,6 +438,7 @@ const systemPracticeText = $computed(() => {
 
               <BaseButton
                 class="w-full"
+                v-if="settingStore.wordPracticeMode !== WordPracticeMode.Review"
                 :disabled="!currentStudy.review.length && !currentStudy.write.length"
                 @click="startPractice(WordPracticeMode.Review,true)"
               >
@@ -445,6 +446,7 @@ const systemPracticeText = $computed(() => {
               </BaseButton>
               <BaseButton
                 class="w-full"
+                v-if="settingStore.wordPracticeMode !== WordPracticeMode.Shuffle"
                 :disabled="store.sdict.lastLearnIndex < 10"
                 @click="check(() => (showShufflePracticeSettingDialog = true))"
               >
diff --git a/src/pages/word/components/Footer.vue b/src/pages/word/components/Footer.vue
index dae22c88..7a5ae078 100644
--- a/src/pages/word/components/Footer.vue
+++ b/src/pages/word/components/Footer.vue
@@ -2,8 +2,13 @@
 import { inject, Ref } from 'vue'
 import { usePracticeStore } from '@/stores/practice.ts'
 import { useSettingStore } from '@/stores/setting.ts'
-import { PracticeData, ShortcutKey,
-  WordPracticeMode, WordPracticeModeStageMap, WordPracticeStage, WordPracticeStageNameMap } from '@/types/types.ts'
+import {
+  PracticeData,
+  ShortcutKey,
+  WordPracticeMode,
+  WordPracticeModeStageMap,
+  WordPracticeStageNameMap,
+} from '@/types/types.ts'
 import BaseIcon from '@/components/BaseIcon.vue'
 import Tooltip from '@/components/base/Tooltip.vue'
 import Progress from '@/components/base/Progress.vue'
@@ -46,7 +51,6 @@ const progress = $computed(() => {
   if (!practiceData.words.length) return 0
   return (practiceData.index / practiceData.words.length) * 100
 })
-
 </script>
 
 <template>
@@ -61,7 +65,14 @@ const progress = $computed(() => {
     </Tooltip>
 
     <div class="bottom">
-      <Progress :percentage="progress" :stroke-width="8" color="#69b1ff" :show-text="false" />
+      <div class="flex gap-1">
+        <Tooltip
+          :title="WordPracticeStageNameMap[i]"
+          v-for="i of WordPracticeModeStageMap[settingStore.wordPracticeMode]"
+        >
+          <Progress :percentage="progress" :stroke-width="8" color="#69b1ff" :show-text="false" />
+        </Tooltip>
+      </div>
 
       <div class="flex justify-between items-center">
         <div class="stat">
@@ -99,7 +110,7 @@ const progress = $computed(() => {
 
           <div class="relative z-999 group">
             <div
-              class="space-y-2 btn-no-margin pb-2 left-1/2 -transform-translate-x-1/2 absolute z-999 bottom-full scale-95 opacity-0 group-hover:opacity-100 group-hover:scale-100 transition-all duration-300  pointer-events-none group-hover:pointer-events-auto"
+              class="space-y-2 btn-no-margin pb-2 left-1/2 -transform-translate-x-1/2 absolute z-999 bottom-full scale-95 opacity-0 group-hover:opacity-100 group-hover:scale-100 transition-all duration-300 pointer-events-none group-hover:pointer-events-auto"
             >
               <BaseButton size="normal" type="info" class="w-full" @click="$emit('toggleSimple')">
                 <div class="flex items-center gap-2">