选课

web/src/views/GradesView.vue

@@ -504,14 +504,14 @@ onMounted(async () => {
                     <span v-else>{{ row.finalScore ?? '—' }}</span>
                   </template>
                 </el-table-column>
-                <el-table-column label="总评" width="110">
+                <el-table-column label="总评" width="90">
                   <template #default="{ row }">
-                    <div class="total-score-cell">
-                      <b class="total-score" :class="scoreClass(row.totalScore)">{{ row.totalScore ?? '—' }}</b>
-                      <span v-if="detail.canEdit && row.examStatus === 'Normal'" class="preview-score" :class="scoreClass(calcPreviewTotal(row))">
-                        参考 {{ calcPreviewTotal(row) ?? '—' }}
-                      </span>
-                    </div>
+                    <template v-if="detail.canEdit && row.examStatus === 'Normal'">
+                      <b class="total-score preview" :class="scoreClass(calcPreviewTotal(row))">
+                        {{ calcPreviewTotal(row) ?? '—' }}
+                      </b>
+                    </template>
+                    <b v-else class="total-score" :class="scoreClass(row.totalScore)">{{ row.totalScore ?? '—' }}</b>
                   </template>
                 </el-table-column>
                 <el-table-column label="考试状态" width="115">
@@ -631,11 +631,13 @@ onMounted(async () => {
 .item-row > span:first-child { flex: 1; font-size: 13px; font-weight: 650; }
 .add-item-row { display: flex; align-items: center; gap: 8px; }
 
-/* Preview score */
-.total-score-cell { display: flex; flex-direction: column; align-items: center; gap: 2px; }
-.preview-score { font-size: 10px; opacity: .7; white-space: nowrap; }
-.preview-score.failed { color: #b34e48; }
-.preview-score.excellent { color: #2d8975; }
+/* Preview total score */
+.total-score.preview {
+  text-decoration: underline dashed;
+  text-underline-offset: 3px;
+  text-decoration-color: var(--muted);
+  cursor: help;
+}
 
 /* College review */
 .college-meta { color: var(--muted); font-size: 12px; margin-top: 2px; }