在歌单详情界面新增播放当前歌单按钮、收藏歌单按钮

This commit is contained in:
lyswhut
2020-08-22 14:06:16 +08:00
parent 8df3ff3536
commit 341df0dab7
11 changed files with 96 additions and 57 deletions
+18 -8
View File
@@ -28,6 +28,12 @@ const state = {
list: [],
location: 0,
},
tempList: {
id: 'temp',
name: '临时列表',
list: [],
location: 0,
},
userList: [],
}
@@ -140,15 +146,19 @@ const mutations = {
if (!targetList) return
Object.assign(targetList.list[index], data)
},
createUserList(state, name) {
let newList = {
name,
id: `userlist_${Date.now()}`,
list: [],
location: 0,
createUserList(state, { name, id = `userlist_${Date.now()}`, list = [] }) {
let newList = state.userList.find(item => item.id === id)
if (!newList) {
newList = {
name,
id,
list: [],
location: 0,
}
state.userList.push(newList)
allListUpdate(newList)
}
state.userList.push(newList)
allListUpdate(newList)
this.commit('list/listAddMultiple', { id, list })
},
removeUserList(state, index) {
let list = state.userList.splice(index, 1)[0]
+20 -24
View File
@@ -79,37 +79,29 @@ const actions = {
cache.has(key)
? Promise.resolve(cache.get(key))
: music[source].songList.getListDetail(id, page)
).then(result => commit('setListDetail', { result, key, page }))
).then(result => commit('setListDetail', { result, key, source, id, page }))
},
/* getListDetailAll({ state, rootState }, id) {
getListDetailAll({ state, rootState }, id) {
let source = rootState.setting.songList.source
let key = `sdetail__${source}__${id}__all`
if (cache.has(key)) return Promise.resolve(cache.get(key))
music[source].songList.getListDetail(id, 1).then(result => {
let data = { list: result.list, id }
if (result.total <= result.limit) {
data = { list: result.list, id }
cache.set(key, data)
return data
}
const loadData = (id, page) => {
let key = `sdetail__${source}__${id}__${page}`
return cache.has(key) ? Promise.resolve(cache.get(key)) : music[source].songList.getListDetail(id, page).then(result => {
cache.set(key, result)
return result
})
}
return loadData(id, 1).then(result => {
if (result.total <= result.limit) return result.list
let maxPage = Math.ceil(result.total / result.limit)
const loadDetail = (loadPage = 1) => {
let task = []
let loadNum = 0
while (loadPage <= maxPage && loadNum < 3) {
task.push(music[source].songList.getListDetail(id, ++loadPage))
loadNum++
}
return loadPage == maxPage
? Promise.all(task)
: Promise.all(task).then(result => loadDetail(loadPage).then(result2 => [...result, ...result2]))
? loadData(id, ++loadPage).then(result => result.list)
: loadData(id, ++loadPage).then(result1 => loadDetail(loadPage).then(result2 => [...result1.list, ...result2]))
}
return loadDetail().then(result2 => {
console.log(result2)
})
return loadDetail().then(result2 => [...result.list, ...result2])
})
}, */
},
}
// mitations
@@ -129,8 +121,10 @@ const mutations = {
state.list.key = key
cache.set(key, result)
},
setListDetail(state, { result, key, page }) {
setListDetail(state, { result, key, source, id, page }) {
state.listDetail.list = result.list
state.listDetail.id = id
state.listDetail.source = source
state.listDetail.total = result.total
state.listDetail.limit = result.limit
state.listDetail.page = page
@@ -153,6 +147,8 @@ const mutations = {
},
clearListDetail(state) {
state.listDetail = {
id: null,
source: null,
list: [],
desc: null,
total: 0,