feat(admin): 恢复按日期生成排期图片，重构多项体验问题

- **导入酷狗功能恢复**：废弃纯文本解析，重写为通过多选日期加载对应排期，并支持“根据日期分别生成图片”的场景。
- **浅色打印主题**：在 SchedulePrinter 和 ScheduleItemPrint 中应用 !important 强制白底黑字，消除系统深色模式对预览与打印效果的干扰。
- **日期选择器精简**：彻底删除 AdminDatePicker 和 AdminMultiDatePicker 中的横向日期盘滚动功能，改用直观的选定日期展示，配合月历面板实现更稳定快捷的选择。
- **自动排入逻辑修复**：严格过滤并匹配歌曲的 `expectedPlayDate` 和 `preferredPlayTimeId`，修复无期望播出时间的歌曲被错误填入的问题。

app/components/Admin/PlaylistCardPage.client.vue

@@ -2,322 +2,161 @@
   <div class="flex flex-col space-y-8 pb-12 lg:pb-20 animate-in fade-in slide-in-from-bottom-4 duration-500">
     <div class="flex flex-col space-y-2">
       <h2 class="text-2xl font-bold tracking-tight text-zinc-100">导入酷狗</h2>
-      <p class="text-sm text-zinc-500">粘贴酷狗歌单文本 或 选择日期读取已有排期，一键生成该日期的排期并导出宣传卡片</p>
+      <p class="text-sm text-zinc-500">选择排期日期，生成对应的广播排期卡片，用于扫描导入酷狗音乐</p>
     </div>
     
     <div class="flex flex-col gap-8">
-      <!-- 歌单导入区 -->
+      <!-- 设置面板 -->
       <div class="w-full flex flex-col gap-6">
         <div class="bg-zinc-900/40 border border-zinc-800 rounded-xl p-6 space-y-6 shadow-lg">
           <h3 class="text-lg font-bold flex items-center gap-2 text-zinc-100 shrink-0">
-            <Music2 class="w-4 h-4 text-blue-500" /> 歌单导入
+            <Layout class="w-4 h-4 text-blue-500" /> 选择日期
           </h3>
 
-          <div class="space-y-2 w-full">
-            <label class="text-[11px] font-black uppercase text-zinc-600 tracking-wider">粘贴酷狗歌单文本</label>
-            <textarea
-              v-model="pasteText"
-              rows="7"
-              class="w-full resize-y rounded-xl border border-zinc-800 bg-zinc-950/60 text-sm text-zinc-200 px-4 py-3 focus:outline-none focus:border-blue-500/70 font-mono"
-              placeholder="每行一首，支持以下格式之一：&#10;1. 序号 歌曲名 - 歌手&#10;2. 歌曲名 - 歌手&#10;3. 歌曲名 （歌手）&#10;示例：&#10;01 晴天 - 周杰伦&#10;稻香 (周杰伦)&#10;七里香-周杰伦"
-            />
-            <div class="flex flex-wrap gap-2 pt-1">
-              <button
-                :disabled="!pasteText.trim()"
-                class="px-3 py-2 text-xs font-bold rounded-xl bg-zinc-800 text-zinc-200 hover:bg-zinc-700 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
-                @click="parsePasteText"
-              >
-                <ListPlus class="w-3.5 h-3.5 inline-block mr-1" />解析文本
-              </button>
-              <button
-                v-if="parsedSongs.length > 0"
-                class="px-3 py-2 text-xs font-bold rounded-xl bg-red-500/10 text-red-400 hover:bg-red-500/20 transition-colors"
-                @click="clearParsed"
-              >
-                <Trash2 class="w-3.5 h-3.5 inline-block mr-1" />清空解析结果
-              </button>
-            </div>
-          </div>
-        </div>
-
-        <!-- 设置面板 -->
-        <div class="bg-zinc-900/40 border border-zinc-800 rounded-xl p-6 space-y-6 shadow-lg">
-          <h3 class="text-lg font-bold flex items-center gap-2 text-zinc-100 shrink-0">
-            <Layout class="w-4 h-4 text-blue-500" /> 生成设置
-          </h3>
-
-          <div class="flex flex-col gap-5">
+          <div class="flex flex-col gap-5 items-end">
             <!-- 日期选择 -->
