ikmkj/graduation-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): 收敛重复错误弹窗并统一去重处理

Browse Source
This commit is contained in:
root
2026-03-08 15:10:09 +08:00
parent 1a00afd628
commit af9bc8f21e
8 changed files with 51 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
music-qianduan/src/views/MusicDetail.vue
View File

@@ -263,6 +263,7 @@ import { connect, subscribe, unsubscribe, disconnect } from '../utils/websocket'
import { ElMessage, ElMessageBox } from 'element-plus'
import { VideoPlay, VideoPause, Star, StarFilled, Plus } from '@element-plus/icons-vue'
import { processImageUrl } from '../utils/imageUtils'
import { showErrorOnce } from '../utils/errorHandler'
const route = useRoute()
const router = useRouter()
@@ -425,7 +426,7 @@ const submitComment = async (isReply = false) => {
}
} catch (error) {
console.error('提交评论失败:', error);
ElMessage.error('评论失败，请稍后重试');
showErrorOnce(error, '评论失败，请稍后重试');
}
};
@@ -449,7 +450,7 @@ const deleteComment = async (commentId) => {
} catch (error) {
if (error !== 'cancel') {
console.error('删除评论失败:', error);
ElMessage.error('删除失败，请稍后重试');
showErrorOnce(error, '删除失败，请稍后重试');
}
}
};
@@ -560,7 +561,7 @@ const toggleCollect = async () => {
}
} catch (error) {
console.error('收藏操作失败:', error)
ElMessage.error('操作失败，请稍后重试')
showErrorOnce(error, '操作失败，请稍后重试')
}
}
@@ -583,7 +584,7 @@ const toggleLike = async () => {
}
} catch (error) {
console.error('点赞操作失败:', error);
ElMessage.error('操作失败，请稍后重试');
showErrorOnce(error, '操作失败，请稍后重试');
}
};

3
music-qianduan/src/views/Playlist.vue
View File

@@ -3,6 +3,7 @@ import { ref, onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { useUserStore } from '../stores/user'
import { ElMessage } from 'element-plus'
import { showErrorOnce } from '../utils/errorHandler'
import { Search, Headset } from '@element-plus/icons-vue'
import { getPlaylistList, getHotPlaylist, toggleCollectPlaylist, isPlaylistCollected, uncollectPlaylist, collectPlaylist } from '../api/playlist'
import { getPlaylistTypeList } from '../api/playlistType'
@@ -170,7 +171,7 @@ const toggleCollect = async (playlist) => {
}
} catch (error) {
console.error('收藏操作失败:', error)
ElMessage.error('操作失败，请稍后重试')
showErrorOnce(error, '操作失败，请稍后重试')
}
}

13
music-qianduan/src/views/PlaylistDetail.vue
View File

@@ -9,6 +9,7 @@ import { getMusicStatus } from '../api/music'
import { getCommentList, addComment, deleteComment as apiDeleteComment } from '../api/comment'
import { connect, subscribe, unsubscribe, disconnect } from '../utils/websocket' // 导入 WebSocket 工具
import { processImageUrl } from '../utils/imageUtils'
import { showErrorOnce } from '../utils/errorHandler'
import MusicList from '../components/MusicList.vue'
const route = useRoute()
@@ -201,7 +202,7 @@ const toggleCollect = async () => {
}
} catch (error) {
console.error('收藏操作失败:', error)
ElMessage.error('操作失败，请稍后重试')
showErrorOnce(error, '操作失败，请稍后重试')
}
}
@@ -226,7 +227,7 @@ const deleteComment = async (commentId) => {
} catch (error) {
if (error !== 'cancel') {
console.error('删除评论失败:', error)
ElMessage.error('删除失败，请稍后重试')
showErrorOnce(error, '删除失败，请稍后重试')
}
}
}
@@ -319,7 +320,7 @@ const submitComment = async (isReply = false) => {
}
} catch (error) {
console.error('提交评论失败:', error)
ElMessage.error('评论失败，请稍后重试')
showErrorOnce(error, '评论失败，请稍后重试')
}
}
@@ -364,7 +365,7 @@ const submitEdit = async () => {
}
} catch (error) {
console.error('更新歌单失败:', error)
ElMessage.error('更新失败，请稍后重试')
showErrorOnce(error, '更新失败，请稍后重试')
}
}
@@ -390,7 +391,7 @@ const deletePlaylist = () => {
}
} catch (error) {
console.error('删除歌单失败:', error)
ElMessage.error('删除失败，请稍后重试')
showErrorOnce(error, '删除失败，请稍后重试')
}
}).catch(() => {})
}
@@ -510,7 +511,7 @@ const deleteFromPlaylist = async (music) => {
} catch (error) {
if (error !== 'cancel') {
console.error('移除歌曲失败:', error)
ElMessage.error('移除失败，请稍后重试')
showErrorOnce(error, '移除失败，请稍后重试')
}
}
}

