From 3dfea9bbe86f555916184815984c97f5d41befeb Mon Sep 17 00:00:00 2001
From: Zyronon <Zyronon@163.com>
Date: Mon, 27 Oct 2025 00:30:01 +0800
Subject: [PATCH] feat:further improve the word practice to solve the problem
 of too many reviews

---
 src/pages/setting/Setting.vue                 | 57 ++++++++++++++++++-
 .../word/components/PracticeSettingDialog.vue |  2 +-
 src/pages/word/components/TypeWord.vue        | 35 ++++++++----
 3 files changed, 79 insertions(+), 15 deletions(-)

diff --git a/src/pages/setting/Setting.vue b/src/pages/setting/Setting.vue
index a0d96b7d..d6e4730e 100644
--- a/src/pages/setting/Setting.vue
+++ b/src/pages/setting/Setting.vue
@@ -682,8 +682,61 @@ function importOldData() {
           <div class="item p-2">
             <div class="mb-2">
               <div>
-                <span>2025/9/14：</span>
-                <span>完善文章编辑、导入、导出等功能</span>
+                <div>更新日期：2025/10/26</div>
+                <div>更新内容：进一步完善单词练习，解决复习数量太多的问题</div>
+              </div>
+              <div class="text-base mt-1">
+                <ol>
+                  <li>
+                    <div class="title"><b>智能模式优化</b></div>
+                    <div class="desc">练习时新增四种练习模式：学习、复习、听写、默写。</div>
+                  </li>
+                  <li>
+                    <div class="title"><b>学习模式</b></div>
+                    <div class="desc">
+                      <ul>
+                        <li>仅在练习新词时出现。</li>
+                        <li>采用「跟写 / 拼写」方式进行学习。</li>
+                        <li>每 7 个单词会 <b>强制进行听写</b>，解决原来“一次练太多，听写时已忘记”的问题。</li>
+                      </ul>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="title"><b>复习模式（新增）</b></div>
+                    <div class="desc">
+                      <ul>
+                        <li>仅在复习已学单词时出现。</li>
+                        <li>不再强制拼写，提供「我认识」与「不认识」选项。</li>
+                        <li>选择「我认识」后，该单词在后续听写或默写中将不再出现，<b>显著减少复习数量</b>。</li>
+                      </ul>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="title"><b>听写模式</b></div>
+                    <div class="desc">原有逻辑保持不变。</div>
+                  </li>
+                  <li>
+                    <div class="title"><b>默写模式（新增）</b></div>
+                    <div class="desc">
+                      <ul>
+                        <li>仅显示释义，不自动发音，不显示单词长度。</li>
+                        <li>适合强化拼写记忆的场景。</li>
+                      </ul>
+                    </div>
+                  </li>
+                </ol>
+                <b>说明：</b>
+                <div>本次更新重点解决了“复习单词数量过多、效率偏低”的问题。</div>
+                <div>通过引入「复习」与「默写」两种模式，使复习流程更加灵活、高效。</div>
+              </div>
+            </div>
+            <div class="line"></div>
+          </div>
+          <div class="item p-2">
+            <div class="mb-2">
+              <div>
+                <div>更新日期：2025/9/14</div>
+                <div>更新内容：完善文章编辑、导入、导出等功能</div>
               </div>
               <div class="text-base mt-1">
                 <div>1、文章的音频管理功能，目前已可添加音频、设置句子与音频的对应位置</div>
diff --git a/src/pages/word/components/PracticeSettingDialog.vue b/src/pages/word/components/PracticeSettingDialog.vue
index af0b2535..202ea6bc 100644
--- a/src/pages/word/components/PracticeSettingDialog.vue
+++ b/src/pages/word/components/PracticeSettingDialog.vue
@@ -66,7 +66,7 @@ watch(() => model.value, (n) => {
         <div class="flex gap-4 text-center h-30 w-85">
           <div class="mode-item" :class="temPracticeMode == 0 && 'active'" @click=" temPracticeMode = 0">
             <div class="title text-align-center">智能模式</div>
-            <div class="desc mt-2">自动规划学习、复习、默写单词</div>
+            <div class="desc mt-2">自动规划学习、复习、听写、默写</div>
           </div>
           <div class="mode-item" :class="temPracticeMode == 1 && 'active'" @click=" temPracticeMode = 1">
             <div class="title">自由模式</div>
diff --git a/src/pages/word/components/TypeWord.vue b/src/pages/word/components/TypeWord.vue
index 9bcdcc6d..d5ae4abf 100644
--- a/src/pages/word/components/TypeWord.vue
+++ b/src/pages/word/components/TypeWord.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import {WordPracticeType, ShortcutKey, Word, WordPracticeMode} from "@/types/types.ts";
+import { WordPracticeType, ShortcutKey, Word, WordPracticeMode } from "@/types/types.ts";
 import VolumeIcon from "@/components/icon/VolumeIcon.vue";
-import {useSettingStore} from "@/stores/setting.ts";
-import {usePlayBeep, usePlayCorrect, usePlayKeyboardAudio, usePlayWordAudio} from "@/hooks/sound.ts";
-import {emitter, EventKey, useEvents} from "@/utils/eventBus.ts";
-import {inject, onMounted, onUnmounted, Ref, watch} from "vue";
+import { useSettingStore } from "@/stores/setting.ts";
+import { usePlayBeep, usePlayCorrect, usePlayKeyboardAudio, usePlayWordAudio } from "@/hooks/sound.ts";
+import { emitter, EventKey, useEvents } from "@/utils/eventBus.ts";
+import { inject, onMounted, onUnmounted, Ref, watch } from "vue";
 import SentenceHightLightWord from "@/pages/word/components/SentenceHightLightWord.vue";
-import {usePracticeStore} from "@/stores/practice.ts";
-import {getDefaultWord} from "@/types/func.ts";
-import {_nextTick, last, sleep} from "@/utils";
+import { usePracticeStore } from "@/stores/practice.ts";
+import { getDefaultWord } from "@/types/func.ts";
+import { _nextTick, last, sleep } from "@/utils";
 import BaseButton from "@/components/BaseButton.vue";
 import Space from "@/pages/article/components/Space.vue";
 import Toast from "@/components/base/toast/Toast.ts";
@@ -25,7 +25,7 @@ const props = withDefaults(defineProps<IProps>(), {
 const emit = defineEmits<{
   complete: [],
   wrong: [],
-  know:[],
+  know: [],
 }>()
 
 let input = $ref('')
@@ -121,12 +121,18 @@ const right = $computed(() => {
   }
 })
 
+let showNotice = false
+
 function know(e) {
   if (settingStore.wordPracticeType === WordPracticeType.Identify) {
     if (!showWordResult) {
       inputLock = showWordResult = true
       input = props.word.word
       emit('know')
+      if (!showNotice) {
+        Toast.info('若误选“我认识”，可按删除键重新选择！', {duration: 5000})
+        showNotice = true
+      }
       return
     }
   }
@@ -407,7 +413,8 @@ useEvents([
           <span class="input" v-if="input">{{ input }}</span>
           <span class="wrong" v-if="wrong">{{ wrong }}</span>
           <template v-if="settingStore.wordPracticeMode === WordPracticeMode.System">
-            <template v-if="[WordPracticeType.Spell,WordPracticeType.Listen,WordPracticeType.Dictation].includes(settingStore.wordPracticeType)">
+            <template
+                v-if="[WordPracticeType.Spell,WordPracticeType.Listen,WordPracticeType.Dictation].includes(settingStore.wordPracticeType)">
             <span class="letter" v-if="!showFullWord">{{
                 displayWord.split('').map(() => (WordPracticeType.Dictation === settingStore.wordPracticeType ? '&nbsp;' : '_')).join('')
               }}</span>
@@ -424,7 +431,8 @@ useEvents([
         </template>
       </div>
 
-      <div class="mt-4 flex gap-4" v-if="settingStore.wordPracticeType === WordPracticeType.Identify && !showWordResult">
+      <div class="mt-4 flex gap-4"
+           v-if="settingStore.wordPracticeType === WordPracticeType.Identify && !showWordResult">
         <BaseButton
             :keyboard="`快捷键(${settingStore.shortcutKeyMap[ShortcutKey.KnowWord]})`"
             size="large" @click="know">我认识
@@ -477,7 +485,10 @@ useEvents([
               <div class="flex items-center gap-4" v-for="item in word.phrases">
                 <SentenceHightLightWord class="en" :text="item.c" :word="word.word"
                                         :dictation="!(!settingStore.dictation || showFullWord || showWordResult)"/>
-                <div class="cn anim" v-opacity="settingStore.translate || showFullWord || showWordResult">{{ item.cn }}</div>
+                <div class="cn anim" v-opacity="settingStore.translate || showFullWord || showWordResult">{{
+                    item.cn
+                  }}
+                </div>
               </div>
             </div>
           </div>