改进聚合搜索的搜索结果排序
parent
0c3899840b
commit
48cfebd5ae
|
@ -56,6 +56,10 @@ export default {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 7,
|
default: 7,
|
||||||
},
|
},
|
||||||
|
maxPage: {
|
||||||
|
type: Number,
|
||||||
|
default: null,
|
||||||
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -65,7 +69,7 @@ export default {
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['userInfo']),
|
...mapGetters(['userInfo']),
|
||||||
allPage() {
|
allPage() {
|
||||||
return Math.ceil(this.count / this.limit) || 1
|
return this.maxPage == null ? Math.ceil(this.count / this.limit) || 1 : this.maxPage
|
||||||
},
|
},
|
||||||
pageEvg() {
|
pageEvg() {
|
||||||
return Math.floor(this.btnLength / 2)
|
return Math.floor(this.btnLength / 2)
|
||||||
|
|
|
@ -27,6 +27,67 @@ for (const source of music.sources) {
|
||||||
sourceMaxPage[source.id] = 0
|
sourceMaxPage[source.id] = 0
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// https://blog.csdn.net/xcxy2015/article/details/77164126#comments
|
||||||
|
const similar = (a, b) => {
|
||||||
|
if (!a || !b) return 0
|
||||||
|
if (a.length > b.length) { // 保证 a <= b
|
||||||
|
let t = b
|
||||||
|
b = a
|
||||||
|
a = t
|
||||||
|
}
|
||||||
|
let al = a.length
|
||||||
|
let bl = b.length
|
||||||
|
let mp = [] // 一个表
|
||||||
|
let i, j, ai, lt, tmp // ai:字符串a的第i个字符。 lt:左上角的值。 tmp:暂存新的值。
|
||||||
|
for (i = 0; i <= bl; i++) mp[i] = i
|
||||||
|
for (i = 1; i <= al; i++) {
|
||||||
|
ai = a.charAt(i - 1)
|
||||||
|
lt = mp[0]
|
||||||
|
mp[0] = mp[0] + 1
|
||||||
|
for (j = 1; j <= bl; j++) {
|
||||||
|
tmp = Math.min(mp[j] + 1, mp[j - 1] + 1, lt + (ai == b.charAt(j - 1) ? 0 : 1))
|
||||||
|
lt = mp[j]
|
||||||
|
mp[j] = tmp
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return 1 - (mp[bl] / bl)
|
||||||
|
}
|
||||||
|
|
||||||
|
const sortInsert = (arr, data) => {
|
||||||
|
let key = data.num
|
||||||
|
let left = 0
|
||||||
|
let right = arr.length - 1
|
||||||
|
|
||||||
|
while (left <= right) {
|
||||||
|
let middle = parseInt((left + right) / 2)
|
||||||
|
if (key == arr[middle]) {
|
||||||
|
left = middle
|
||||||
|
break
|
||||||
|
} else if (key < arr[middle].num) {
|
||||||
|
right = middle - 1
|
||||||
|
} else {
|
||||||
|
left = middle + 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
while (left > 0) {
|
||||||
|
if (arr[left - 1].num != key) break
|
||||||
|
left--
|
||||||
|
}
|
||||||
|
|
||||||
|
arr.splice(left, 0, data)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleSortList = (list, keyword) => {
|
||||||
|
let arr = []
|
||||||
|
for (const item of list) {
|
||||||
|
sortInsert(arr, {
|
||||||
|
num: similar(keyword, `${item.name} ${item.singer}`),
|
||||||
|
data: item,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return arr.map(item => item.data).reverse()
|
||||||
|
}
|
||||||
|
|
||||||
sources.push({
|
sources.push({
|
||||||
id: 'all',
|
id: 'all',
|
||||||
name: '聚合搜索',
|
name: '聚合搜索',
|
||||||
|
@ -65,12 +126,29 @@ const actions = {
|
||||||
let task = []
|
let task = []
|
||||||
for (const source of sources) {
|
for (const source of sources) {
|
||||||
if (source.id == 'all') continue
|
if (source.id == 'all') continue
|
||||||
task.push(music[source.id].musicSearch.search(text, page))
|
task.push(music[source.id].musicSearch.search(text, page).catch(error => {
|
||||||
|
console.log(error)
|
||||||
|
return {
|
||||||
|
allPage: 1,
|
||||||
|
limit: 30,
|
||||||
|
list: [],
|
||||||
|
source: source.id,
|
||||||
|
total: 0,
|
||||||
|
}
|
||||||
|
}))
|
||||||
}
|
}
|
||||||
Promise.all(task).then(results => commit('setLists', { results, page }))
|
Promise.all(task).then(results => commit('setLists', { results, page }))
|
||||||
} else {
|
} else {
|
||||||
return music[rootState.setting.search.searchSource].musicSearch.search(text, page, limit)
|
return music[rootState.setting.search.searchSource].musicSearch.search(text, page, limit).catch(error => {
|
||||||
.then(data => commit('setList', { page, ...data }))
|
console.log(error)
|
||||||
|
return {
|
||||||
|
allPage: 1,
|
||||||
|
limit: 30,
|
||||||
|
list: [],
|
||||||
|
source: rootState.setting.search.searchSource,
|
||||||
|
total: 0,
|
||||||
|
}
|
||||||
|
}).then(data => commit('setList', { page, ...data }))
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
@ -101,7 +179,7 @@ const mutations = {
|
||||||
total += source.total
|
total += source.total
|
||||||
limit += source.limit
|
limit += source.limit
|
||||||
}
|
}
|
||||||
list.sort((a, b) => a.name.charCodeAt(0) - b.name.charCodeAt(0))
|
list = handleSortList(list, state.text)
|
||||||
state.allPage = Math.max(...pages)
|
state.allPage = Math.max(...pages)
|
||||||
state.total = total
|
state.total = total
|
||||||
state.limit = limit
|
state.limit = limit
|
||||||
|
|
|
@ -30,6 +30,7 @@ export default {
|
||||||
},
|
},
|
||||||
handleResult(rawList) {
|
handleResult(rawList) {
|
||||||
// console.log(rawList)
|
// console.log(rawList)
|
||||||
|
if (!rawList) return []
|
||||||
return rawList.map(item => {
|
return rawList.map(item => {
|
||||||
const types = []
|
const types = []
|
||||||
const _types = {}
|
const _types = {}
|
||||||
|
@ -83,6 +84,7 @@ export default {
|
||||||
if (limit != null) this.limit = limit
|
if (limit != null) this.limit = limit
|
||||||
return this.musicSearch(str, page).then(result => {
|
return this.musicSearch(str, page).then(result => {
|
||||||
if (!result || result.code !== 200) return this.search(str, page, { limit }, retryNum)
|
if (!result || result.code !== 200) return this.search(str, page, { limit }, retryNum)
|
||||||
|
// console.log(result.result)
|
||||||
let list = this.handleResult(result.result.songs)
|
let list = this.handleResult(result.result.songs)
|
||||||
|
|
||||||
if (list == null) return this.search(str, page, { limit }, retryNum)
|
if (list == null) return this.search(str, page, { limit }, retryNum)
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
:download-btn="assertApiSupport(item.source)"
|
:download-btn="assertApiSupport(item.source)"
|
||||||
@btn-click="handleListBtnClick")
|
@btn-click="handleListBtnClick")
|
||||||
div(:class="$style.pagination")
|
div(:class="$style.pagination")
|
||||||
material-pagination(:count="listInfo.total" :limit="listInfo.limit" :page="page" @btn-click="handleTogglePage")
|
material-pagination(:max-page="listInfo.allPage" :limit="listInfo.limit" :page="page" @btn-click="handleTogglePage")
|
||||||
div(v-else :class="$style.noitem")
|
div(v-else :class="$style.noitem")
|
||||||
div.scroll(:class="$style.noitemListContainer" v-if="setting.search.isShowHotSearch || setting.search.isShowHistorySearch")
|
div.scroll(:class="$style.noitemListContainer" v-if="setting.search.isShowHotSearch || setting.search.isShowHistorySearch")
|
||||||
dl(:class="[$style.noitemList, $style.noitemHotSearchList]" v-if="setting.search.isShowHotSearch")
|
dl(:class="[$style.noitemList, $style.noitemHotSearchList]" v-if="setting.search.isShowHotSearch")
|
||||||
|
@ -115,7 +115,7 @@ export default {
|
||||||
// console.log('mounted')
|
// console.log('mounted')
|
||||||
|
|
||||||
// 处理搜索源不存在时页面报错的问题
|
// 处理搜索源不存在时页面报错的问题
|
||||||
if (!this.sourceList[this.setting.search.searchSource]) {
|
if (!this.sourceList[this.setting.search.searchSource] && this.setting.search.searchSource != 'all') {
|
||||||
this.setSearchSource({
|
this.setSearchSource({
|
||||||
searchSource: 'kw',
|
searchSource: 'kw',
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue