From ddc84cbbdc578e39d5d4f8ee367303043bddd092 Mon Sep 17 00:00:00 2001 From: Megghy Date: Mon, 18 Dec 2023 14:19:11 +0800 Subject: [PATCH] add batch update songs --- babel.config.js | 8 +- package.json | 38 +- src/components/DynamicForm.vue | 17 + src/components/SongList.vue | 255 +- tsconfig.json | 2 + vite.config.ts => vite.config.mts | 11 +- yarn.lock | 3906 ++++++++++++++++++++++++----- 7 files changed, 3521 insertions(+), 716 deletions(-) create mode 100644 src/components/DynamicForm.vue rename vite.config.ts => vite.config.mts (64%) diff --git a/babel.config.js b/babel.config.js index 757ff9b..a7a5f24 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,5 +1,3 @@ -module.exports = { - presets: [ - '@vue/cli-plugin-babel/preset', - ], -}; +export const presets = [ + '@vue/cli-plugin-babel/preset', +]; diff --git a/package.json b/package.json index 3bc577f..ac00915 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "lint": "vite lint" }, "dependencies": { - "@types/node": "^20.2.5", + "@types/node": "^20.10.5", "@vicons/fluent": "^0.12.0", "@vitejs/plugin-vue": "^4.2.3", "@vueuse/core": "^10.1.2", @@ -27,15 +27,15 @@ "mitt": "^3.0.1", "qrcode.vue": "^3.4.1", "queue-typescript": "^1.0.1", - "universal-cookie": "^4.0.4", - "vite": "^4.3.9", - "vite-svg-loader": "^4.0.0", - "vue": "^3.2.13", - "vue-echarts": "^6.6.1", + "universal-cookie": "^6.1.1", + "vite": "^5.0.10", + "vite-svg-loader": "^5.1.0", + "vue": "^3.3.12", + "vue-echarts": "^6.6.5", "vue-meta": "^3.0.0-alpha.10", "vue-request": "^2.0.3", "vue-router": "4", - "vue-turnstile": "^1.0.0", + "vue-turnstile": "^1.0.6", "vue3-aplayer": "^1.7.3", "vue3-marquee": "^4.1.0", "vueuc": "^0.4.51", @@ -44,22 +44,24 @@ }, "devDependencies": { "@babel/eslint-parser": "^7.21.3", - "@typescript-eslint/eslint-plugin": "^5.4.0", - "@typescript-eslint/parser": "^5.4.0", + "@typescript-eslint/eslint-plugin": "^6.14.0", + "@typescript-eslint/parser": "^6.14.0", "@vicons/ionicons5": "^0.12.0", - "@vue/eslint-config-airbnb": "^6.0.0", - "@vue/eslint-config-typescript": "^9.1.0", + "@vitejs/plugin-vue-jsx": "^3.1.0", + "@vue/cli-plugin-babel": "^5.0.8", + "@vue/eslint-config-airbnb": "^7.0.1", + "@vue/eslint-config-typescript": "^12.0.0", "eslint": "^8.39.0", - "eslint-config-prettier": "^8.8.0", + "eslint-config-prettier": "^9.1.0", "eslint-plugin-import": "^2.25.3", - "eslint-plugin-prettier": "^4.2.1", + "eslint-plugin-prettier": "^5.0.1", "eslint-plugin-vue": "^9.11.0", - "eslint-plugin-vuejs-accessibility": "^1.1.0", - "lint-staged": "^11.1.2", + "eslint-plugin-vuejs-accessibility": "^2.2.0", + "lint-staged": "^15.2.0", "naive-ui": "^2.34.3", - "prettier": "^2.8.8", - "stylus": "^0.55.0", - "typescript": "~4.5.5", + "prettier": "^3.1.1", + "stylus": "^0.62.0", + "typescript": "~5.3.3", "vite-plugin-mkcert": "^1.16.0" } } diff --git a/src/components/DynamicForm.vue b/src/components/DynamicForm.vue new file mode 100644 index 0000000..5dc79f8 --- /dev/null +++ b/src/components/DynamicForm.vue @@ -0,0 +1,17 @@ + + + \ No newline at end of file diff --git a/src/components/SongList.vue b/src/components/SongList.vue index 542ad84..670d1d0 100644 --- a/src/components/SongList.vue +++ b/src/components/SongList.vue @@ -7,6 +7,7 @@ import { List } from 'linqts' import { DataTableBaseColumn, DataTableColumns, + DataTableRowKey, FormInst, FormRules, NAvatar, @@ -30,6 +31,8 @@ import { NPopconfirm, NSelect, NSpace, + NTabPane, + NTabs, NTag, NText, NTooltip, @@ -55,7 +58,7 @@ watch( setTimeout(() => { columns.value = createColumns() }, 1) - } + }, ) const volume = useLocalStorage('Settings.AplayerVolume', 0.8) const songsInternal = ref(props.songs) @@ -69,10 +72,16 @@ const songsComputed = computed(() => { const message = useMessage() const showModal = ref(false) +const showBatchModal = ref(false) const updateSongModel = ref({} as SongsInfo) const searchMusicKeyword = ref() const debouncedInput = refDebounced(searchMusicKeyword, 500) +const batchUpdate_Author = ref([]) +const batchUpdate_Tag = ref([]) +const batchUpdate_Language = ref([]) +const batchUpdate_Option = ref() + const playingSong = ref() const isLrcLoading = ref() @@ -139,6 +148,7 @@ const authorsOptions = computed(() => { }) const columns = ref>() +const selectedColumn = ref([]) const authorColumn = ref>({ title: '作者', key: 'artist', @@ -163,6 +173,10 @@ const onAuthorClick = (author: string) => { function createColumns(): DataTableColumns { authorColumn.value.filterOptions = authorsOptions.value return [ + { + type: 'selection', + disabled: () => !props.isSelf, + }, { key: 'name', resizable: true, @@ -258,7 +272,7 @@ function createColumns(): DataTableColumns { }, { icon: () => h(NIcon, { component: Play24Filled }), - } + }, ), default: () => '试听', }) @@ -280,7 +294,7 @@ function createColumns(): DataTableColumns { }, { icon: () => h(NIcon, { component: NotepadEdit20Filled }), - } + }, ), default: () => '修改', }), @@ -302,17 +316,17 @@ function createColumns(): DataTableColumns { }, { icon: () => h(NIcon, { component: Delete24Filled }), - } + }, ), default: () => '确认删除该歌曲？', - } + }, ), default: () => '删除', }), ] : null, props.extraButtom?.(data), - ] + ], ) }, }, @@ -337,8 +351,8 @@ function GetPlayButton(song: SongsInfo) { }, { icon: () => h(FiveSingIcon, { class: 'svg-icon fivesing' }), - } - ) + }, + ), ), default: () => '在5sing打开', }) @@ -358,7 +372,7 @@ function GetPlayButton(song: SongsInfo) { }, { icon: () => h(NeteaseIcon, { class: 'svg-icon netease' }), - } + }, ), default: () => '在网易云打开', }) @@ -378,7 +392,7 @@ function GetPlayButton(song: SongsInfo) { }, { icon: () => h(NIcon, { component: SquareArrowForward24Filled }), - } + }, ), default: () => '打开链接', }) @@ -445,6 +459,110 @@ function GetGuardColor(level: number | null | undefined): string { } return '' } +function batchUpdateAuthor() { + if (selectedColumn.value.length == 0) { + message.error('请先选择歌曲') + return + } + QueryPostAPI(SONG_API_URL + 'update-batch-author', { + ids: selectedColumn.value.map((s) => s.toString()), + data: batchUpdate_Author.value, + }) + .then((data) => { + if (data.code == 200) { + message.success('已更新歌曲') + for (const song of songsInternal.value) { + if (selectedColumn.value.includes(song.key)) { + const index = songsInternal.value.findIndex((s) => s.key == song.key) + songsInternal.value[index].author = batchUpdate_Author.value + } + } + } else { + message.error('未能更新歌曲: ' + data.message) + } + }) + .catch((err) => { + message.error('未能更新歌曲: ' + err) + }) +} +function batchUpdateTag() { + if (selectedColumn.value.length == 0) { + message.error('请先选择歌曲') + return + } + QueryPostAPI(SONG_API_URL + 'update-batch-tag', { + ids: selectedColumn.value.map((s) => s.toString()), + data: batchUpdate_Tag.value, + }) + .then((data) => { + if (data.code == 200) { + message.success('已更新歌曲') + for (const song of songsInternal.value) { + if (selectedColumn.value.includes(song.key)) { + const index = songsInternal.value.findIndex((s) => s.key == song.key) + songsInternal.value[index].tags = batchUpdate_Tag.value + } + } + } else { + message.error('未能更新歌曲: ' + data.message) + } + }) + .catch((err) => { + message.error('未能更新歌曲: ' + err) + }) +} +function batchUpdateLanguage() { + if (selectedColumn.value.length == 0) { + message.error('请先选择歌曲') + return + } + QueryPostAPI(SONG_API_URL + 'update-batch-language', { + ids: selectedColumn.value.map((s) => s.toString()), + data: batchUpdate_Language.value, + }) + .then((data) => { + if (data.code == 200) { + message.success('已更新歌曲') + for (const song of songsInternal.value) { + if (selectedColumn.value.includes(song.key)) { + const index = songsInternal.value.findIndex((s) => s.key == song.key) + songsInternal.value[index].language = batchUpdate_Language.value + } + } + } else { + message.error('未能更新歌曲: ' + data.message) + } + }) + .catch((err) => { + message.error('未能更新歌曲: ' + err) + }) +} +function batchUpdateOption() { + if (selectedColumn.value.length == 0) { + message.error('请先选择歌曲') + return + } + QueryPostAPI(SONG_API_URL + 'update-batch-option', { + ids: selectedColumn.value.map((s) => s.toString()), + data: batchUpdate_Option.value ? batchUpdate_Option.value : null, + }) + .then((data) => { + if (data.code == 200) { + message.success('已更新歌曲') + for (const song of songsInternal.value) { + if (selectedColumn.value.includes(song.key)) { + const index = songsInternal.value.findIndex((s) => s.key == song.key) + songsInternal.value[index].options = batchUpdate_Option.value + } + } + } else { + message.error('未能更新歌曲: ' + data.message) + } + }) + .catch((err) => { + message.error('未能更新歌曲: ' + err) + }) +} onMounted(() => { songsInternal.value = props.songs @@ -469,7 +587,10 @@ onMounted(() => { + 批量编辑 + { 是否启用 @@ -523,7 +650,11 @@ onMounted(() => { 需要SC @@ -535,7 +666,11 @@ onMounted(() => { 需要粉丝牌 @@ -560,6 +695,92 @@ onMounted(() => { 更新 + + + + + + 更新 + + + + + 更新 + + + + + 更新 + + + + + 是否启用 + + + + + 更新 + + +