From 1f44da3c6c8bc3cfad15f646346555aaa4801f95 Mon Sep 17 00:00:00 2001
From: cat_shark <1716967236@qq.com>
Date: Sat, 30 May 2026 15:58:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=A2=8E=E7=89=87=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=BA=8F=E5=8F=B7=E6=A0=87=E8=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- StartTask.vue 碎片列表前显示圆形序号
- ReviewDetail.vue 残片标签改为「残片1」「残片2」等带序号形式
---
 src/components/ReviewDetail.vue |  4 ++--
 src/components/StartTask.vue    | 17 ++++++++++++++++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/ReviewDetail.vue b/src/components/ReviewDetail.vue
index 098b4aa..96e3957 100644
--- a/src/components/ReviewDetail.vue
+++ b/src/components/ReviewDetail.vue
@@ -243,13 +243,13 @@ onMounted(() => {
 
         <div class="session-fragments" v-if="session.fragments.length > 0">
           <span
-            v-for="f in session.fragments"
+            v-for="(f, idx) in session.fragments"
             :key="f.id"
             class="clickable-text"
             :class="{ active: contentType === 'fragment' && f.id === contentId }"
             @click="goToDetail('fragment', f.id)"
           >
-            <span class="label-tag fragment-tag">残片</span>
+            <span class="label-tag fragment-tag">残片{{ idx + 1 }}</span>
             {{ f.content.length > 150 ? f.content.substring(0, 150) + "..." : f.content }}
           </span>
         </div>
diff --git a/src/components/StartTask.vue b/src/components/StartTask.vue
index 4d343d7..3e86bd6 100644
--- a/src/components/StartTask.vue
+++ b/src/components/StartTask.vue
@@ -370,10 +370,11 @@ onUnmounted(() => {
     <article class="surface-card fragments-card" v-if="fragmentsList.length > 0">
       <h3>当前会话学习残片</h3>
       <div
-        v-for="fragment in fragmentsList"
+        v-for="(fragment, index) in fragmentsList"
         :key="fragment.id"
         class="fragment-item"
       >
+        <span class="fragment-index">{{ index + 1 }}</span>
         <template v-if="editingFragmentId === fragment.id">
           <el-input
             v-model="editFragmentContent"
@@ -541,6 +542,20 @@ onUnmounted(() => {
   border-bottom: none;
 }
 
+.fragment-index {
+  flex-shrink: 0;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: var(--green-600);
+  color: #fff;
+  font-size: 12px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 .fragment-content {
   flex: 1;
   font-size: 14px;