-            <div class="space-y-2 w-full">
-              <label class="text-[11px] font-black uppercase text-zinc-600 tracking-wider">排期日期</label>
-              <AdminDatePicker
-                :modelValue="selectedDate"
-                @update:modelValue="selectedDate = $event"
-                @change="handleDateChange"
+            <div class="space-y-2 flex-1 w-full">
+              <label class="text-[11px] font-black uppercase text-zinc-600 tracking-wider">选择要生成图片的日期（可多选）</label>
+              <AdminMultiDatePicker
+                v-model="selectedDates"
+                @change="fetchSchedules"
               />
             </div>
-
-            <!-- 播出时段 -->
-            <div class="space-y-2 w-full">
-              <label class="text-[11px] font-black uppercase text-zinc-600 tracking-wider">默认播出时段（未选时不分配时段）</label>
-              <select
-                v-model="selectedPlayTimeId"
-                class="w-full h-[42px] px-4 rounded-xl border border-zinc-800 bg-zinc-950/60 text-sm text-zinc-200 focus:outline-none focus:border-blue-500/70"
-              >
-                <option :value="null">不指定时段</option>
-                <option v-for="pt in playTimes" :key="pt.id" :value="pt.id">
-                  {{ pt.name }}（{{ pt.startTime || '--:--' }} ~ {{ pt.endTime || '--:--' }}）{{ pt.enabled ? '' : ' - 已禁用' }}
-                </option>
-              </select>
-            </div>
             
-            <div class="flex flex-col sm:flex-row gap-3 w-full pt-1">
-              <button
-                :disabled="generatingSchedule || (parsedSongs.length === 0 && schedules.length === 0)"
-                class="flex-1 py-3 h-[54px] bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold rounded-xl shadow-lg shadow-emerald-900/20 transition-colors uppercase tracking-wider disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 shrink-0"
-                @click="generateSchedulesFromList"
-              >
-                <Save class="w-4 h-4" />
-                {{ generatingSchedule ? '保存中...' : (parsedSongs.length ? `将 ${parsedSongs.length} 首生成为排期` : (schedules.length ? `将现有 ${schedules.length} 首重新保存` : '无可用歌曲')) }}
-              </button>
-              <button
-                :disabled="loading || displaySongs.length === 0"
-                class="flex-1 py-3 h-[54px] bg-blue-600 hover:bg-blue-500 text-white text-xs font-bold rounded-xl shadow-lg shadow-blue-900/20 transition-colors uppercase tracking-wider disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 shrink-0"
-                @click="showModal = true"
-              >
-                <ImageIcon class="w-4 h-4" />
-                {{ loading ? '加载中...' : (displaySongs.length === 0 ? '无歌曲可预览' : '生成卡片') }}
-              </button>
-            </div>
+            <button
+              :disabled="loading || selectedDates.length === 0"
+              class="w-full py-3 h-[54px] bg-blue-600 hover:bg-blue-500 text-white text-xs font-bold rounded-xl shadow-lg shadow-blue-900/20 transition-colors uppercase tracking-wider disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2 shrink-0"
+              @click="fetchSchedules"
+            >
+              <CalendarDays class="w-4 h-4" />
+              {{ loading ? '加载排期中...' : '读取所选日期排期' }}
+            </button>
           </div>
         </div>
       </div>
       
       <!-- 预览区 -->
       <div class="w-full flex flex-col gap-4">