7
music-qianduan/src/views/Search.vue
View File

@@ -152,6 +152,7 @@ import { ref, computed, onMounted, watch } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { useUserStore } from '../stores/user'
import { ElMessage } from 'element-plus'
import { showErrorOnce } from '../utils/errorHandler'
import { Search } from '@element-plus/icons-vue'
import { searchMusic, toggleCollectMusic, getMusicStatus } from '../api/music'
import { searchPlaylist, toggleCollectPlaylist } from '../api/playlist'
@@ -362,7 +363,7 @@ const handleCollectChange = async (id) => {
}
} catch (error) {
console.error('收藏操作失败:', error)
ElMessage.error('操作失败，请稍后重试')
showErrorOnce(error, '操作失败，请稍后重试')
}
}
@@ -387,7 +388,7 @@ const handleCollectPlaylist = async (id) => {
}
} catch (error) {
console.error('收藏操作失败:', error)
ElMessage.error('操作失败，请稍后重试')
showErrorOnce(error, '操作失败，请稍后重试')
}
}
@@ -414,7 +415,7 @@ const handleCollectSinger = async (id, event) => {
}
} catch (error) {
console.error('收藏操作失败:', error)
ElMessage.error('操作失败，请稍后重试')
showErrorOnce(error, '操作失败，请稍后重试')
}
}

3
music-qianduan/src/views/Singer.vue
View File

@@ -3,6 +3,7 @@ import { ref, onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { useUserStore } from '../stores/user'
import { ElMessage } from 'element-plus'
import { showErrorOnce } from '../utils/errorHandler'
import { Search } from '@element-plus/icons-vue'
import { getSingerList, getHotSinger, isSingerCollected, collectSinger, uncollectSinger } from '../api/singer'
import { getSingerTypeList } from '../api/singerType'
@@ -170,7 +171,7 @@ const toggleCollect = async (singer, event) => {
}
} catch (error) {
console.error('收藏操作失败:', error)
ElMessage.error('操作失败，请稍后重试')
showErrorOnce(error, '操作失败，请稍后重试')
}
}

7
music-qianduan/src/views/SingerDetail.vue
View File

@@ -7,6 +7,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
import { getSingerById, isSingerCollected, collectSinger, uncollectSinger } from '../api/singer'
import { getCommentList, addComment, deleteComment as apiDeleteComment } from '../api/comment'
import { processImageUrl } from '../utils/imageUtils'
import { showErrorOnce } from '../utils/errorHandler'
import { processMusicUrl, getMusicBySinger, getMusicStatus } from '../api/music'
import { connect, subscribe, unsubscribe, disconnect } from '../utils/websocket' // 导入 WebSocket 工具
import MusicList from '../components/MusicList.vue'
@@ -219,7 +220,7 @@ const toggleCollect = async () => {
}
} catch (error) {
console.error('收藏操作失败:', error)
ElMessage.error('操作失败，请稍后重试')
showErrorOnce(error, '操作失败，请稍后重试')
}
}
@@ -311,7 +312,7 @@ const submitComment = async (isReply = false) => {
}
} catch (error) {
console.error('提交评论失败:', error)
ElMessage.error('评论失败，请稍后重试')
showErrorOnce(error, '评论失败，请稍后重试')
}
}
@@ -336,7 +337,7 @@ const deleteComment = async (commentId) => {
} catch (error) {
if (error !== 'cancel') {
console.error('删除评论失败:', error)
ElMessage.error('删除失败，请稍后重试')
showErrorOnce(error, '删除失败，请稍后重试')
}
}
}