+
+ {{ text.word }}
+
+
+
+
+[交流群](https://qm.qq.com/cgi-bin/qm/qr?k=5DV4vGlqn82YaNi7a3xW4zjmS8ZUr6cz&jump_from=webapi&authKey=axAl02PMsIVVAwrXij0YUUrOrUTeLpqLipu5XcTvyBUOzeWaOnicBB+fmBwNJs5S) | [使用学校收集表](https://laoshuikaixue.feishu.cn/share/base/form/shrcniUKakpNYP6KH7qrU20qq5e) | [项目宣传片](https://www.bilibili.com/video/BV1B9ArzMEkA)
+
+
+
+## 项目截图
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/ApiKeyManager.vue b/VoiceHub-main/app/components/Admin/ApiKeyManager.vue
new file mode 100644
index 0000000..3ed920d
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/ApiKeyManager.vue
@@ -0,0 +1,1080 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/BackupManager.vue b/VoiceHub-main/app/components/Admin/BackupManager.vue
new file mode 100644
index 0000000..cb9c00a
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/BackupManager.vue
@@ -0,0 +1,1352 @@
+
+
+
+
+
+
+
+
+ API密钥管理
+管理开放API的访问密钥，控制第三方应用的访问权限
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+ 暂无API密钥
++ 您还没有创建任何访问密钥。创建密钥后，您可以安全地将 VoiceHub 集成到第三方应用程序中。 +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ apiKey.name }} +
+ 活跃 + 非活跃 + 已过期 +{{ apiKey.description || '暂无描述' }}
+
+
+
+
+
+
+
+
+
+
+
+ 创建者
+
+ {{ apiKey.creatorName || '未知' }}
+
+ 创建时间
+
+ + {{ formatDate(apiKey.createdAt).split(' ')[0] }} +
+
+ 权限列表
+
+
+
+ {{ perm }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ showCreateModal ? '创建API密钥' : '编辑API密钥' }} +
+ +
+
+
+
+
+
+
+
+
+
+
+ + API密钥创建成功 +
+ +
+
+
+
+
+
+
+
+ API密钥创建成功！
+请妥善保管以下API密钥，它只会显示这一次。
+
+
+
+
+
+
+ {{ newApiKey?.apiKey }}
+
+
+
+
+ + 请立即复制并保存此API密钥，关闭此窗口后将无法再次查看完整密钥 +
+
+
+
+
+
+
+
+
+
+ API密钥详情
+ +
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/BatchUpdateModal.vue b/VoiceHub-main/app/components/Admin/BatchUpdateModal.vue
new file mode 100644
index 0000000..757cdd2
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/BatchUpdateModal.vue
@@ -0,0 +1,985 @@
+
+
+
+
+
+ 数据库备份
+导出和导入数据库备份
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 导出备份
+创建数据库备份文件
+ +
+
+
+
+
+ 导入备份
+从备份文件恢复数据
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 快速调整学生年级、班级或通过 Excel 批量修改 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/DatabaseManager.vue b/VoiceHub-main/app/components/Admin/DatabaseManager.vue
new file mode 100644
index 0000000..fd08635
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/DatabaseManager.vue
@@ -0,0 +1,883 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ loadingSteps[currentLoadingStep] }} +
+正在获取最新的统计数据...
+
+
+
+
+
+
+
+
+ 数据加载失败
+{{ error }}
+ +
+
+
+
+
+
+
+
+
+
+
+ 数据中心
+洞察校园声音背后的互动趋势与影响力
+
+
+
+
+
+ 实时模式
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 稳定
+
+
+
+
+
+ + {{ formatNumber(stat.value) }} +
++ {{ stat.label }} +
+
+
+
+
+
+
+
+
+
+
+
+
+ 当前活跃用户
+
+
+
+ {{ realtimeStats.activeUsers }}
+ 人在线 +
+
+
+
+
+
+
+ 今日累计点播
+
+
+
+ + {{ realtimeStats.todayRequests }} +
+ 首歌曲 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 近 7 日投稿量波动情况
+
+
+
+
+
+
+
+
+ + 正在加载趋势数据... +
+
+
+
+
+ + {{ panelStates.trends.error }} +
+ +
+
+
+
+
+
+
+
+ {{ formatDateShort(item.date) }}
+
+
+ {{ item.count }}首
+
+
+
+ 暂无趋势数据
+
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+ + {{ panelStates.topSongs.error }} +
+ +
+
+ 暂无数据
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ panelStates.activeUsers.error }} +
+ +
+
+ 暂无活跃用户
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ panelStates.semesterComparison.error }} +
+ +
+
+ 暂无对比数据
+
+
+
+
+
+
+
+
+
+ 活跃用户详情
+
+
+ {{ realtimeStats.activeUsers }} 在线
+
+
+
+
+
+
+ {{ user.name.charAt(0) }}
+
+
+
+ {{ user.name }}
+
+ @{{ user.username }}
+
+
+ {{ user.lastActive }}
+
+
+ 及其他 {{ realtimeStats.activeUsersList.length - 5 }} 位用户
+
+
+
+ 暂无在线用户
+
+ 实时数据同步中
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/EmailTemplateManager.vue b/VoiceHub-main/app/components/Admin/EmailTemplateManager.vue
new file mode 100644
index 0000000..137ab25
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/EmailTemplateManager.vue
@@ -0,0 +1,345 @@
+
+
+
+
+
+ 数据库操作
++ 执行系统底层维护任务，包括备份、恢复及全局数据重置 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 高风险操作
+
+
+
+
+ + {{ card.title }} +
++ {{ card.desc }} +
+
+
+
+
+
+
+ 数据库维护建议
++ 建议每周进行一次全量备份。在执行“恢复备份”或“重置数据库”前，请务必先创建一份当前的数据备份，以免误操作造成不可挽回的损失。 +
+
+
+
+
+
+
+
+
+
+ 创建数据库备份
+ +
+
+
+
+ + 选择包含的内容 +
+
+
+
+
+
+ + 备份文件将以 .json 格式生成并自动下载 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 恢复数据库备份
+ +
+
+
+
+
+ + {{ selectedFile ? selectedFile.name : '点击选择或拖拽备份文件' }} +
++ 仅支持 VoiceHub 导出的 .json 格式 +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 注意：覆盖模式将永久清空当前数据库中对应的表内容。此操作将导致现有会话中断。 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 重置数据表序列
+ +
+
+
+
+
+
+
+
+
+
+
+
+ + 什么是重置序列？ +
++ 如果您的数据表 ID + 出现了断档或在手动操作数据库后无法自增，重置序列可以将数据库底层的计数器更新为当前 ID + 最大值 +1，从而解决 ID 冲突导致的写入失败问题。此操作不会修改任何现有数据。 +
+
+
+
+
+
+
+
+
+
+
+
+ 危险操作：重置数据库
+ +
+
+
+
+
+ + 您正在执行极其危险的操作！ +
++ 重置操作将永久删除系统中的所有 + 歌曲、投稿记录、排期文件、通知、日志及除您以外的用户账号。 +
+
+
+
+
+
+ {{ CONFIRM_CODE }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/NotificationSender.vue b/VoiceHub-main/app/components/Admin/NotificationSender.vue
new file mode 100644
index 0000000..6a0d3b8
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/NotificationSender.vue
@@ -0,0 +1,759 @@
+
+
+
+
+
+
+
+
+
+
+ 邮件模板管理
+自定义系统邮件的主题与内容，支持变量替换
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 请在左侧选择一个邮件模板
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/OverviewDashboard.vue b/VoiceHub-main/app/components/Admin/OverviewDashboard.vue
new file mode 100644
index 0000000..88f66eb
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/OverviewDashboard.vue
@@ -0,0 +1,373 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/PlayTimeManager.vue b/VoiceHub-main/app/components/Admin/PlayTimeManager.vue
new file mode 100644
index 0000000..8ed38ac
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/PlayTimeManager.vue
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+ 向用户发送通知
+即时推送系统公告、活动信息或重要提醒至指定群体
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 将向系统中所有已注册的活跃用户发送此通知。 +
+
+
+
+
+ 选择年级
+
+
+
+
+
+ 年级
+
+
+ 班级
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ cls.grade }} {{ cls.class }}
+
+
+
+
+ + 未选择任何班级 +
+
+
+
+
+
+
+
+
+
+
+
+
+ 已选择用户 ({{ form.selectedUsers.length }})
+
+
+
+
+
+
+
+ {{
+ user.name || user.username
+ }}
+ @{{ user.username }}
+
+
+
+
+ + 未选择任何用户 +
+
+
+
+
+
+ {{ error }}
+
+
+ {{ success }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 刚刚
+
+
+ VoiceHub 系统
+
+
+
+ + {{ form.title || '通知标题' }} +
++ {{ form.content || '这里将显示通知的详细内容预览...' }} +
+
+
+
+
+
+
+
+
+
+ + 预览图仅供参考布局，实际发送效果可能会根据用户设备显示语言和屏幕尺寸有所不同。 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/RequestTimeManager.vue b/VoiceHub-main/app/components/Admin/RequestTimeManager.vue
new file mode 100644
index 0000000..333b63f
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/RequestTimeManager.vue
@@ -0,0 +1,857 @@
+
+
+
+
+
+
+
+ 播出时段管理
++ 定义校园广播的常规播放窗口，用户仅可在这些时间段内进行点歌或查看排期 +
+
+
+
+ 启用播出时段选择
+
+
+
+
+
+
+
+
+
+ 关于时段限制
++ 启用全局时段选择后，系统将仅在定义的时段内开放点歌功能。如果未设置开始或结束时间，系统将视为该边界不设限。 +
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+ 获取数据失败
+{{ error }}
+
+
+
+
+
+
+
+
+ 暂无播出时段
+点击“添加播出时段”按钮创建第一个播出时段
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ playTime.enabled ? '已启用' : '已禁用' }}
+
+
+
+
+
+
+
+
+
+ + {{ playTime.name }} +
+
+ {{ playTime.startTime || '不限' }}
+
+ {{ playTime.endTime || '不限' }}
+
+ + {{ playTime.description || '暂无详细描述...' }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ editingPlayTime ? '编辑播出时段' : '添加播出时段' }} +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 留空表示不限制开始时间
+
+
+
+
+
+
+ 留空表示不限制结束时间
+
+
+
+
+
+
+
+
+ {{ formError }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 确定要删除播出时段 "{{ playTimeToDelete?.name }}" 吗？ +
++ 此操作不可恢复，相关的歌曲点播和排期的时段设置将受影响或被清除。 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/ScheduleForm.vue b/VoiceHub-main/app/components/Admin/ScheduleForm.vue
new file mode 100644
index 0000000..4cd8bd1
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/ScheduleForm.vue
@@ -0,0 +1,172 @@
+
+
+
+
+
+
+
+
+ 投稿开放管理
+管理全校师生点歌投稿的开放时间、限制数量及全局状态控制
+
+
+
+ 当前状态
+
+ {{ hitRequestTime ? '已开放' : '已关闭' }}
+
+
+
+
+ 启用投稿
+
+
+
+
+ 启用时段限制
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ slot.past ? '已过期' : slot.enabled ? '已启用' : '已禁用' }}
+
+
+
+
+
+
+
+
+ + {{ slot.name }} + ({{ slot.accepted }}/{{ slot.expected || '∞' }}) +
+
+
+
+
+
+
+ {{
+ slot.endTime || '不限'
+ }}
+
+ + {{ slot.description || '暂无详细描述...' }} +
+ + +
+
+
+ 投稿进度
+ {{
+ slot.expected > 0
+ ? Math.min(100, Math.round((slot.accepted / slot.expected) * 100))
+ : 0
+ }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ stat.label }} +
+{{ stat.value }}
+
+
+
+
+
+
+
+ + {{ editingRequestTime ? '编辑投稿开放时段' : '添加投稿开放时段' }} +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 填 0 表示不限制投稿总数
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 确定要彻底移除 "{{ RequestTimeToDelete?.name }}" 吗？ +
++ 删除时段后，原本属于此周期的投稿关联记录可能失效。建议先尝试 + 禁用 该时段。 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- + 1. + 全局开关 + 具有最高优先级，关闭后所有投稿均不可用。 + +
- + 2. + 开启 时段限制 后，系统会检查当前时间是否处于任一 + 已启用 且未达到 + 计划数 的时段内。 + +
- + 3. + 若关闭时段限制，则全天候均可投稿（只要全局开关开启）。 + +
+
+
+
+
+
+ -
+
- + • + 时段重叠时，系统将合并开放范围。 + +
- + • + 计划投稿数设置为 0 时，系统将忽略数量上限检查。 + +
- + • + 过期的时段将自动显示为“已过期”，不可编辑或重新启用。 + +
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/ScheduleItemPrint.vue b/VoiceHub-main/app/components/Admin/ScheduleItemPrint.vue
new file mode 100644
index 0000000..5d131b1
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/ScheduleItemPrint.vue
@@ -0,0 +1,308 @@
+
+ + 为歌曲 "{{ song?.title }}" 创建排期 +
+ + +
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/ScheduleManager.vue b/VoiceHub-main/app/components/Admin/ScheduleManager.vue
new file mode 100644
index 0000000..3ad313f
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/ScheduleManager.vue
@@ -0,0 +1,2688 @@
+
+
+
+
+
+ {{ schedule.sequence || 1 }}
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+ {{ schedule.song.title }}
+
+ 重播
+
+
+ {{ schedule.song.artist }}
+
+
+ 投稿人：
+
+ {{ schedule.song.requester }}
+
+ & {{ schedule.song.collaborators.map((c) => c.displayName || c.name).join(' & ') }}
+
+
+
+
+
+
+ 申请重播：
+ 热度：
+ {{
+ schedule.song.replayRequestCount > 0
+ ? schedule.song.replayRequestCount + '人'
+ : schedule.song.voteCount || 0
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 选择日期
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 待排歌曲 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+ + + {{ song.title }} + + {{ song.title }} +
+ +{{ song.artist }}
+
+ {{ song.requester }}
+ |
+
+ {{ song.requesterGrade || song.grade }}
+ {{ song.requesterClass || song.class }}
+
+
+ 期望: {{ getPlayTimeName(song.preferredPlayTimeId) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 未找到匹配的歌曲
+
+
+ 暂无歌曲记录
+
+
+
+
+
+ 播放顺序
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 请从待排库中添加歌曲
+
+
+
+
+
+ POS
+ {{
+ index + 1 < 10 ? '0' + (index + 1) : index + 1
+ }}
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+ + {{ schedule.song.title }} +
+ + + +{{ schedule.song.artist }}
+
+
+
+ 申请人:
+ {{
+ (schedule.song.replayRequesters || [])
+ .slice(0, 2)
+ .map((r) => r.displayName || r.name)
+ .join('、')
+ }}{{
+ schedule.song.replayRequestCount > 2
+ ? ' 等' + schedule.song.replayRequestCount + '人'
+ : ''
+ }}
+
+ {{ schedule.song.requester }}
+ |
+
+ {{ schedule.song.requesterGrade || schedule.song.grade }}
+ {{ schedule.song.requesterClass || schedule.song.class }}
+
+
+ 期望: {{ getPlayTimeName(schedule.song.preferredPlayTimeId) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 迁移排期日期
+ +
+
+ 当前日期：{{ selectedDate }}
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ replayModalTitle }} - 重播申请详情 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ req.name }}
+ {{ req.grade }}{{ req.class ? ` ${req.class}` : '' }}
+
+
+
+
+
+ 暂无详细申请记录
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/SemesterManager.vue b/VoiceHub-main/app/components/Admin/SemesterManager.vue
new file mode 100644
index 0000000..b1db0f8
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/SemesterManager.vue
@@ -0,0 +1,638 @@
+
+
+
+
+
+ 打印排期
+自定义打印设置，预览并导出排期表
+
+
+
+
+
+
+ 权限不足
+您没有打印排期的权限，请联系管理员获取相应权限。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ filteredSchedules.length }} 首歌曲
+ 无数据
+ 被过滤
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![VoiceHub Logo]()
+
+
+
+ ![学校Logo]()
+
+
+
+ {{ siteTitle }}
+广播排期表
+
+
+ {{ formatDateRange() }}
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ formatDate(date) }} + ({{ dateGroup.allSchedules.length }}首) +
+ + +
+
+
+
+
+
+ + {{ playTime }} + ({{ playTimeData.schedules.length }}首) +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/Sidebar.vue b/VoiceHub-main/app/components/Admin/Sidebar.vue
new file mode 100644
index 0000000..25c1091
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/Sidebar.vue
@@ -0,0 +1,256 @@
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/SiteConfigManager.vue b/VoiceHub-main/app/components/Admin/SiteConfigManager.vue
new file mode 100644
index 0000000..8b4b017
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/SiteConfigManager.vue
@@ -0,0 +1,536 @@
+
+
+
+
+
+
+
+ 学期管理
++ 定义系统的教学周期，点歌、排期及统计数据将基于当前活跃学期进行归档 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 当前活跃学期 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ currentSemester.name }} +
+
+
+ 创建于 {{ formatDate(currentSemester.createdAt) }}
+
+
+
+ 正在进行中
+
+
+
+
+
+
+
+
+
+ 未设置当前活跃学期
+ +
+
+
+
+
+ 学期切换说明
++ 切换学期后，前端点歌界面将清空旧排期。所有历史数据会自动归档至对应学期下，您仍可在数据中心进行查看。 +
+
+
+
+
+
+
+
+
+ 共 {{ semesters.length }} 条
+ + 学期历史记录 +
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+
+
+
+
+
+ + {{ sem.name }} +
++ 创建于 {{ formatDate(sem.createdAt) }} +
+
+
+
+
+ 当前学期
+
+
+
+
+
+
+
+ 暂无学期数据
+
+
+
+
+
+
+
+
+
+
+
+
+ 添加新学期
+ +
+
+
+
+
+
+
+
+
+
+
+
+ + 提示：请按照统一的命名规范设置学期名称，这有助于数据归档后的检索与分析。 +
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/SmtpManager.vue b/VoiceHub-main/app/components/Admin/SmtpManager.vue
new file mode 100644
index 0000000..aab422f
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/SmtpManager.vue
@@ -0,0 +1,377 @@
+
+
+
+
+
+
+ 站点配置
++ 管理站点全局属性、视觉识别、点歌逻辑及系统安全策略 +
+
+
+
+
+
+
+
+
+ 加载配置中...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 启用联合投稿
+允许用户添加联合投稿人并发起协作投稿
+
+
+
+
+
+
+ 启用投稿备注留言
+允许用户在投稿时附加公开或仅管理员可见的备注
+
+
+
+
+
+
+ 启用重播申请
+允许用户对本学期已播放过的歌曲再次申请
+
+
+
+
+
+
+
+
+ 启用投稿限额
+限制单个用户的点歌频率
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 首 / 人
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 站点基础配置在保存后将立即对所有终端生效。请在修改关键业务逻辑（如投稿限额）前确保已知晓对现有用户的影响。 +
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/SongDownloadDialog.vue b/VoiceHub-main/app/components/Admin/SongDownloadDialog.vue
new file mode 100644
index 0000000..0519b8e
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/SongDownloadDialog.vue
@@ -0,0 +1,1292 @@
+
+
+
+
+
+
+ 邮件服务配置
++ 配置 SMTP 服务以发送系统验证码、投稿通知及其他重要提醒 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 通常与发件人账号一致，部分服务商强制要求一致。 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ testResult.message }}
++ {{ testResult.detail }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 下载歌曲
+ +
+
+
+ 已选择 {{ selectedSongs.size }} 首歌曲
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/SubmissionRemarkDialog.vue b/VoiceHub-main/app/components/Admin/SubmissionRemarkDialog.vue
new file mode 100644
index 0000000..59432b7
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/SubmissionRemarkDialog.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 歌曲管理
+
+
+
+ 总计
+ {{ filteredSongs.length }}
+
+
+ 已播放
+ {{ playedCount }}
+
+
+ 待播放
+ {{ pendingCount }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 正在加载...
+
+
+
+
+
+
+
+
+
+ 歌曲信息
+
+
+ 投稿人
+
+
+ 统计
+
+
+ 状态
+
+
+ 操作
+
+
+
+
+
+ {{ searchQuery ? '没有找到匹配的歌曲' : '暂无歌曲数据' }}
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+ + + {{ song.title }} + + {{ song.title }} + +
+{{ song.artist }}
+ {{ formatDate(song.createdAt) }} +
+ {{ song.requester || '未知' }}
+ @{{ song.user.username }}
+ {{ formatDate(song.createdAt) }}
+
+
+
+
+
+
+
+
+ {{ getStatusText(song) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 驳回歌曲
+ +
+
+
+
+
+
+
+
+
+
+ {{ rejectSongInfo.title }}
+投稿人: {{ rejectSongInfo.requester }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ showEditModal ? '编辑歌曲' : '手动添加歌曲' }} +
+ +
+
+
+
+
+
+
+
+
+
+ 投稿备注留言
+ +
+
+
+
+ {{ songTitle }}
+ + {{ isPublic ? '公开备注' : '仅管理员可见' }} + +
+
+ + {{ content }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Admin/UserSongsModal.vue b/VoiceHub-main/app/components/Admin/UserSongsModal.vue
new file mode 100644
index 0000000..3218a0c
--- /dev/null
+++ b/VoiceHub-main/app/components/Admin/UserSongsModal.vue
@@ -0,0 +1,483 @@
+
+
+
+
+
+
+
+ 用户管理
+系统共有 {{ totalUsers }} 位成员 · 权限与账户管理
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 正在加载用户...
+
+
+
+
+
+
+
+
+ {{ searchQuery ? '没有找到匹配的用户' : '暂无用户数据' }}
+
+
+
+
+
+
+
+
+ | 用户详情 | +角色权限 | +账户状态 | +所在班级 | +最后交互 | +操作 | +
|---|---|---|---|---|---|
|
+
+
+
+ {{ user.name.charAt(0) }}
+
+
+
+ {{ user.name }} ++ ID: {{ user.username }} + + |
+ + 超级管理员 + 管理员 + 歌曲管理 + 用户 + | +
+
+
+ 正常
+
+
+
+ 退学
+
+
+
+ 毕业
+
+
+
+ 禁用
+
+ |
+ + {{ user.grade || '-' }} {{ user.class || '-' }} + | +
+ {{ formatDate(user.lastLogin) }} +
+ |
+ + + | +
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ {{ user.name.charAt(0) }}
+
+
+
+ {{ user.name }}
+@{{ user.username }}
+
+
+
+
+ 正常
+
+
+
+ 退学
+
+
+
+ 毕业
+
+
+
+ 禁用
+
+ 账户状态
+
+
+
+
+
+
+ + 角色/等级 +
+
+ 超级管理员
+ 管理员
+ 歌曲管理
+ 用户
+
+
+
+ + 所在班级 +
++ {{ user.grade || '-' }} {{ user.class || '-' }} +
+
+
+ + 最近活动 +
+{{ formatDate(user.lastLogin) }}
+
+
+ + 最后登录IP +
+{{ user.lastLoginIp || '-' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 请填写以下账户详细信息以继续
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 重置访问密码
++ 正在为 + {{ resetPasswordUser.name }} 修改登录凭据 +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 支持 .xlsx 格式文件，请按模板要求上传 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看完整的账户资料与操作记录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 用户歌曲信息
+ +
+
+
+
+
+
+
+
+
+
+
+ ⚠️
+ {{ error }}
+ +
+
+
+
+
+
+
+
+
+
+
+ {{ userSongs.user.name }}
+ {{ + userSongs.user.username + }} ++ {{ userSongs.user.grade || '' }} {{ userSongs.user.class || '' }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Auth/LoginForm.vue b/VoiceHub-main/app/components/Auth/LoginForm.vue
new file mode 100644
index 0000000..cc2cbb9
--- /dev/null
+++ b/VoiceHub-main/app/components/Auth/LoginForm.vue
@@ -0,0 +1,651 @@
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Auth/OAuthBindingCard.vue b/VoiceHub-main/app/components/Auth/OAuthBindingCard.vue
new file mode 100644
index 0000000..c0b50ab
--- /dev/null
+++ b/VoiceHub-main/app/components/Auth/OAuthBindingCard.vue
@@ -0,0 +1,496 @@
+
+
+
+
+
+
+ {{ isBindMode ? '绑定账号' : '欢迎回来' }}
+即将绑定 {{ providerName }} 账号: {{ providerUsername }}
+登录您的VoiceHub账户
+
+
+
+
+ 或
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Auth/OAuthButtons.vue b/VoiceHub-main/app/components/Auth/OAuthButtons.vue
new file mode 100644
index 0000000..770f19d
--- /dev/null
+++ b/VoiceHub-main/app/components/Auth/OAuthButtons.vue
@@ -0,0 +1,45 @@
+
+
+
+
+ 加载绑定状态...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ getProviderDisplayName('github')
+ }}
+ {{
+ githubIdentity.providerUsername
+ }}
+ 未绑定
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ getProviderDisplayName('casdoor')
+ }}
+ {{
+ casdoorIdentity.providerUsername
+ }}
+ 未绑定
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ getProviderDisplayName('google')
+ }}
+ {{
+ googleIdentity.providerUsername
+ }}
+ 未绑定
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Windows Hello / Passkey
+
+ 已绑定 {{ webauthnIdentities.length }} 个设备
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ cred.providerUsername }}
+
+
+
+ 添加于 {{ new Date(cred.createdAt).toLocaleString('zh-CN', {
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ hour: '2-digit',
+ minute: '2-digit',
+ second: '2-digit',
+ hour12: false
+ }) }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Auth/Providers/Casdoor/Icon.vue b/VoiceHub-main/app/components/Auth/Providers/Casdoor/Icon.vue
new file mode 100644
index 0000000..a8b036b
--- /dev/null
+++ b/VoiceHub-main/app/components/Auth/Providers/Casdoor/Icon.vue
@@ -0,0 +1,3 @@
+
+
+
+ 或使用第三方账号登录
+
+
+
+
+
+
+
+
+
+ 
+
diff --git a/VoiceHub-main/app/components/Auth/Providers/GitHub/Icon.vue b/VoiceHub-main/app/components/Auth/Providers/GitHub/Icon.vue
new file mode 100644
index 0000000..80bc99e
--- /dev/null
+++ b/VoiceHub-main/app/components/Auth/Providers/GitHub/Icon.vue
@@ -0,0 +1,13 @@
+
+
+
diff --git a/VoiceHub-main/app/components/Auth/Providers/Google/Icon.vue b/VoiceHub-main/app/components/Auth/Providers/Google/Icon.vue
new file mode 100644
index 0000000..3bfdecf
--- /dev/null
+++ b/VoiceHub-main/app/components/Auth/Providers/Google/Icon.vue
@@ -0,0 +1,22 @@
+
+
+
diff --git a/VoiceHub-main/app/components/Auth/TwoFactorSetup.vue b/VoiceHub-main/app/components/Auth/TwoFactorSetup.vue
new file mode 100644
index 0000000..f7ff862
--- /dev/null
+++ b/VoiceHub-main/app/components/Auth/TwoFactorSetup.vue
@@ -0,0 +1,234 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Auth/TwoFactorVerify.vue b/VoiceHub-main/app/components/Auth/TwoFactorVerify.vue
new file mode 100644
index 0000000..761df04
--- /dev/null
+++ b/VoiceHub-main/app/components/Auth/TwoFactorVerify.vue
@@ -0,0 +1,233 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 双重认证 (2FA)
++ {{ isEnabled ? '您的账户已开启双重认证保护' : '未开启，建议开启以提升账户安全性' }} +
+
+
+
+
+
+
+
+
+
+ 设置双重认证
+请使用 Google Authenticator 或其他验证器应用扫描下方二维码
+
+
+
+
+ ![2FA QR Code]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ secret }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 双重认证
++ {{ method === 'totp' ? '请输入您的认证器应用生成的6位验证码' : '请输入发送到您邮箱的验证码' }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ title }}
+
+
+
+
+
+
+ 已选择 {{ selectedUsers.length }} 人
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Player/PlayerLyric/AMLyric.vue b/VoiceHub-main/app/components/Player/PlayerLyric/AMLyric.vue
new file mode 100644
index 0000000..58ba74a
--- /dev/null
+++ b/VoiceHub-main/app/components/Player/PlayerLyric/AMLyric.vue
@@ -0,0 +1,205 @@
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 歌曲被选中通知
+当您投稿的歌曲被选中安排播放时通知您
+
+
+
+
+
+
+
+
+ 歌曲已播放通知
+当您投稿的歌曲被播放时通知您
+
+
+
+
+
+
+
+
+ 歌曲获得投票通知
+当您投稿的歌曲获得新投票时通知您
+
+
+
+
+
+
+
+
+
+ 投票通知阈值
+ 每获得 {{ localSettings.songVotedThreshold }} 票通知一次 +
+ 1
+ 10
+
+
+
+
+
+
+ 系统通知
+接收系统公告和其他重要通知
+
+
+
+
+
+
+
+
+
+
+ {{
+ formatRefreshInterval(localSettings.refreshInterval)
+ }}
+ 通知刷新间隔
+设置通知自动刷新的时间间隔
+
+ 10s
+ 5m
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Player/PlayerLyric/DefaultLyric.vue b/VoiceHub-main/app/components/Player/PlayerLyric/DefaultLyric.vue
new file mode 100644
index 0000000..156fec0
--- /dev/null
+++ b/VoiceHub-main/app/components/Player/PlayerLyric/DefaultLyric.vue
@@ -0,0 +1,829 @@
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/SiteFooter.vue b/VoiceHub-main/app/components/SiteFooter.vue
new file mode 100644
index 0000000..ec70cb5
--- /dev/null
+++ b/VoiceHub-main/app/components/SiteFooter.vue
@@ -0,0 +1,174 @@
+
+
+
+
+
+ 歌词正在加载中...
+
+ 暂无歌词
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.data.words.map((w) => w.word).join('') }}
+
+
+
+
+
+
+ {{ item.data.romanLyric }}
+
+
+ {{ item.data.translatedLyric }}
+
+
+
+
+
+ {{ item.data.translatedLyric }}
+
+
+ {{ item.data.romanLyric }}
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Songs/BilibiliEpisodesModal.vue b/VoiceHub-main/app/components/Songs/BilibiliEpisodesModal.vue
new file mode 100644
index 0000000..c3e14b0
--- /dev/null
+++ b/VoiceHub-main/app/components/Songs/BilibiliEpisodesModal.vue
@@ -0,0 +1,377 @@
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+ + {{ video?.title }} +
++ UP主：{{ video?.artist }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 这首歌曲已经在列表中了，不能重复投稿
+
+
+
+
+ + 您可以为它点赞支持，或者尝试搜索其他歌曲！ +
+ + +
+
+
+ ![]()
+
+
+
+
+
+
+ {{ song.title }}
++ {{ song.artist }} +
+ +
+
+
+
+
+ {{ song.played ? '已播放' : '待播放' }}
+
+ + 投稿者：{{ song.requester }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 歌曲导入操作已完成
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 选择以往学期的歌曲并导入到当前学期
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 正在加载歌曲...
+
+
+
+
+
+ {{ error }}
+ +
+
+
+ 请先选择一个学期
+
+
+
+ 没有找到符合条件的歌曲
+
+
+
+
+
+
+
+
+ ![cover]()
+
+
+
+
+
+ + {{ song.title }} +
+
+ {{ song.artist }}
+ •
+ {{ song.requester }}
+
+
+ {{ song.played ? '已收录' : '未收录' }}
+
+
+
+
+
+
+
+ 已选择 {{ selectedSongIds.size }} 首歌曲
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 扫描二维码以安全登录您的账号
+
+
+
+
+
+
+
+
+
+ 正在获取二维码...
+
+
+
+
+ ![Login QR Code]()
+
+
+
+
+
+
+
+
+
+
+ + 二维码已过期，请点击刷新 +
++ 请使用网易云音乐APP扫码登录 +
+
+
+ 登录成功，正在跳转... +
+
+
+ + 说明：登录状态将保存到您的浏览器中，用于搜索播客等功能。 +
+
+
+
+
+
+
+
+
+
+
+
+ + 上传到网易云音乐 +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 请先登录网易云音乐账号
+ +
+
+
+
+
+
+ ![封面]()
+
+
+
+ {{ songName }}
+{{ artistName }}
+
+ {{ uploadStatus }}
+ {{ uploadProgress }}%
+
+
+
+
+
+
+ + {{ uploadMessage }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ view === 'playlists' ? '选择歌单' : selectedPlaylist?.name || '歌单详情' }} +
+
+
+
+
+
+ 处理中...
+
+
+
+
+
+
+ {{ error }}
+ +
+
+
+
+
+
+
+
+
+ 暂无歌单
+
+
+
+ ![cover]()
+
+
+
+ + {{ playlist.name }} +
+
+
+
+ {{ playlist.trackCount }}首
+
+
+
+ by {{ playlist.creator?.nickname }}
+
+
+
+
+
+
+
+
+
+
+
+ 歌单为空
+
+
+
+
+
+
+ ![cover]()
+
+
+
+
+
+
+
+
+
+
+
+ + {{ song.name }} +
+
+ {{ song.ar?.map((a) => a.name).join('/') }}
+ ·
+ {{ song.al.name }}
+
+
+
+
+ 处理中...
+
+
+
+ 已播放
+
+
+ 已排期
+
+
+ 已存在
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ radioName }} - 节目列表 +
+
+
+
+
+
+ 加载节目中...
+
+
+
+
+
+ {{ error }}
+ +
+
+
+
+
+ 暂无节目
+
+
+
+
+
+
+
+ ![cover]()
+
+
+
+
+
+
+
+
+
+
+
+ + {{ program.name }} +
+
+
+ {{ formatDate(program.createTime) }}
+
+
+
+ {{ formatDuration(program.duration) }}
+
+
+
+ 🎧 {{ formatCount(program.listenerCount) }}
+
+
+
+
+
+ 处理中...
+
+
+
+ 已播放
+
+
+ 已排期
+
+
+ 已存在
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看并快速投稿您最近在网易云播放的歌曲
+
+
+
+
+
+
+
+
+ 正在获取播放记录...
+
+
+
+
+
+
+ {{ error }}
+ +
+
+
+ 暂无最近播放记录
+
+
+
+
+
+ ![cover]()
+
+
+
+
+
+
+
+
+
+ + {{ item.data?.name }} +
+
+ {{
+ formatTime(item.playTime)
+ }}
+ {{ item.data?.ar?.map((a) => a.name).join('/') }}
+
+
+
+
+
+
+
+ {{
+ getSimilarSong(item.data)?.played
+ ? '已播放'
+ : getSimilarSong(item.data)?.scheduled
+ ? '已排期'
+ : '已在列表中'
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/Songs/ScheduleList.vue b/VoiceHub-main/app/components/Songs/ScheduleList.vue
new file mode 100644
index 0000000..b9d2fe2
--- /dev/null
+++ b/VoiceHub-main/app/components/Songs/ScheduleList.vue
@@ -0,0 +1,3572 @@
+
+
+
+
+
+ 投稿须知
+
+
+
+
+
+ 1. 投稿时无需加入书名号
+2. 除DJ外，其他类型歌曲均接收（包括小语种）
+3. 禁止投递含有违规内容的歌曲
+4. 点播的歌曲将由管理员进行审核
+5. 审核通过后将安排在播放时段播出
+6. 提交即表明我已阅读投稿须知并已知该歌曲有概率无法播出
++ 7. + 本系统仅提供音乐搜索和播放管理功能，不存储任何音乐文件。所有音乐内容均来自第三方音乐平台，版权归原平台及版权方所有。用户点歌时请确保遵守相关音乐平台的服务条款，尊重音乐作品版权。我们鼓励用户支持正版音乐，在官方平台购买和收听喜爱的音乐作品。 +
+8. 最终解释权归广播站所有
+
+
+
+
+
+
+
+
+
+
+
+
+ 1. 投稿时无需加入书名号
+ 2. 除DJ外，其他类型歌曲均接收（包括小语种）
+ 3. 禁止投递含有违规内容的歌曲
+ 4. 点播的歌曲将由管理员进行审核
+ 5. 审核通过后将安排在播放时段播出
+
+ 6. 提交即表明我已阅读投稿须知并已知该歌曲有概率无法播出
+
+
+ 7.
+ 本系统仅提供音乐搜索和播放管理功能，不存储任何音乐文件。所有音乐内容均来自第三方音乐平台，版权归原平台及版权方所有。
+
+ 8. 最终解释权归广播站所有
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 《{{ group.song.title }} - {{ group.song.artist }}》 + 已播放 + 已排期 +
+ ++ {{ + isSuperAdmin + ? '该歌曲已播放，您可以继续投稿' + : enableReplayRequests + ? '该歌曲已播放' + : '该歌曲已播放，无法进行投票操作' + }} +
++ 该歌曲已排期，无法进行投票操作 +
++ 该歌曲已在列表中，是否要投票支持？ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 《{{ group.title }} - {{ group.artist }}》 + 全部已播放 + 全部已排期 + {{ group.episodes.length }} 个剧集 +
+该合集有 {{ group.episodes.length }} 个剧集在列表中
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 手动输入歌曲信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 选择日期
+ +
+
+
+
+ 暂无排期日期
+
+
+
+
+
+ 暂无排期日期
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+ {{ error }}
+
+
+
+
+
+ 🎵
+ 暂无排期信息
+点歌后等待管理员安排播出时间
+
+
+
+ 📅
+ 当前日期暂无排期
+请选择其他日期查看
+
+
+
+
+
+
+
+
+
+
+ 未指定时段
++ {{ getPlayTimeById(playTimeId).name }} + + ({{ formatPlayTimeRange(getPlayTimeById(playTimeId)) }}) + +
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ {{ getFirstChar(schedule.song.title) }}
+
+
+
+
+
+ {{ schedule.song.title }} - {{ schedule.song.artist }}
+
+
+
+
+
+
+
+
+ {{ schedule.song.title }} - {{ schedule.song.artist }}
+
+
+
+
+
+
+
+ {{
+ schedule.song.replayRequestCount > 0
+ ? schedule.song.replayRequestCount
+ : schedule.song.voteCount
+ }}
+ {{
+ schedule.song.replayRequestCount > 0 ? '重播' : '热度'
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 添加到歌单
+
+
+
+
+
+
+
+
+
+ 需要登录网易云音乐账号才能管理歌单
+ +
+
+
+
+
+
+
+
+ ![avatar]()
+
+
+ 当前账号
+
+ {{ neteaseUser.nickname || neteaseUser.userName || '网易云用户' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 或
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + 当前日期没有来自网易云的歌曲 +
+
+
+
+
+
+
+
+
+
+ {{ song.title }}
+
+
+ {{ song.artist }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/AppleMusicLyrics.vue b/VoiceHub-main/app/components/UI/AppleMusicLyrics.vue
new file mode 100644
index 0000000..224406d
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/AppleMusicLyrics.vue
@@ -0,0 +1,282 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ semester }}
+
+ 加载中...
+
+
+ {{ error }}
+
+
+
+ {{
+ activeTab === 'mine'
+ ? '您还没有投稿歌曲，马上去点歌吧！'
+ : activeTab === 'replays'
+ ? '您还没有申请重播的歌曲，去看看已经播放过的歌吧！'
+ : '暂无歌曲，马上去点歌吧！'
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ {{ getFirstChar(song.title) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ song.voteCount }}
+ 热度
+
+
+
+
+
+
+
+
+
+
+
+ 投稿备注留言
+ +
+
+ {{ submissionNoteDialog.note }}
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/AudioPlayer.vue b/VoiceHub-main/app/components/UI/AudioPlayer.vue
new file mode 100644
index 0000000..841bfbf
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/AudioPlayer.vue
@@ -0,0 +1,2558 @@
+
+
+
+
+
+
+
+
+ {{ line.content || '' }}
+
+ {{ translationLyrics[index].content }}
+
+
+
+
+
+ 歌词加载中...
+
+
+
+ {{ error }}
+
+
+ 暂无歌词
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/AudioPlayer/AudioElement.vue b/VoiceHub-main/app/components/UI/AudioPlayer/AudioElement.vue
new file mode 100644
index 0000000..93e412b
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/AudioPlayer/AudioElement.vue
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/AudioPlayer/PlayerControls.vue b/VoiceHub-main/app/components/UI/AudioPlayer/PlayerControls.vue
new file mode 100644
index 0000000..1a0f91b
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/AudioPlayer/PlayerControls.vue
@@ -0,0 +1,331 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![封面]()
+
+
+
+
+
+ {{ getFirstChar(activeSong?.title || '') }}
+
+
+
+
+
+ {{ activeSong?.title || '未知歌曲' }}
+{{ activeSong?.artist || '未知艺术家' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formatTime(control.currentTime.value) }}
+
+
+ {{ currentQualityText }}
+
+
+ {{ rightTimeText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ option.label }}
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/AudioPlayer/PlayerInfo.vue b/VoiceHub-main/app/components/UI/AudioPlayer/PlayerInfo.vue
new file mode 100644
index 0000000..e7d273b
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/AudioPlayer/PlayerInfo.vue
@@ -0,0 +1,186 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formatTime(currentTime) }}
+ {{ formatTime(duration) }}
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/BilibiliIframeModal.vue b/VoiceHub-main/app/components/UI/BilibiliIframeModal.vue
new file mode 100644
index 0000000..0d70fe0
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/BilibiliIframeModal.vue
@@ -0,0 +1,133 @@
+
+
+
+ ![封面]()
+
+
+
+ {{ getFirstChar(song.title || '') }}
+
+
+
+
+
+ {{ song.title }}
+{{ song.artist }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 无法加载视频
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/Common/DataTable.vue b/VoiceHub-main/app/components/UI/Common/DataTable.vue
new file mode 100644
index 0000000..9494d4c
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/Common/DataTable.vue
@@ -0,0 +1,658 @@
+
+
+
+
+
+
+ {{ label }}
+
+ {{ displayLabel }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/Common/ErrorBoundary.vue b/VoiceHub-main/app/components/UI/Common/ErrorBoundary.vue
new file mode 100644
index 0000000..6ecf122
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/Common/ErrorBoundary.vue
@@ -0,0 +1,285 @@
+
+
+
+
+
+
+
+
+
+
+ 已选择 {{ selectedRows.length }} 项
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ loadingText
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ formatCellValue(getNestedValue(row, columns[0]?.key), columns[0])
+ }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{
+ column.title
+ }}
+
+
+
+ {{ formatCellValue(getNestedValue(row, column.key), column) }}
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/Common/LoadingState.vue b/VoiceHub-main/app/components/UI/Common/LoadingState.vue
new file mode 100644
index 0000000..42d7c6e
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/Common/LoadingState.vue
@@ -0,0 +1,173 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ errorTitle }}
++ {{ errorMessage }} +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ 系统调试信息
+
+ {{ errorDetails }}
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/Common/Pagination.vue b/VoiceHub-main/app/components/UI/Common/Pagination.vue
new file mode 100644
index 0000000..b0539e2
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/Common/Pagination.vue
@@ -0,0 +1,162 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ title }}
+{{ message }}
+ + +
+
+
+
+
+
+
+
+ 加载进度
+ {{ progress }}%
+
+
+
+
+
+
+
+
+ {{ step }}
+
+
+
+
+
+ {{ index + 1 }}
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/Common/Popover.vue b/VoiceHub-main/app/components/UI/Common/Popover.vue
new file mode 100644
index 0000000..baa5c38
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/Common/Popover.vue
@@ -0,0 +1,155 @@
+
+
+ 第 {{ currentPage }} 页 · 共 {{ totalPages }} 页
+ (共 {{ totalItems }} {{ itemName }})
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/Common/SearchFilter.vue b/VoiceHub-main/app/components/UI/Common/SearchFilter.vue
new file mode 100644
index 0000000..84eb263
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/Common/SearchFilter.vue
@@ -0,0 +1,469 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/Common/StatCard.vue b/VoiceHub-main/app/components/UI/Common/StatCard.vue
new file mode 100644
index 0000000..0706dda
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/Common/StatCard.vue
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 至
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/ConfirmDialog.vue b/VoiceHub-main/app/components/UI/ConfirmDialog.vue
new file mode 100644
index 0000000..94c5bd2
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/ConfirmDialog.vue
@@ -0,0 +1,200 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ label }}
+
+
+
+
+ + {{ formattedValue }} +
+
+
+ + {{ subtitle }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ title }}
++ {{ message }} +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+ + {{ currentSong?.title || '未知歌曲' }} +
+{{ currentSong?.artist || '未知艺术家' }}
+ + +
+ {{ currentQualityText }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentSong?.title }}
+ {{ currentSong?.artist }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ formatTime(currentTime) }}
+
+ {{ formatTime(duration) }}
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/Notification.vue b/VoiceHub-main/app/components/UI/Notification.vue
new file mode 100644
index 0000000..b16b050
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/Notification.vue
@@ -0,0 +1,217 @@
+
+
+ {{ text }}
+ {{ text }}
+
+
+
+
+
+ {{ message }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/UI/PageTransition.vue b/VoiceHub-main/app/components/UI/PageTransition.vue
new file mode 100644
index 0000000..5525f53
--- /dev/null
+++ b/VoiceHub-main/app/components/UI/PageTransition.vue
@@ -0,0 +1,133 @@
+
+
+
+
+
+ {{ notification.message }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/year-review/ArtistSlide.vue b/VoiceHub-main/app/components/year-review/ArtistSlide.vue
new file mode 100644
index 0000000..27d56f1
--- /dev/null
+++ b/VoiceHub-main/app/components/year-review/ArtistSlide.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/year-review/FirstSongSlide.vue b/VoiceHub-main/app/components/year-review/FirstSongSlide.vue
new file mode 100644
index 0000000..630ef15
--- /dev/null
+++ b/VoiceHub-main/app/components/year-review/FirstSongSlide.vue
@@ -0,0 +1,219 @@
+
+
+
+ {{ percentage }}%
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/year-review/IntroSlide.vue b/VoiceHub-main/app/components/year-review/IntroSlide.vue
new file mode 100644
index 0000000..266bbb7
--- /dev/null
+++ b/VoiceHub-main/app/components/year-review/IntroSlide.vue
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/year-review/MiscSlide.vue b/VoiceHub-main/app/components/year-review/MiscSlide.vue
new file mode 100644
index 0000000..cc65ec1
--- /dev/null
+++ b/VoiceHub-main/app/components/year-review/MiscSlide.vue
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/year-review/OutroSlide.vue b/VoiceHub-main/app/components/year-review/OutroSlide.vue
new file mode 100644
index 0000000..0fe78e7
--- /dev/null
+++ b/VoiceHub-main/app/components/year-review/OutroSlide.vue
@@ -0,0 +1,210 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/year-review/ShareCard.vue b/VoiceHub-main/app/components/year-review/ShareCard.vue
new file mode 100644
index 0000000..b1f2e91
--- /dev/null
+++ b/VoiceHub-main/app/components/year-review/ShareCard.vue
@@ -0,0 +1,217 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/components/year-review/StatsSlide.vue b/VoiceHub-main/app/components/year-review/StatsSlide.vue
new file mode 100644
index 0000000..c99a5d2
--- /dev/null
+++ b/VoiceHub-main/app/components/year-review/StatsSlide.vue
@@ -0,0 +1,159 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/composables/useAdmin.ts b/VoiceHub-main/app/composables/useAdmin.ts
new file mode 100644
index 0000000..89ecb94
--- /dev/null
+++ b/VoiceHub-main/app/composables/useAdmin.ts
@@ -0,0 +1,450 @@
+import { ref } from 'vue'
+import { useAuth } from './useAuth'
+import type { PlayTime, SystemSettings } from '~/types'
+
+export const useAdmin = () => {
+ const { getAuthConfig, isAdmin } = useAuth()
+
+ const loading = ref(false)
+ const error = ref('')
+
+ // 创建歌曲排期
+ const createSchedule = async (
+ songId: number,
+ playDate: Date,
+ playTimeId?: number | null,
+ sequence: number = 1
+ ) => {
+ if (!isAdmin.value) {
+ error.value = '只有管理员才能创建排期'
+ return null
+ }
+
+ loading.value = true
+ error.value = ''
+
+ try {
+ const authConfig = getAuthConfig()
+
+ const data = await $fetch('/api/admin/schedule', {
+ method: 'POST',
+ body: { songId, playDate, playTimeId, sequence },
+ ...authConfig
+ })
+
+ return data
+ } catch (err: any) {
+ error.value = err.message || '创建排期失败'
+ throw err
+ } finally {
+ loading.value = false
+ }
+ }
+
+ // 移除排期
+ const removeSchedule = async (scheduleId: number) => {
+ if (!isAdmin.value) {
+ error.value = '只有管理员才能移除排期'
+ return { success: false, message: error.value } as const
+ }
+
+ loading.value = true
+ error.value = ''
+
+ try {
+ const authConfig = getAuthConfig()
+
+ const response = await $fetch<{
+ success: boolean
+ message?: string
+ schedule?: any
+ }>('/api/admin/schedule/remove', {
+ method: 'POST',
+ body: { scheduleId },
+ ...authConfig
+ })
+
+ // 检查响应
+ if (!response.success) {
+ error.value = response.message || '移除排期失败'
+ return { success: false, message: error.value } as const
+ }
+
+ return response
+ } catch (err: any) {
+ const errorMessage = err.data?.message || err.message || '移除排期失败'
+ error.value = errorMessage
+ console.error('移除排期错误:', err)
+ return { success: false, message: errorMessage } as const
+ } finally {
+ loading.value = false
+ }
+ }
+
+ // 更新排期顺序
+ const updateScheduleSequence = async (schedules: Array<{ id: number; sequence: number }>) => {
+ if (!isAdmin.value) {
+ error.value = '只有管理员才能更新排期顺序'
+ return null
+ }
+
+ loading.value = true
+ error.value = ''
+
+ try {
+ const authConfig = getAuthConfig()
+
+ const data = await $fetch('/api/admin/schedule/sequence', {
+ method: 'POST',
+ body: { schedules },
+ ...authConfig
+ })
+
+ return data
+ } catch (err: any) {
+ error.value = err.message || '更新排期顺序失败'
+ throw err
+ } finally {
+ loading.value = false
+ }
+ }
+
+ // 标记歌曲已播放
+ const markSongAsPlayed = async (songId: number) => {
+ if (!isAdmin.value) {
+ error.value = '只有管理员才能标记歌曲已播放'
+ return null
+ }
+
+ loading.value = true
+ error.value = ''
+
+ try {
+ const authConfig = getAuthConfig()
+
+ const data = await $fetch('/api/admin/songs/mark-played', {
+ method: 'POST',
+ body: { songId },
+ ...authConfig
+ })
+
+ return data
+ } catch (err: any) {
+ error.value = err.message || '标记播放失败'
+ throw err
+ } finally {
+ loading.value = false
+ }
+ }
+
+ // 发送管理员通知
+ const sendAdminNotification = async (notificationData: {
+ title: string
+ content: string
+ scope: 'ALL' | 'GRADE' | 'CLASS' | 'MULTI_CLASS'
+ filter: {
+ grade?: string
+ class?: string
+ classes?: Array<{ grade: string; class: string }>
+ }
+ }) => {
+ if (!isAdmin.value) {
+ error.value = '只有管理员才能发送系统通知'
+ return null
+ }
+
+ loading.value = true
+ error.value = ''
+
+ try {
+ const authConfig = getAuthConfig()
+
+ const data = await $fetch('/api/admin/notifications/send', {
+ method: 'POST',
+ body: notificationData,
+ ...authConfig
+ })
+
+ return data
+ } catch (err: any) {
+ error.value = err.message || '发送通知失败'
+ throw err
+ } finally {
+ loading.value = false
+ }
+ }
+
+ // 获取系统设置
+ const getSystemSettings = async () => {
+ if (!isAdmin.value) {
+ error.value = '只有管理员才能获取系统设置'
+ return null
+ }
+
+ loading.value = true
+ error.value = ''
+
+ try {
+ const authConfig = getAuthConfig()
+
+ const data = await $fetch('/api/admin/system-settings', {
+ ...authConfig
+ })
+
+ return data as SystemSettings
+ } catch (err: any) {
+ error.value = err.message || '获取系统设置失败'
+ throw err
+ } finally {
+ loading.value = false
+ }
+ }
+
+ // 更新系统设置
+ const updateSystemSettings = async (settings: Partial
+ 初次相遇
+
+
+ 这一年，你点的第一首歌是
+ +
+
+
+
+ ![Cover]()
+
+
+
+
+
+
+ {{ data.firstSong.title }}
+{{ data.firstSong.artist }}
+{{ formatDate(data.firstSong.createdAt) }}
+
+
+ `
+ isInitialized.value = true
+ }
+
+ // 应用配置
+ const applyConfig = async () => {
+ if (!lyricPlayer.value || !lyricPlayer.value.setLyricLineStyle) return
+
+ try {
+ // 设置字体大小和行高
+ lyricPlayer.value.setLyricLineStyle({
+ fontSize: config.value.fontSize,
+ lineHeight: config.value.lineHeight
+ })
+
+ // 设置颜色
+ lyricPlayer.value.setLyricLineColor({
+ active: config.value.activeColor,
+ inactive: config.value.inactiveColor,
+ passed: config.value.passedColor
+ })
+
+ // 设置效果
+ lyricPlayer.value.setLyricLineEffect({
+ blur: config.value.enableBlur,
+ scale: config.value.enableScale,
+ spring: config.value.enableSpring
+ })
+
+ // 设置对齐位置
+ lyricPlayer.value.setAlignPosition(config.value.alignPosition)
+ } catch (error) {
+ console.error('应用歌词配置失败:', error)
+ }
+ }
+
+ // 更新配置
+ const updateConfig = async (newConfig: Partial
+
+ 🎵
+ 歌词播放器加载中...
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/middleware/auth.global.ts b/VoiceHub-main/app/middleware/auth.global.ts
new file mode 100644
index 0000000..79f28c3
--- /dev/null
+++ b/VoiceHub-main/app/middleware/auth.global.ts
@@ -0,0 +1,28 @@
+import { useAuth } from '~/composables/useAuth'
+
+export default defineNuxtRouteMiddleware(async (to, from) => {
+ const { isAuthenticated, initAuth } = useAuth()
+ const publicRoutes = ['/login', '/', '/auth/error']
+
+ // 客户端初始化认证状态
+ if (import.meta.client && !isAuthenticated.value) {
+ await initAuth()
+ }
+
+ // 公共页面跳过认证
+ if (publicRoutes.includes(to.path) || to.path.startsWith('/api/auth')) {
+ return
+ }
+
+ // 服务端跳过认证检查
+ if (import.meta.server) {
+ return
+ }
+
+ // 未认证用户重定向到登录页
+ if (!isAuthenticated.value && to.path !== '/login') {
+ // 保存目标路径用于登录后重定向
+ const redirect = to.fullPath
+ return navigateTo(`/login?redirect=${encodeURIComponent(redirect)}`)
+ }
+})
diff --git a/VoiceHub-main/app/pages/account/index.vue b/VoiceHub-main/app/pages/account/index.vue
new file mode 100644
index 0000000..d181d90
--- /dev/null
+++ b/VoiceHub-main/app/pages/account/index.vue
@@ -0,0 +1,180 @@
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/pages/auth/error.vue b/VoiceHub-main/app/pages/auth/error.vue
new file mode 100644
index 0000000..d9c9c02
--- /dev/null
+++ b/VoiceHub-main/app/pages/auth/error.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+
+
+
+
+
+ 账号管理
++ Account Management +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ {{ userInitials }}
+
+
+
+
+
+
+ + {{ auth.user.value?.name || auth.user.value?.username }} +
+@{{ auth.user.value?.username }}
+
+
+ {{ roleName }}
+
+
+ {{ auth.user.value?.grade }}
+
+
+ {{ auth.user.value?.class }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 第三方账号绑定
+绑定社交账号以便更快捷地登录系统
+
+
+
+
+
+
+ 修改密码
+为了您的账号安全，建议定期更换高强度密码
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/pages/change-password.vue b/VoiceHub-main/app/pages/change-password.vue
new file mode 100644
index 0000000..93f1d15
--- /dev/null
+++ b/VoiceHub-main/app/pages/change-password.vue
@@ -0,0 +1,364 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 身份验证失败
+{{ errorMessage }}
+
+
+
+
+ 错误代码
+
+ {{ errorCode }}
+
+
+
+
+
+
+
+
+
+ + 如果您认为这是一个错误，请联系系统管理员 +
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/pages/dashboard.vue b/VoiceHub-main/app/pages/dashboard.vue
new file mode 100644
index 0000000..18b9126
--- /dev/null
+++ b/VoiceHub-main/app/pages/dashboard.vue
@@ -0,0 +1,447 @@
+
+
+
+
+
+
+
+
+
+
+
+ ![VoiceHub Logo]()
+
+
+
+
+
+ {{ siteTitle || 'VoiceHub' }}
+
+
+ 密码安全建议
+
+
+
+
+ 至少8个字符
+
+
+
+ 包含大小写字母
+
+
+
+ 包含数字和特殊字符
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ isFirstLogin ? '设置新密码' : '修改密码' }}
+{{ isFirstLogin ? '请设置一个安全的密码' : '更新您的登录密码' }}
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/pages/index.vue b/VoiceHub-main/app/pages/index.vue
new file mode 100644
index 0000000..ad65fb0
--- /dev/null
+++ b/VoiceHub-main/app/pages/index.vue
@@ -0,0 +1,3488 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getPageTitle() }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/pages/login.vue b/VoiceHub-main/app/pages/login.vue
new file mode 100644
index 0000000..a51be90
--- /dev/null
+++ b/VoiceHub-main/app/pages/login.vue
@@ -0,0 +1,324 @@
+
+
+
+
+
+
+
+
+
+
+ ![VoiceHub Logo]()
+
+
+
+
+
+
+
+ ![学校Logo]()
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ user?.name || '用户' }}
+ {{ roleName }}
+ {{ userClassInfo }}
+
+
+
+ ![]()
+
+
+
+ {{ user?.name?.[0] || 'U' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ siteTitle }}
+ + VoiceHub 校园广播系统 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 消息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 需要登录
+您需要登录才能查看通知
+ +
+
+
+
+
+
+
+ 通知中心
+ +
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+ 暂无通知
+
+
+
+
+
+
+
+
+
+
+ 歌曲已选中
+ 歌曲已播放
+ 收到新投票
+ 歌曲被驳回
+
+ 联合投稿邀请
+
+ {{
+ notification.status === 'ACCEPTED'
+ ? '- 已接受'
+ : notification.status === 'INVALID'
+ ? '- 已失效'
+ : '- 已拒绝'
+ }}
+
+
+ 联合投稿回复
+ 系统通知
+
+
+
+ {{ formatNotificationTime(notification.createdAt) }}
+
+
+
+ {{ notification.message }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 共 {{ notificationsService.totalCount.value }} 条通知， 第
+ {{ notificationsService.currentPage.value }} /
+ {{ notificationsService.totalPages.value }} 页
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 加载中...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 投稿前请仔细阅读以下规则
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 01
+
+ 投稿时无需加入书名号
+
+ 02
+
+ 除DJ外，其他类型歌曲均接收（包括小语种）
+
+ 03
+
+ 禁止投递含有违规内容的歌曲
+
+
+
+
+
+
+
+
+
+
+
+
+ 每天夜自修静班前
++ PLAYBACK TIME +
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/pages/notification-settings.vue b/VoiceHub-main/app/pages/notification-settings.vue
new file mode 100644
index 0000000..b74f69c
--- /dev/null
+++ b/VoiceHub-main/app/pages/notification-settings.vue
@@ -0,0 +1,870 @@
+
+
+
+
+
+
+
+
+
+
+
+ ![Brand Logo]()
+
+ ![学校Logo]()
+
+ {{ siteTitle ? siteTitle + ' | VoiceHub' : 'VoiceHub' }}
+ +
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/pages/year-review.vue b/VoiceHub-main/app/pages/year-review.vue
new file mode 100644
index 0000000..be69378
--- /dev/null
+++ b/VoiceHub-main/app/pages/year-review.vue
@@ -0,0 +1,397 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 消息设置
++ Notification Settings +
+
+
+
+
+
+
+
+ 加载设置中...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 站内消息设置
+配置您希望在系统内接收的消息类型
+
+
+
+
+
+
+
+
+
+ 歌曲被选中消息
+当您投稿的歌曲被选中播放时通知您
+
+
+
+
+
+
+
+
+
+ 歌曲已播放消息
+当您投稿的歌曲播放完成时通知您
+
+
+
+
+
+
+
+
+
+ 歌曲获得投票消息
+当您投稿的歌曲获得投票时通知您
+
+
+
+
+
+
+
+
+
+ 系统通知
+接收系统重要通知和公告
+
+
+
+
+
+
+
+
+
+ 投票通知阈值
+当投票数达到此阈值时才发送通知
+
+
+ 票
+
+
+
+
+
+ 通知刷新间隔
+设置系统自动检查新通知的时间间隔
+
+
+ {{ localSettings.refreshInterval }}s
+
+
+
+
+
+
+
+
+
+ 社交账号绑定
+绑定您的社交账号以接收实时推送通知
+
+
+
+
+
+
+
+
+
+
+
+
+ 邮箱消息通知
+
+
+
+
+
+
+
+
+
+
+ + 当前绑定邮箱 +
+{{ userEmail }}
+
+ {{ emailVerified ? '已验证' : '待验证' }}
+
+
+
+
+
+ 绑定邮箱后，您可以接收到实时的邮件通知提醒。
+
+
+
+
+
+
+
+
+
+
+
+ + 验证码已发送至您的邮箱，请在 5 分钟内完成验证。若未收到邮件，请检查垃圾箱。 +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ MeoW App 推送
+
+
+
+
+
+
+
+
+
+
+ + 当前绑定 ID +
++ {{ localSettings.meowUserId }} +
+
+ 已连接
+
+
+
+
+
+ + 通过 MeoW 客户端接收更及时的系统通知和歌曲状态变更提醒。 +
+ + +
+
+
+
+
+
+
+
+
+
+
+ + 验证码已发送至 MeoW ID: + {{ meowUserId }}，请在客户端查收。 +
+
+
+
+
+
+
+
+
+
+
+
+
+ 我的年度回顾 - VoiceHub
+
+
+
+
+
+
+
+
+
+
+
diff --git a/VoiceHub-main/app/plugins/auth.client.ts b/VoiceHub-main/app/plugins/auth.client.ts
new file mode 100644
index 0000000..c3952fb
--- /dev/null
+++ b/VoiceHub-main/app/plugins/auth.client.ts
@@ -0,0 +1,107 @@
+export default defineNuxtPlugin((nuxtApp) => {
+ if (!import.meta.client) {
+ return
+ }
+
+ // 立即设置请求拦截器，确保在任何API调用之前生效
+ const originalFetch = window.fetch
+ const errorHandler = useErrorHandler()
+
+ // 拦截window.fetch
+ window.fetch = async function (input: RequestInfo | URL, init?: RequestInit): Promise
+
+
+
+
+ 正在生成您的年度回忆...
+
+
+
+
+ ⚠️
+
+
+
+ 获取数据失败
+可能是网络出了点小差错
+
+
+ 去点歌
+
+
+
+
+ 今年还没有点歌记录哦
+快去点一首喜欢的歌吧
+
+
+ `
+
+ /** 内容块模板 */
+ private contentBlocks: Record
+
+ +
+
+
+
+ {{#if title}}
+ {{fromName}}
+{{headerSubtitle}}
+{{title}}
+ {{/if}} + +
+ {{contentBlock}}
+
+
+ {{#if actionUrl}}
+
+ {{actionText}}
+
+ {{/if}}
+
+ + +
+ 此邮件由系统自动发送，请勿回复。
+ 如有疑问，请联系管理员。{{#if ipAddress}}
This email was requested from: {{ipAddress}}{{/if}}
+
您好，{{name}}！
+您正在验证邮箱：{{email}}
+请在{{expiresInMinutes}}分钟内输入以下验证码完成验证：
+
+
+ {{code}}
+若非本人操作，请忽略本邮件。
+ `, + generic: ` +{{message}}
+ `,
+ songSelected: `
+ 您投稿的歌曲《{{songTitle}}》已被安排播放。
+播放日期：{{playDate}}
+ {{#if playTimeName}} +播出时段：{{playTimeName}}{{#if playTimeRange}}（{{playTimeRange}}）{{/if}}
+ {{/if}} + {{#if message}} +{{message}}
+ {{/if}} + `, + songPlayed: ` +您投稿的歌曲《{{songTitle}}》已播放。
+ {{#if message}} +{{message}}
+ {{/if}} + `, + songVoted: ` +您投稿的歌曲《{{songTitle}}》获得了新的投票。
+当前共有 {{votesCount}} 个投票。
+ {{#if message}} +{{message}}
+ {{/if}} + ` + } + + /** 模板配置 */ + private builtinTemplates: Record< + string, + { + name: string + subject: string + contentType: string + headerSubtitle: string + actionText?: string + } + > = { + 'verification.code': { + name: '邮箱验证码', + subject: '邮箱验证码 | {{siteTitle}}', + contentType: 'verification', + headerSubtitle: '邮箱验证' + }, + 'notification.generic': { + name: '通用通知', + subject: '{{title}} | {{siteTitle}}通知推送', + contentType: 'generic', + headerSubtitle: '通知推送', + actionText: '查看详情' + }, + 'notification.songSelected': { + name: '歌曲被选中', + subject: '收到新选中 | {{siteTitle}}通知推送', + contentType: 'songSelected', + headerSubtitle: '通知推送' + }, + 'notification.songPlayed': { + name: '歌曲已播放', + subject: '歌曲已播放 | {{siteTitle}}通知推送', + contentType: 'songPlayed', + headerSubtitle: '通知推送' + }, + 'notification.songVoted': { + name: '收到新投票', + subject: '收到新投票 | {{siteTitle}}通知推送', + contentType: 'songVoted', + headerSubtitle: '通知推送' + } + } + + private constructor() {} + + static getInstance(): SmtpService { + if (!SmtpService.instance) { + SmtpService.instance = new SmtpService() + // 首次创建实例时，尝试初始化SMTP配置（异步执行，不阻塞） + SmtpService.instance.initializeSmtpConfig().catch((error) => { + console.log('SmtpService实例创建时初始化配置失败:', error.message) + }) + } + return SmtpService.instance + } + + // 暴露内置模板（只读） + getBuiltinTemplates(): RecordThis email was requested from: ${formattedIP}` + ) + ) + } + + const mailOptions = { + from: { + name: this.smtpConfig.fromName, + address: this.smtpConfig.fromEmail + }, + to, + subject, + html: finalHtml, + text: textContent || finalHtml.replace(/<[^>]*>/g, '') // 简单的HTML转文本 + } + + try { + const result = await this.transporter!.sendMail(mailOptions) + console.log(`邮件发送成功: ${result.messageId}`) + return true + } catch (error: any) { + // 自动重试机制：如果是因为发件人地址不匹配导致的553/501错误，尝试使用认证用户作为发件人 + if ( + (error.responseCode === 553 || error.responseCode === 501) && + this.smtpConfig.auth?.user + ) { + console.warn( + `SMTP发件人地址不匹配 (${error.responseCode})，正在尝试使用认证用户重试发送...` + ) + try { + // 这里可以安全地使用 mailOptions，因为它在 try 块外部定义 + const retryMailOptions = { + ...mailOptions, + from: { + ...mailOptions.from, + address: this.smtpConfig.auth.user + } + } + const result = await this.transporter!.sendMail(retryMailOptions) + console.log(`重试发送成功: ${result.messageId}`) + return true + } catch (retryError) { + console.error('重试发送失败:', retryError) + throw error // 如果重试也失败，抛出原始错误 + } + } + + console.error('发送邮件失败:', error) + throw error + } + } + + /** + * 渲染模板：优先使用自定义模板，否则回退到内置模板 + */ + async renderTemplate( + key: string, + data: Record
如果您收到这封邮件，说明SMTP配置已经正确设置。', + undefined, + formattedIP + ) + + const success = await this.sendMail(to, subject, htmlContent, undefined, ipAddress) + return { + success, + message: success ? '测试邮件发送成功' : '测试邮件发送失败' + } + } catch (error) { + return { + success: false, + message: '测试邮件发送失败', + detail: error instanceof Error ? error.message : '未知错误' + } + } + } + + /** + * 生成邮件HTML模板 + */ + generateEmailTemplate( + title: string, + content: string, + actionUrl?: string, + formattedIP?: string + ): string { + return ` +
+
+ `
+ }
+
+ /**
+ * 确保SMTP配置已初始化
+ */
+ private async ensureInitialized(): Promise
+
+ +
+
+
+
+ ${this.smtpConfig?.fromName || '校园广播站'}
+通知推送
+${title}
+ +
+ ${content}
+
+
+ ${
+ actionUrl
+ ? `
+
+ 查看详情
+
+ `
+ : ''
+ }
+
+ + +
+ 此邮件由系统自动发送，请勿回复。
+ 如有疑问，请联系管理员。${formattedIP ? `
This email was requested from: ${formattedIP}` : ''}
+