-        <div v-if="displaySongs.length > 0" class="bg-zinc-900/40 border border-zinc-800 rounded-xl p-6 shadow-lg">
-          <h3 class="text-lg font-bold text-zinc-100 mb-4 flex items-center justify-between">
-            <span>
-              {{ parsedSongs.length > 0 ? '解析结果预览' : '排期预览' }}（{{ displaySongs.length }} 首）
-            </span>
-            <span class="text-xs font-medium text-zinc-500">歌曲名与歌手名将完整显示，不会简写或隐藏</span>
-          </h3>
-          <div class="space-y-3">
-            <div v-for="(item, index) in displaySongs" :key="index" class="flex items-start gap-3 p-3 bg-zinc-950/50 border border-zinc-800/50 rounded-lg">
-              <span class="text-blue-500 font-bold w-6 pt-0.5">{{ index + 1 }}.</span>
-              <div class="flex-1 min-w-0">
-                <p class="text-sm text-zinc-200 font-medium break-words whitespace-normal">{{ item.song?.title || item.title }}</p>
-                <p class="text-xs text-zinc-500 break-words whitespace-normal mt-1">{{ item.song?.artist || item.artist }}</p>
-                <p v-if="item.status" class="text-[11px] mt-2 inline-block px-2 py-0.5 rounded-full" :class="statusClass(item.status)">
-                  {{ item.status }}
-                </p>
+        <template v-if="Object.keys(schedulesByDate).length > 0">
+          <div v-for="(schedules, date) in schedulesByDate" :key="date" class="bg-zinc-900/40 border border-zinc-800 rounded-xl p-6 shadow-lg mb-4">
+            <div class="flex items-center justify-between mb-4">
+              <h3 class="text-lg font-bold text-zinc-100">{{ date }} 排期预览 ({{ schedules.length }} 首)</h3>
+              <button
+                :disabled="schedules.length === 0"
+                class="px-4 py-2 bg-emerald-600 hover:bg-emerald-500 text-white text-xs font-bold rounded-xl shadow-lg shadow-emerald-900/20 transition-colors flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
+                @click="openGenerator(date, schedules)"
+              >
+                <ImageIcon class="w-4 h-4" />
+                生成该日图片
+              </button>
+            </div>
+            
+            <div v-if="schedules.length > 0" class="space-y-3">
+              <div v-for="(schedule, index) in schedules" :key="schedule.id || index" class="flex items-center gap-3 p-3 bg-zinc-950/50 border border-zinc-800/50 rounded-lg">
+                <span class="text-blue-500 font-bold w-6">{{ index + 1 }}.</span>
+                <div class="flex-1 overflow-hidden">
+                  <p class="text-sm text-zinc-200 font-medium truncate">{{ schedule.song?.title || schedule.title }}</p>
+                  <p class="text-xs text-zinc-500 truncate">{{ schedule.song?.artist || schedule.artist }}</p>
+                </div>
               </div>
             </div>
+            <div v-else class="text-center py-8 text-zinc-500">
+              该日期没有排期歌曲
+            </div>
           </div>
-        </div>
-        <div v-else-if="!loading" class="flex flex-col items-center justify-center py-20 bg-zinc-900/20 border border-zinc-800/50 rounded-xl border-dashed">
-          <ListMusic class="w-12 h-12 text-zinc-700 mb-4" />
-          <p class="text-zinc-500">尚未有歌曲，请粘贴歌单文本解析 或 选择日期读取已有排期</p>
+        </template>
+        <div v-else-if="!loading && selectedDates.length > 0" class="flex flex-col items-center justify-center py-20 bg-zinc-900/20 border border-zinc-800/50 rounded-xl border-dashed">
+          <CalendarDays class="w-12 h-12 text-zinc-700 mb-4" />
+          <p class="text-zinc-500">所选日期均没有排期歌曲</p>
         </div>
       </div>
     </div>
     
     <AdminPlaylistCardGenerator
       :show="showModal"
-      :songs="displaySongs"
-      :default-title="`${selectedDate} 校园广播歌单`"
+      :songs="currentGeneratorSongs"
+      :default-title="`${currentGeneratorDate} 校园广播歌单`"
       @close="showModal = false"
     />
   </div>
 </template>
 
 <script setup>
-import { ref, computed, onMounted, watch } from 'vue'
-import { Layout, Image as ImageIcon, Music2, ListPlus, Trash2, Save, ListMusic } from '@lucide/vue'
-import AdminDatePicker from './AdminDatePicker.vue'
+import { ref, onMounted, watch } from 'vue'
+import { Layout, Image as ImageIcon, CalendarDays } from '@lucide/vue'
+import AdminMultiDatePicker from './AdminMultiDatePicker.vue'
 import AdminPlaylistCardGenerator from './PlaylistCardGenerator.vue'
 import { useAuth } from '~/composables/useAuth'
 
-const auth = import.meta.client ? useAuth() : { getAuthConfig: () => ({}) }
-let adminInstance = null
-const getAdmin = async () => {
-  if (!import.meta.client) return null
-  if (adminInstance) return adminInstance
-  // @ts-ignore
-  const mod = await import(/* @vite-ignore */ '~/composables/useAdmin')
-  adminInstance = mod.useAdmin()
-  return adminInstance
-}
-const adminShim = {
-  loading: { value: false },
-  error: { value: '' },
-  addSong: async (p) => { const a = await getAdmin(); return a ? a.addSong(p) : { success: false } },
-  createSchedule: async (...args) => { const a = await getAdmin(); return a ? a.createSchedule(...args) : { success: false } }
-}
-const admin = import.meta.client ? adminShim : adminShim
+const auth = useAuth()
 
