/* 视频页面需要用到JS */
console.time('Video.js执行时长');
document.addEventListener('DOMContentLoaded', () => {
/* 当前的分类id */
let queryData = {
pg: 0,
t: -999
};
/* 总页数 */
let total = 0;
/* 是否正在加载列表 */
let isLoading = false;
/* 获取视频分类 */
$.ajax({
url: Joe.BASE_API,
type: 'POST',
data: {
routeType: 'maccms_list'
},
success(res) {
if (res.code !== 1) return $('.joe_video__type-list').html(`${res.data}`);
let htmlStr = '全部';
res.data.class.forEach(_ => (htmlStr += `${_.type_name}`));
$('.joe_video__type-list').html(htmlStr);
$('.joe_video__type-list .item').first().click();
}
});
/* 点击切换分类 */
$('.joe_video__type-list').on('click', '.item', function () {
const t = $(this).attr('data-t');
if (t === queryData.t || isLoading) return;
$(this).addClass('active').siblings().removeClass('active');
queryData.pg = 0;
queryData.t = t;
renderDom();
});
/* 渲染视频列表 */
function renderDom() {
isLoading = true;
$('.joe_video__list-item').html('');
$.ajax({
url: Joe.BASE_API,
type: 'POST',
data: {
routeType: 'maccms_list',
t: queryData.t,
pg: queryData.pg,
ac: 'videolist'
},
success(res) {
if (res.code !== 1) return;
let htmlStr = '';
res.data.list.forEach(_ => {
htmlStr += `
${_.vod_year}
${_.vod_name}
`;
});
$('.joe_video__list-item').html(htmlStr);
new LazyLoad('.video_lazyload');
isLoading = false;
total = res.data.pagecount;
initPagination();
}
});
}
/* 初始化分页 */
function initPagination() {
let htmlStr = '';
if (queryData.pg !== 0) htmlStr += ``;
htmlStr += ``;
if (queryData.pg != total) htmlStr += ``;
if (queryData.pg < total) htmlStr += ``;
$('.joe_video__pagination').html(htmlStr);
}
/* 切换分页 */
$('.joe_video__pagination').on('click', '.joe_video__pagination-item', function () {
const pg = $(this).attr('data-pg');
if (!pg || isLoading) return;
queryData.pg = Number(pg);
renderDom();
});
console.timeEnd('Video.js执行时长');
});