|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<div id="book"> |
|
|
|
<div class="top-bg"></div> |
|
|
|
<!-- <div class="top-bg"></div> --> |
|
|
|
<div class="recommend-main"> |
|
|
|
<div class="banner"> |
|
|
|
<img src="~@/assets/images/banner.png" alt="" /> |
|
|
|
@ -58,12 +58,12 @@ |
|
|
|
<span class="detail-btn" @click="getBookDetail(item)">查看详情</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<ul class="ranking-list-bottom"> |
|
|
|
<!-- <ul class="ranking-list-bottom"> |
|
|
|
<li v-for="(item,index) in rankingOther" :key="index" @click="getBookDetail(item)"> |
|
|
|
<span>TOP4</span> |
|
|
|
<p class="title-item-only">{{ item.bookName }}</p> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</ul> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="recommend-right"> |
|
|
|
@ -159,7 +159,7 @@ |
|
|
|
<span>{{ detailData.publish }}</span> |
|
|
|
<span>ISBN：{{ detailData.isbn }}</span> |
|
|
|
</div> |
|
|
|
<div class="book-intro title-item"> |
|
|
|
<div class="book-intro"> |
|
|
|
{{ detailData.introduce }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -279,7 +279,7 @@ export default { |
|
|
|
publish: null, |
|
|
|
createdDate: null |
|
|
|
} |
|
|
|
this.pageIndex = 0 |
|
|
|
this.pageIndex = 1 |
|
|
|
this.hasNextPage = true |
|
|
|
this.keyword = '' |
|
|
|
this.bookList = [] |
|
|
|
@ -301,7 +301,7 @@ export default { |
|
|
|
publish: null, |
|
|
|
createdDate: null |
|
|
|
} |
|
|
|
this.pageIndex = 0 |
|
|
|
this.pageIndex = 1 |
|
|
|
this.hasNextPage = true |
|
|
|
this.bookList = [] |
|
|
|
switch(this.selectValue){ |
|
|
|
@ -335,7 +335,6 @@ export default { |
|
|
|
'createdDate':this.query.createdDate |
|
|
|
} |
|
|
|
FetchBookRecommendList(params).then(res => { |
|
|
|
console.log(res) |
|
|
|
this.publish = res.publishGroup |
|
|
|
this.publishDate = res.createdDateGroup |
|
|
|
this.topThree = res.clickTop10.slice(0, 3) |
|
|
|
@ -347,13 +346,14 @@ export default { |
|
|
|
}else{ |
|
|
|
this.hasNextPage = true |
|
|
|
} |
|
|
|
|
|
|
|
this.totalNum = res.page.totalRows |
|
|
|
this.totalPages = res.page.totalPages; |
|
|
|
if (this.pageIndex < 1) { |
|
|
|
this.bookList = resData; |
|
|
|
} |
|
|
|
this.bookList = this.bookList.concat(resData) |
|
|
|
|
|
|
|
if (this.pageIndex > res.page.totalPages) { |
|
|
|
this.hasNextPage = false |
|
|
|
} |
|
|
|
}).catch(() => { |
|
|
|
this.$message.error('接口错误') |
|
|
|
}) |
|
|
|
@ -384,31 +384,30 @@ export default { |
|
|
|
//加载更多 |
|
|
|
addMoreData() { |
|
|
|
if (this.hasNextPage) { |
|
|
|
this.pageIndex ++; |
|
|
|
if(this.pageIndex > this.totalPages){ |
|
|
|
this.hasNextPage = false |
|
|
|
} |
|
|
|
this.getBookRecommendList() |
|
|
|
this.pageIndex ++; |
|
|
|
} |
|
|
|
}, |
|
|
|
selectPublic(index){ |
|
|
|
this.resetData() |
|
|
|
this.selectedDateIndex = null |
|
|
|
if (this.selectedIndex === index) { |
|
|
|
this.selectedIndex = null |
|
|
|
this.query.publish = null |
|
|
|
} else { |
|
|
|
this.selectedIndex = index; |
|
|
|
this.selectedIndex = index |
|
|
|
this.query.publish = this.publish[index].publish |
|
|
|
} |
|
|
|
this.addMoreData() |
|
|
|
}, |
|
|
|
selectDate(index){ |
|
|
|
this.resetData() |
|
|
|
this.selectedIndex = null |
|
|
|
if (this.selectedDateIndex === index) { |
|
|
|
this.selectedDateIndex = null; |
|
|
|
this.selectedDateIndex = null |
|
|
|
this.query.createdDate = null |
|
|
|
} else { |
|
|
|
this.selectedDateIndex = index; |
|
|
|
this.selectedDateIndex = index |
|
|
|
this.query.createdDate = this.publishDate[index] |
|
|
|
} |
|
|
|
this.addMoreData() |
|
|
|
|
