music(ui): 简化只留「和弦谱」一个抓取 tab，简谱/字母版废弃

apps/music/frontend/src/views/PlayerView.vue

@@ -131,10 +131,10 @@
               >{{ line.text }}</div>
             </div>
 
-            <!-- 谱面：弹唱谱 / 功能谱 共用渲染 -->
-            <div v-show="['chord', 'functional'].includes(activeTab)" class="sheet-box">
+            <!-- 和弦谱 -->
+            <div v-show="activeTab === 'chord'" class="sheet-box">
               <img
-                v-for="att in chordTabAttachments(activeTab)"
+                v-for="att in chordTabAttachments('chord')"
                 :key="att.id"
                 :src="attachmentUrl(att.id)"
                 :alt="att.filename"
@@ -142,34 +142,33 @@
                 @click="fullscreenSrc = attachmentUrl(att.id)"
               />
               <div
-                v-if="chordTabAttachments(activeTab).length === 0"
+                v-if="chordTabAttachments('chord').length === 0"
                 class="auto-fetch"
               >
-                <p v-if="chordStateOf(activeTab) === 'idle'" class="hint-line">
-                  <span v-if="activeTab === 'chord'">从 yopu.co 抓 <b>和弦谱（字母 G/Em/C + 六线谱）</b>。</span>
-                  <span v-else>从 yopu.co 抓 <b>简谱（数字 1/4/5/6m 级数）</b>。</span>
+                <p v-if="chordStateOf('chord') === 'idle'" class="hint-line">
+                  从 yopu.co 抓 <b>和弦谱（歌词 + 数字级数 1/4/5/6m）</b>。
                 </p>
-                <p v-else-if="['pending','processing'].includes(chordStateOf(activeTab))" class="hint-line">
+                <p v-else-if="['pending','processing'].includes(chordStateOf('chord'))" class="hint-line">
                   正在抓取，约 30-60s…
                 </p>
-                <p v-else-if="chordStateOf(activeTab) === 'failed'" class="hint-line err">
-                  抓取失败：{{ chordErrors[modeForTab(activeTab)] }}
+                <p v-else-if="chordStateOf('chord') === 'failed'" class="hint-line err">
+                  抓取失败：{{ chordErrors.chord }}
                 </p>
                 <button
                   class="btn-fetch"
-                  :disabled="['pending','processing'].includes(chordStateOf(activeTab))"
-                  @click="startChordFetch(modeForTab(activeTab))"
+                  :disabled="['pending','processing'].includes(chordStateOf('chord'))"
+                  @click="startChordFetch('chord')"
                 >
-                  <span v-if="['pending','processing'].includes(chordStateOf(activeTab))" class="spin">⏳</span>
-                  <span v-else>🎸 自动抓取{{ activeTab === 'chord' ? '和弦谱' : '简谱' }}</span>
+                  <span v-if="['pending','processing'].includes(chordStateOf('chord'))" class="spin">⏳</span>
+                  <span v-else>🎸 自动抓取和弦谱</span>
                 </button>
               </div>
             </div>
 
-            <!-- 五线谱（手动上传的图） -->
-            <div v-show="activeTab === 'staff'" class="sheet-box">
+            <!-- 简谱（手动上传的图） / 五线谱 -->
+            <div v-show="['numbered', 'staff'].includes(activeTab)" class="sheet-box">
               <img
-                v-for="att in roleAttachments('staff')"
+                v-for="att in roleAttachments(activeTab)"
                 :key="att.id"
                 :src="attachmentUrl(att.id)"
                 :alt="att.filename"
@@ -480,11 +479,11 @@ async function runInspire() {
   }
 }
 
-// chord —— 两个 mode 各自独立 state
-const chordStates = ref({ letters: 'idle', functional: 'idle' })
-const chordErrors = ref({ letters: '', functional: '' })
-const chordPollTimers = { letters: null, functional: null }
-const chordPollStarted = { letters: 0, functional: 0 }
+// chord —— 单 mode（只抓 yopu 默认数字级数版）
+const chordStates = ref({ chord: 'idle' })
+const chordErrors = ref({ chord: '' })
+const chordPollTimers = { chord: null }
+const chordPollStarted = { chord: 0 }
 function chordStateOf(tab) {
   return chordStates.value[modeForTab(tab)] || 'idle'
 }
@@ -524,19 +523,15 @@ function roleAttachments(role) {
   )
 }
 
-// 和弦谱 tab = 字母版 (chord_letters + 历史 chord)
-// 简谱 tab   = 数字级数版 (chord_functional) + 用户手动上传 numbered
+// 和弦谱 tab = role='chord'（数字级数版，yopu 自动抓的就这种）
 function chordTabAttachments(tab) {
-  const set = tab === 'chord'
-    ? new Set(['chord', 'chord_letters'])
-    : new Set(['chord_functional', 'numbered'])
   return (selected.value?.attachments || []).filter(
-    a => a.kind === 'image' && set.has(a.role),
+    a => a.kind === 'image' && a.role === 'chord',
   )
 }
 
-function modeForTab(tab) {
-  return tab === 'functional' ? 'functional' : 'letters'
+function modeForTab(_tab) {
+  return 'chord'  // 唯一抓取模式
 }
 
 const tabs = computed(() => {
@@ -544,7 +539,8 @@ const tabs = computed(() => {
   const list = []
   if (selected.value.lyrics) list.push({ key: 'lyrics', label: '歌词', count: 0 })
   list.push({ key: 'chord', label: '和弦谱', count: chordTabAttachments('chord').length })
-  list.push({ key: 'functional', label: '简谱', count: chordTabAttachments('functional').length })
+  const num = roleAttachments('numbered').length
+  if (num) list.push({ key: 'numbered', label: '简谱(自传)', count: num })
   const staff = roleAttachments('staff').length
   if (staff) list.push({ key: 'staff', label: '五线谱', count: staff })
   if (pdfAttachments.value.length) list.push({ key: 'pdf', label: '乐谱 PDF', count: pdfAttachments.value.length })
@@ -662,9 +658,9 @@ async function promptNewPlaylist() {
 async function loadPiece(id) {
   selected.value = null
   notesDraft.value = ''
-  stopChordPoll('letters'); stopChordPoll('functional')
-  chordStates.value = { letters: 'idle', functional: 'idle' }
-  chordErrors.value = { letters: '', functional: '' }
+  stopChordPoll('chord')
+  chordStates.value = { chord: 'idle' }
+  chordErrors.value = { chord: '' }
   abortChat()
   chatMessages.value = []
   chatStreamText.value = ''
@@ -1002,7 +998,7 @@ onMounted(async () => {
 onBeforeUnmount(() => {
   document.removeEventListener('keydown', onKeyDown)
   if (notesTimer) clearTimeout(notesTimer)
-  stopChordPoll('letters'); stopChordPoll('functional')
+  stopChordPoll('chord')
   abortChat()
 })
 </script>