feat(admin): 图片歌单改导入酷狗+自动排入按期望时段+日期滚动修复
1. 菜单重命名: 图片歌单 -> 导入酷狗 (Sidebar/Dashboard/教程 + 页面标题) 2. PlaylistCardPage(导入酷狗) 新增: - 粘贴酷狗歌单文本解析(支持序号/横杠/括号格式) - 预览区歌名与歌手名完整显示(去除truncate, 支持换行展示) - 选日期+选播出时段, 一键将解析后的歌曲(没找到则自动创建)生成为该日期的排期 - 批量保存后展示状态徽章(匹配/创建/失败) 3. PlaylistCardGenerator 画布: - 去除 substring(0,12)/substring(0,10) 截断, 改用 fitText 按 canvas 宽度逐字符换行切分 - canvas 高度根据实际行数动态计算, 最多支持 200 首 - 中文字体堆栈加入 PingFang SC/Microsoft YaHei 4. ScheduleManager.autoScheduleExpected: - 优先按歌曲自己的 preferredPlayTimeId(期望播出时段) 分组排入 - 未指定才 fallback 到顶部当前选中时段 - 分时段各自维护 sequence, 最后按时段 startTime 升序+分序 合并重排 - 顶部过滤了单时段时, 只排入匹配该时段的歌曲(含未指定fallback) 5. 日期滚动修复: - AdminDatePicker / AdminMultiDatePicker scrollToDateElement 弃用 scrollIntoView - 改用精确的 offsetLeft - (clientWidth-offsetWidth)/2 计算 scrollTo left 值, 避免受父级滚动容器/左箭头影响
This commit is contained in:
@@ -244,7 +244,9 @@ const scrollToDateElement = (behavior = 'smooth', targetDate = props.modelValue)
|
||||
const dateKey = targetDate || formatDateStr(today)
|
||||
const el = dateSelector.value.querySelector(`[data-date="${dateKey}"]`)
|
||||
if (!el) return
|
||||
el.scrollIntoView({ behavior, block: 'nearest', inline: 'center' })
|
||||
const cw = dateSelector.value.clientWidth
|
||||
const target = el.offsetLeft - (cw - el.offsetWidth) / 2
|
||||
dateSelector.value.scrollTo({ left: target, behavior })
|
||||
}
|
||||
|
||||
const handleWheel = (event) => {
|
||||
|
||||
Reference in New Issue
Block a user