3 changed files with 209 additions and 44 deletions
-
44src/views/lengingRanking/index.vue
-
162src/views/lengingRanking/index2.vue
-
47src/views/readStar/index.vue
@ -0,0 +1,162 @@ |
|||||
|
<template> |
||||
|
<!-- 借阅排行榜 --> |
||||
|
<div class="screen-item lending-ranking"> |
||||
|
<div class="common-title">借阅排行榜</div> |
||||
|
<vue-seamless-scroll |
||||
|
ref="listData" |
||||
|
:data="rankingList" |
||||
|
:class-option="defaultOption" |
||||
|
class="big-module module-content" |
||||
|
> |
||||
|
<div |
||||
|
v-for="(item, index) in rankingList" |
||||
|
:key="index" |
||||
|
class="book-list-item" |
||||
|
> |
||||
|
<div class="book-img"> |
||||
|
<img :src="item.cover" :onerror="defaultImg"> |
||||
|
</div> |
||||
|
<div class="book-info"> |
||||
|
<h4 class="title-item">{{ item.TITLE }}</h4> |
||||
|
<p>{{ item.AUTHOR }}</p> |
||||
|
</div> |
||||
|
<div class="ranking-num"> |
||||
|
<svg v-if="index === 0" class="icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-a-no1" /> |
||||
|
</svg> |
||||
|
<svg v-if="index === 1" class="icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-a-no21" /> |
||||
|
</svg> |
||||
|
<svg v-if="index === 2" class="icon" aria-hidden="true"> |
||||
|
<use xlink:href="#icon-a-no3" /> |
||||
|
</svg> |
||||
|
<p>NO.{{ index + 1 }}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</vue-seamless-scroll> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { FetchBorrowRank, FetchCoverByISBN, FetchSync36 } from '@/api/library' |
||||
|
|
||||
|
export default { |
||||
|
name: 'LengingRanking', |
||||
|
data() { |
||||
|
return { |
||||
|
defaultImg: 'this.src="' + require('@/assets/images/default-img.png') + '"', |
||||
|
rankingList: [] |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
defaultOption() { |
||||
|
return { |
||||
|
step: 1.1, // 滚动的速度 |
||||
|
hoverStop: false, // 是否开启鼠标悬停stop |
||||
|
singleHeight: 102, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1 |
||||
|
openWatch: true, |
||||
|
waitTime: 2000 // 单步运动停止的时间(默认值1000ms) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.getBookRanking() |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
getBorrowRank() { |
||||
|
FetchBorrowRank().then((res) => { |
||||
|
if (res.errCode === 0) { |
||||
|
this.rankingList = res.data |
||||
|
this.rankingList.forEach(item => { |
||||
|
this.getCoverByISBN(item.isbn.replace(/\-/g, ''), item) |
||||
|
}) |
||||
|
} else { |
||||
|
this.$message.error('接口错误') |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
formatDateTime(date, type) { |
||||
|
const year = date.getFullYear() |
||||
|
const month = String(date.getMonth() + 1).padStart(2, '0') |
||||
|
const day = String(date.getDate()).padStart(2, '0') |
||||
|
|
||||
|
let timePart = '00:00:00' |
||||
|
if (type === 'end') { |
||||
|
timePart = '23:59:59' |
||||
|
} |
||||
|
|
||||
|
return `${year}-${month}-${day} ${timePart}` |
||||
|
}, |
||||
|
getBookRanking() { |
||||
|
// const currentDate = new Date() // 获取当前日期 |
||||
|
// currentDate.setDate(currentDate.getDate() - 30) // 将当前日期减去30天 |
||||
|
// const year = currentDate.getFullYear() // 获取年份 |
||||
|
// const month = currentDate.getMonth() + 1 // 获取月份（注意月份从0开始，需要加1） |
||||
|
// const day = currentDate.getDate() // 获取日期 |
||||
|
// const formattedDate = `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}` |
||||
|
|
||||
|
// const params = { |
||||
|
// 'libcode': this.libcode, |
||||
|
// 'starttime': formattedDate, |
||||
|
// 'endtime': this.getFormattedDate(new Date()), |
||||
|
// 'rownum': 10 |
||||
|
// } |
||||
|
|
||||
|
// 获取当前日期 |
||||
|
const currentDate = new Date() |
||||
|
currentDate.setDate(currentDate.getDate() - 30) // 将当前日期减去30天 |
||||
|
|
||||
|
// 获取开始日期（格式：YYYY-MM-DD 00:00:00） |
||||
|
const startDate = encodeURIComponent(this.formatDateTime(currentDate, 'start')) |
||||
|
|
||||
|
// 获取结束日期（格式：YYYY-MM-DD 23:59:59） |
||||
|
const endDate = encodeURIComponent(this.formatDateTime(new Date(), 'end')) |
||||
|
|
||||
|
const params = { |
||||
|
'libcode': this.libcode, |
||||
|
'starttime': startDate, |
||||
|
'endtime': endDate, |
||||
|
'rownum': 10 |
||||
|
} |
||||
|
|
||||
|
FetchSync36(params).then(res => { |
||||
|
const result = JSON.parse(res.data) |
||||
|
if (result.success && result.resultlist.length > 0) { |
||||
|
let data = [] |
||||
|
data = result.resultlist.sort((a, b) => b.TOTALNUM - a.TOTALNUM).slice(0, 10) |
||||
|
data.forEach(item => { |
||||
|
this.getCoverByISBN(item.ISBN.replace(/\-/g, ''), item) |
||||
|
}) |
||||
|
} else { |
||||
|
throw new Error('Failed' + this.libcode) |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
console.error('Error', error) |
||||
|
}) |
||||
|
}, |
||||
|
getCoverByISBN(isbn, item) { |
||||
|
const params = { |
||||
|
isbn: isbn |
||||
|
} |
||||
|
FetchCoverByISBN(params).then((res) => { |
||||
|
console.log('RES', res) |
||||
|
if (res) { |
||||
|
item.cover = res |
||||
|
} else { |
||||
|
item.cover = '' |
||||
|
} |
||||
|
console.log(item.cover) |
||||
|
this.rankingList.push(item) |
||||
|
console.log('this.rankingList', this.rankingList) |
||||
|
this.$refs.listData.reset() |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~@/assets/styles/index.scss'; |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue