Blizzard
358 lines
14 KiB
JavaScript
358 lines
14 KiB
JavaScript
/**
|
|
* 收听历史 — 历史 / 收藏 两 Tab
|
|
*/
|
|
const app = getApp()
|
|
const api = require('../../utils/api')
|
|
const util = require('../../utils/util')
|
|
|
|
Page({
|
|
data: {
|
|
tab: 'history',
|
|
historyList: [],
|
|
isPlaying: false,
|
|
loading: true,
|
|
channelFilters: [],
|
|
selectedChannel: '全部'
|
|
},
|
|
|
|
_allHistoryList: [],
|
|
|
|
onShow() {
|
|
const self = this
|
|
const gd = app.globalData
|
|
|
|
// 未登录则先登录
|
|
if (!gd.isLoggedIn || !gd.token) {
|
|
app.login().then(function () {
|
|
self._refresh()
|
|
}).catch(function () {
|
|
self.setData({ loading: false })
|
|
wx.showToast({ title: '请先登录', icon: 'none' })
|
|
})
|
|
} else {
|
|
this._refresh()
|
|
}
|
|
|
|
this._onPlayerChange = () => this._updatePlayState()
|
|
app.on('playerStateChange', this._onPlayerChange)
|
|
},
|
|
|
|
onHide() {
|
|
if (this._onPlayerChange) app.off('playerStateChange', this._onPlayerChange)
|
|
},
|
|
|
|
setTab(e) {
|
|
const tab = e.currentTarget.dataset.val
|
|
if (tab === this.data.tab) return
|
|
this.setData({ tab, historyList: [], loading: true, channelFilters: [], selectedChannel: '全部' })
|
|
this._allHistoryList = []
|
|
this._refresh()
|
|
},
|
|
|
|
_refresh() {
|
|
if (this.data.tab === 'history') {
|
|
this._loadHistory()
|
|
} else if (this.data.tab === 'favorite') {
|
|
this._loadFavorites()
|
|
} else {
|
|
this._loadLikes()
|
|
}
|
|
},
|
|
|
|
_loadHistory() {
|
|
const self = this
|
|
const gd = app.globalData
|
|
|
|
api.getHistoryList({ current: 1, pageSize: 30 }).then(function (res) {
|
|
if (res.code === 200 && res.data) {
|
|
var list = (res.data.list || []).map(function (item) {
|
|
var program = item.program || {}
|
|
var channel = program.channel || null
|
|
// 历史用 item.duration（记录收听时长），优先级高于 program.duration
|
|
var dur = item.duration || program.duration || 0
|
|
var bgColors = ['#FFE8CC', '#FFF0E0', '#FFE4D6', '#FFF3DC', '#FFE9F0']
|
|
var cid = program.channelId || ''
|
|
var colorIdx = cid ? (cid.charCodeAt(cid.length - 1) % bgColors.length) : 0
|
|
return {
|
|
id: program.id,
|
|
title: program.title || '未知节目',
|
|
channelId: program.channelId || '',
|
|
content: program.content || '',
|
|
audioId: program.audioId || '',
|
|
duration: dur,
|
|
_domainName: channel ? (channel.name || '') : '',
|
|
_icon: program.cover || (channel && channel.cover) || '📻',
|
|
_bgColor: bgColors[colorIdx],
|
|
_friendlyDate: util.getFriendlyDate(item.createdAtStr ? item.createdAtStr.substring(0, 10) : ''),
|
|
durationText: dur > 0 ? util.formatTime(dur) : '',
|
|
_progress: item.progress || 0,
|
|
_isThisPlaying: gd.activeContent && gd.activeContent.id === program.id
|
|
}
|
|
})
|
|
self.setData({ historyList: list, isPlaying: gd.isPlaying, loading: false })
|
|
self._allHistoryList = list
|
|
self._extractChannelFilters(list)
|
|
} else {
|
|
self.setData({ historyList: [], loading: false })
|
|
}
|
|
}).catch(function (err) {
|
|
console.error('[History] 加载历史失败:', err)
|
|
self.setData({ loading: false })
|
|
})
|
|
},
|
|
|
|
_loadFavorites() {
|
|
const self = this
|
|
const gd = app.globalData
|
|
|
|
api.getFavoriteList({ current: 1, pageSize: 30 }).then(function (res) {
|
|
if (res.code === 200 && res.data) {
|
|
var list = (res.data.list || []).map(function (item) {
|
|
// program 嵌套在 item.program 下，channel 可能为 null
|
|
var program = item.program || {}
|
|
var channel = program.channel || null
|
|
var dur = program.duration || 0
|
|
// 根据 channelId 末位生成固定暖色，增加视觉区分
|
|
var bgColors = ['#FFE8CC', '#FFF0E0', '#FFE4D6', '#FFF3DC', '#FFE9F0']
|
|
var cid = program.channelId || ''
|
|
var colorIdx = cid ? (cid.charCodeAt(cid.length - 1) % bgColors.length) : 0
|
|
return {
|
|
id: program.id,
|
|
title: program.title || '未知节目',
|
|
channelId: program.channelId || '',
|
|
content: program.content || '',
|
|
audioId: program.audioId || '',
|
|
duration: dur,
|
|
// channel 为 null 时不显示频道名
|
|
_domainName: channel ? (channel.name || '') : '',
|
|
_icon: program.cover || (channel && channel.cover) || '📻',
|
|
_bgColor: bgColors[colorIdx],
|
|
// 收藏时间用 item.createdAtStr
|
|
_friendlyDate: util.getFriendlyDate(item.createdAtStr ? item.createdAtStr.substring(0, 10) : ''),
|
|
// duration 为 0 则不显示时长
|
|
durationText: dur > 0 ? util.formatTime(dur) : '',
|
|
_isThisPlaying: gd.activeContent && gd.activeContent.id === program.id
|
|
}
|
|
})
|
|
self.setData({ historyList: list, isPlaying: gd.isPlaying, loading: false })
|
|
self._allHistoryList = list
|
|
self._extractChannelFilters(list)
|
|
} else {
|
|
self.setData({ historyList: [], loading: false })
|
|
}
|
|
}).catch(function (err) {
|
|
console.error('[History] 加载收藏失败:', err)
|
|
self.setData({ loading: false })
|
|
})
|
|
},
|
|
|
|
_loadLikes() {
|
|
const self = this
|
|
const gd = app.globalData
|
|
|
|
api.getLikeList({ current: 1, pageSize: 30 }).then(function (res) {
|
|
if (res.code === 200 && res.data) {
|
|
var list = (res.data.list || []).map(function (item) {
|
|
// RadioLike → program → channel (可能为 null)
|
|
var program = item.program || {}
|
|
var channel = program.channel || null
|
|
// duration 为 0 时不显示时长
|
|
var dur = program.duration || 0
|
|
// 从 channelId 生成一个固定暖色背景，增加视觉区分
|
|
var bgColors = ['#FFE8CC', '#FFF0E0', '#FFE4D6', '#FFF3DC', '#FFE9F0']
|
|
var cid = program.channelId || ''
|
|
var colorIdx = cid ? (cid.charCodeAt(cid.length - 1) % bgColors.length) : 0
|
|
return {
|
|
id: program.id,
|
|
title: program.title || '未知节目',
|
|
channelId: program.channelId || '',
|
|
content: program.content || '',
|
|
audioId: program.audioId || '',
|
|
duration: dur,
|
|
// channel 为 null 时频道名不显示
|
|
_domainName: channel ? (channel.name || '') : '',
|
|
_icon: program.cover || (channel && channel.cover) || '📻',
|
|
_bgColor: bgColors[colorIdx],
|
|
// 显示"点赞时间"，用 item.createdAtStr（点赞时间）
|
|
_friendlyDate: util.getFriendlyDate(item.createdAtStr ? item.createdAtStr.substring(0, 10) : ''),
|
|
// duration 为 0 则不显示时长，避免展示 "00:00"
|
|
durationText: dur > 0 ? util.formatTime(dur) : '',
|
|
_isLiked: true,
|
|
_isThisPlaying: gd.activeContent && gd.activeContent.id === program.id
|
|
}
|
|
})
|
|
self.setData({ historyList: list, isPlaying: gd.isPlaying, loading: false })
|
|
self._allHistoryList = list
|
|
self._extractChannelFilters(list)
|
|
} else {
|
|
self.setData({ historyList: [], loading: false })
|
|
}
|
|
}).catch(function (err) {
|
|
console.error('[History] 加载点赞失败:', err)
|
|
self.setData({ loading: false })
|
|
})
|
|
},
|
|
|
|
_updatePlayState() {
|
|
var gd = app.globalData
|
|
var list = this.data.historyList.map(function (item) {
|
|
return Object.assign({}, item, {
|
|
_isThisPlaying: gd.activeContent && gd.activeContent.id === item.id
|
|
})
|
|
})
|
|
this.setData({ historyList: list, isPlaying: gd.isPlaying })
|
|
},
|
|
|
|
_extractChannelFilters(list) {
|
|
var names = {}
|
|
list.forEach(function (item) {
|
|
if (item._domainName) names[item._domainName] = true
|
|
})
|
|
var filters = ['全部'].concat(Object.keys(names).sort())
|
|
this.setData({ channelFilters: filters })
|
|
},
|
|
|
|
onChannelFilter(e) {
|
|
var name = e.currentTarget.dataset.name
|
|
this.setData({ selectedChannel: name })
|
|
this._applyChannelFilter(name)
|
|
},
|
|
|
|
_applyChannelFilter(name) {
|
|
if (name === '全部') {
|
|
this.setData({ historyList: this._allHistoryList })
|
|
} else {
|
|
var filtered = this._allHistoryList.filter(function (item) {
|
|
return item._domainName === name
|
|
})
|
|
this.setData({ historyList: filtered })
|
|
}
|
|
},
|
|
|
|
onPlay(e) {
|
|
const id = e.currentTarget.dataset.id
|
|
const gd = app.globalData
|
|
|
|
if (gd.activeContent && gd.activeContent.id === id) {
|
|
app.togglePlay()
|
|
return
|
|
}
|
|
|
|
// 从列表中找到基础信息
|
|
var base = null
|
|
for (var i = 0; i < this.data.historyList.length; i++) {
|
|
if (this.data.historyList[i].id === id) {
|
|
base = this.data.historyList[i]
|
|
break
|
|
}
|
|
}
|
|
if (!base) return
|
|
|
|
// 拉取完整节目详情（含 audio.url）再播放
|
|
wx.showLoading({ title: '加载中' })
|
|
api.getProgramDetail(id).then(function (res) {
|
|
wx.hideLoading()
|
|
if (res.code === 200 && res.data) {
|
|
app.playContent(Object.assign({}, base, res.data))
|
|
} else {
|
|
wx.showToast({ title: '加载失败', icon: 'none' })
|
|
}
|
|
}).catch(function () {
|
|
wx.hideLoading()
|
|
wx.showToast({ title: '网络异常', icon: 'none' })
|
|
})
|
|
},
|
|
|
|
onDeleteItem(e) {
|
|
const id = e.currentTarget.dataset.id
|
|
const tab = this.data.tab
|
|
const self = this
|
|
|
|
// 赞过 tab 点击爱心可取消点赞
|
|
if (tab === 'like') {
|
|
wx.showModal({
|
|
title: '取消点赞',
|
|
content: '确定取消对这个节目的点赞吗？',
|
|
success(res) {
|
|
if (!res.confirm) return
|
|
api.toggleLike(id).then(function (r) {
|
|
if (r.code === 200) {
|
|
var list = self.data.historyList.filter(function (item) { return item.id !== id })
|
|
self.setData({ historyList: list })
|
|
} else {
|
|
wx.showToast({ title: r.msg || '操作失败', icon: 'none' })
|
|
}
|
|
}).catch(function () {
|
|
wx.showToast({ title: '网络异常', icon: 'none' })
|
|
})
|
|
}
|
|
})
|
|
return
|
|
}
|
|
|
|
const label = tab === 'history' ? '历史' : '收藏'
|
|
wx.showModal({
|
|
title: '删除' + label,
|
|
content: '确定删除这条' + label + '吗？',
|
|
success(res) {
|
|
if (!res.confirm) return
|
|
const fn = tab === 'history'
|
|
? api.deleteHistory(id)
|
|
: api.removeFavorite(id)
|
|
|
|
fn.then(function (r) {
|
|
if (r.code === 200) {
|
|
var list = self.data.historyList.filter(function (item) { return item.id !== id })
|
|
self.setData({ historyList: list })
|
|
} else {
|
|
wx.showToast({ title: r.msg || '删除失败', icon: 'none' })
|
|
}
|
|
}).catch(function () {
|
|
wx.showToast({ title: '网络异常', icon: 'none' })
|
|
})
|
|
}
|
|
})
|
|
},
|
|
|
|
onClear() {
|
|
const self = this
|
|
const tab = this.data.tab
|
|
var label = ''
|
|
var fn = null
|
|
|
|
if (tab === 'history') {
|
|
label = '收听历史'
|
|
fn = api.deleteAllHistory()
|
|
} else if (tab === 'favorite') {
|
|
label = '全部收藏'
|
|
fn = api.removeAllFavorites()
|
|
} else if (tab === 'like') {
|
|
label = '全部点赞'
|
|
fn = api.removeAllLikes()
|
|
}
|
|
|
|
if (!fn) return
|
|
|
|
wx.showModal({
|
|
title: '清空' + label,
|
|
content: '确定要清空所有' + label + '吗？',
|
|
success(res) {
|
|
if (!res.confirm) return
|
|
fn.then(function (r) {
|
|
if (r.code === 200) {
|
|
self.setData({ historyList: [] })
|
|
} else {
|
|
wx.showToast({ title: r.msg || '操作失败', icon: 'none' })
|
|
}
|
|
}).catch(function () {
|
|
wx.showToast({ title: '网络异常', icon: 'none' })
|
|
})
|
|
}
|
|
})
|
|
},
|
|
|
|
goDiscover() { wx.switchTab({ url: '/pages/discover/index' }) },
|
|
goHome() { wx.switchTab({ url: '/pages/index/index' }) },
|
|
goVip() { wx.navigateTo({ url: '/pages/vip/index' }) }
|
|
})
|