-const today = new Date()
-today.setHours(0, 0, 0, 0)
-const _fmt = (d) => `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`
-const selectedDate = ref(_fmt(today))
-const schedules = ref([])
-const parsedSongs = ref([])
+const todayStr = new Date().toISOString().split('T')[0]
+const selectedDates = ref([todayStr])
+const schedulesByDate = ref({})
 const loading = ref(false)
+
 const showModal = ref(false)
-const pasteText = ref('')
-const selectedPlayTimeId = ref(null)
-const generatingSchedule = ref(false)
-const playTimes = ref([])
+const currentGeneratorDate = ref('')
+const currentGeneratorSongs = ref([])
 
-const displaySongs = computed(() => parsedSongs.value.length ? parsedSongs.value : schedules.value)
-
-const statusClass = (s) => {
-  const map = {
-    '歌曲已创建': 'bg-emerald-500/15 text-emerald-400',
-    '已匹配现有歌曲': 'bg-blue-500/15 text-blue-400',
-    '匹配失败（未创建）': 'bg-amber-500/15 text-amber-400',
-    '排期保存失败': 'bg-red-500/15 text-red-400',
-    '排期已创建': 'bg-emerald-500/15 text-emerald-400'
-  }
-  return map[s] || 'bg-zinc-800 text-zinc-400'
-}
-
-const parsePasteText = () => {
-  if (!import.meta.client) return
-  const lines = pasteText.value.split(/\r?\n/).map(l => l.trim()).filter(Boolean)
-  const out = []
-  for (const line of lines) {
-    let t = line
-    t = t.replace(/^[\d]+[\s.、\-、)]+/, '')
-    t = t.replace(/^\([\d]+\)\s*/, '')
-    t = t.replace(/^【.*?】\s*/, '')
-    t = t.trim()
-    if (!t) continue
-    let title = ''
-    let artist = ''
-    const m1 = t.match(/^(.+?)[\s]*[-–—][\s]*(.+)$/)
-    const m2 = t.match(/^(.+?)[\s]*\(([^)]+)\)\s*$/)
-    const m3 = t.match(/^(.+?)[\s]*（([^）]+)）\s*$/)
-    if (m1) { title = m1[1].trim(); artist = m1[2].trim() }
-    else if (m2) { title = m2[1].trim(); artist = m2[2].trim() }
-    else if (m3) { title = m3[1].trim(); artist = m3[2].trim() }
-    else { title = t; artist = '' }
-    if (title) out.push({ title, artist })
-  }
-  parsedSongs.value = out
-}
-
-const clearParsed = () => {
-  parsedSongs.value = []
-  pasteText.value = ''
-}
-
-const fetchSchedules = async () => {
-  if (!import.meta.client) return
-  loading.value = true
+const fetchSchedulesForDate = async (date) => {
   try {
     const response = await $fetch('/api/admin/schedule/full', {
       ...auth.getAuthConfig(),
-      query: { date: selectedDate.value, includeDrafts: 'true' }
+      query: {
+        date: date,
+        includeDrafts: 'true'
+      }
     })
     if (response.success && response.data && response.data.schedules) {
-      schedules.value = response.data.schedules
-    } else schedules.value = []
+      return response.data.schedules
+    }
+  } catch (error) {
+    console.error(`Failed to fetch schedules for ${date}:`, error)
+  }
+  return []
+}
+
+const fetchSchedules = async () => {
+  if (selectedDates.value.length === 0) {
+    schedulesByDate.value = {}
+    return
+  }
+  
+  loading.value = true
+  const newSchedules = {}
+  
+  try {
+    // 按日期顺序获取
+    const sortedDates = [...selectedDates.value].sort()
+    for (const date of sortedDates) {
+      const schedules = await fetchSchedulesForDate(date)
+      if (schedules.length > 0) {
+        newSchedules[date] = schedules
+      }
+    }
+    schedulesByDate.value = newSchedules
+    
+    if (Object.keys(newSchedules).length === 0 && window.$showNotification) {
+      window.$showNotification('所选日期没有排期歌曲', 'info')
+    }
   } catch (error) {
     console.error('Failed to fetch schedules:', error)
-    if (window.$showNotification) window.$showNotification('获取排期失败', 'error')
-  } finally { loading.value = false }
-}
-
-const fetchPlayTimes = async () => {
-  if (!import.meta.client) return
-  try {
-    const r = await $fetch('/api/admin/play-times', { ...auth.getAuthConfig() })
-    if (r && r.success && r.data) playTimes.value = (r.data.playTimes || r.data || []).filter(Boolean)
-  } catch (e) { console.warn(e) }
-}
-
-const findOrCreateSong = async ({ title, artist }) => {
-  if (!import.meta.client) return { created: false, song: null, failMsg: '客户端-only' }
-  try {
-    const search = await $fetch('/api/songs', {
-      ...auth.getAuthConfig(),
-      query: { q: `${title} ${artist}`, limit: 20 }
-    })
-    const list = search?.data?.songs || search?.songs || []
-    const hit = list.find(s =>
-      s.title && s.title.toLowerCase() === title.toLowerCase() &&
-      (!artist || !s.artist || s.artist.toLowerCase() === artist.toLowerCase())
-    )
-    if (hit) return { created: false, song: hit }
-    const addResult = await admin.addSong({
-      title, artist: artist || '未知歌手', language: 'Chinese', sourceType: 'kugou', status: 'approved',
-      contributor: 'admin', musicPlatform: 'kugou', platformSongId: '',
-      lyrics: '', coverUrl: '', duration: 0, sourceUrl: ''
-    })
-    if (addResult?.success && addResult.data) return { created: true, song: addResult.data }
-    if (addResult?.success && addResult?.data?.song) return { created: true, song: addResult.data.song }
-    if (addResult?.song) return { created: true, song: addResult.song }
-    return { created: false, song: null, failMsg: addResult?.message || '返回值无法解析' }
-  } catch (e) {
-    return { created: false, song: null, failMsg: e?.message || '接口调用异常' }
+    if (window.$showNotification) {
+      window.$showNotification('获取排期失败', 'error')
+    }
+  } finally {
+    loading.value = false
   }
 }
 
-const generateSchedulesFromList = async () => {
-  if (!import.meta.client || displaySongs.value.length === 0) return
-  generatingSchedule.value = true
-  try {
-    const toProcess = parsedSongs.value.length ? parsedSongs.value : schedules.value
-    const results = []
-    const playDateStr = selectedDate.value
-    let nextSeq = 1
-    for (const row of toProcess) {
-      const title = row.song?.title || row.title || ''
-      const artist = row.song?.artist || row.artist || ''
-      const scheduleRow = { title, artist, status: '' }
-      if (!title) { scheduleRow.status = '歌曲为空已跳过'; results.push(scheduleRow); continue }
-      let songObj = row.song || null
-      if (!songObj) {
-        const found = await findOrCreateSong({ title, artist })
-        if (found.song) {
-          songObj = found.song
-          scheduleRow.status = found.created ? '歌曲已创建' : '已匹配现有歌曲'
-        } else {
-          scheduleRow.status = `匹配失败（未创建）：${found.failMsg || '未知原因'}`
-          results.push(scheduleRow)
-          continue
-        }
-      } else {
-        scheduleRow.status = '已匹配现有歌曲'
-      }
-      try {
-        const res = await admin.createSchedule(Number(songObj.id), playDateStr,
-          (selectedPlayTimeId.value != null) ? Number(selectedPlayTimeId.value) : (songObj.preferredPlayTimeId || null), nextSeq)
-        if (res?.success) { scheduleRow.status = '排期已创建'; nextSeq++ }
-        else { scheduleRow.status = `排期保存失败：${res?.message || '未知原因'}` }
-      } catch (e) { scheduleRow.status = `排期保存失败：${e?.message || '接口异常'}` }
-      results.push(scheduleRow)
-    }
-    parsedSongs.value = results
-    await fetchSchedules()
-    if (window.$showNotification) window.$showNotification(`批量保存完成：${results.filter(r => r.status === '排期已创建').length}/${results.length} 成功`, 'success')
-  } catch (e) {
-    console.error(e)
-    if (window.$showNotification) window.$showNotification('批量排期失败：' + (e?.message || '未知错误'), 'error')
-  } finally { generatingSchedule.value = false }
-}
-
-const handleDateChange = () => { if (!parsedSongs.value.length) fetchSchedules() }
-
-if (import.meta.client) {
-  watch(selectedDate, () => { if (!parsedSongs.value.length) fetchSchedules() })
+const openGenerator = (date, songs) => {
+  currentGeneratorDate.value = date
+  currentGeneratorSongs.value = songs
+  showModal.value = true
 }
 
 onMounted(() => {
-  if (!import.meta.client) return
   fetchSchedules()
-  fetchPlayTimes()
 })
 </script>
-