105 lines
3.4 KiB
JavaScript
105 lines
3.4 KiB
JavaScript
$(function () {
|
||
$(".container-fluid").hide()
|
||
// 获取相册列表
|
||
var page = 1
|
||
var limit = 5
|
||
function getAlbumList() {
|
||
$.ajax({
|
||
method: 'GET',
|
||
url: adminPath + '/api/wdsxh/album/index',
|
||
data: {
|
||
page: page,
|
||
limit: limit,
|
||
},
|
||
success: function (res) {
|
||
$(".container-fluid").show()
|
||
if (res.code == 1) {
|
||
var albumHtml = ""
|
||
var isMultiple = false
|
||
for (var i in res.data.data) {
|
||
var imagesHtml = ""
|
||
if (res.data.data[i].type == 1) {
|
||
var imagesList = res.data.data[i].files.split(",")
|
||
if (imagesList.length > 1) {
|
||
isMultiple = true
|
||
for (var j in imagesList) {
|
||
imagesHtml += `
|
||
<div class="image">
|
||
<img src="${imagesList[j]}">
|
||
</div>
|
||
`
|
||
}
|
||
} else {
|
||
isMultiple = false
|
||
imagesHtml = `
|
||
<div class="image">
|
||
<img src="${imagesList[0]}">
|
||
</div>
|
||
`
|
||
}
|
||
} else {
|
||
isMultiple = false
|
||
imagesHtml += `
|
||
<div class="video">
|
||
<img class="cover" src="${res.data.data[i].image}">
|
||
<img class="play" src="/assets/addons/wdsxh/img/play.png">
|
||
</div>
|
||
`
|
||
}
|
||
albumHtml += `
|
||
<button type="button" data-toggle="modal" data-target="#codeModal" class="cont-item">
|
||
<div class="item-date">${res.data.data[i].release_date}</div>
|
||
<div class="item-title txthide-more">${res.data.data[i].name}</div>
|
||
<div class="item-box flex">
|
||
<div class="box-timeline">
|
||
<div class="point"></div>
|
||
<div class="line"></div>
|
||
</div>
|
||
<div class="${isMultiple ? "box-multiple flex" : "box-single"}">
|
||
${imagesHtml}
|
||
</div>
|
||
</div>
|
||
</button>
|
||
`
|
||
}
|
||
$(".container-main .main-content").html(albumHtml)
|
||
if (albumHtml) {
|
||
$(".empty").hide()
|
||
} else {
|
||
$(".empty").css("display", "flex")
|
||
}
|
||
setPages(res.data.total)
|
||
} else {
|
||
console.error(res.msg)
|
||
}
|
||
},
|
||
error: function (res) {
|
||
if (res.status == 401) {
|
||
$(".container-fluid").show()
|
||
$(".container-main .main-code").show()
|
||
}
|
||
}
|
||
})
|
||
}
|
||
// 设置分页
|
||
function setPages(total) {
|
||
var nowPage = page
|
||
var totalPage = Math.ceil(total / limit)
|
||
if (nowPage == 1) {
|
||
new Paging('page', {
|
||
nowPage: nowPage, // 当前页码
|
||
pageNum: totalPage, // 总页码
|
||
totalNum: total, // 总条数
|
||
buttonNum: 5, //要展示的页码数量
|
||
canJump: 1,// 是否能跳转。0=不显示（默认），1=显示
|
||
showOne: 0,//只有一页时，是否显示。0=不显示,1=显示（默认）
|
||
callback: function (num) { //回调函数
|
||
page = num
|
||
getAlbumList()
|
||
}
|
||
})
|
||
}
|
||
}
|
||
// 调用方法
|
||
getAlbumList()
|
||
}); |