728 lines
20 KiB
JavaScript
728 lines
20 KiB
JavaScript
// packageD/directSeeding/liveClassification/liveClassification.js
|
|
var app = getApp();
|
|
Page({
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
myConcern: "",
|
|
announceList: "",
|
|
broadcastlist: "",
|
|
allLivelistData: [],
|
|
apiType: "recommend",
|
|
playBackData: "",
|
|
//more
|
|
isLoadMore: true,
|
|
page: 1,
|
|
total_page: 0,
|
|
active: 2,
|
|
playBackShow: false,
|
|
myConcern_activitys1: [],
|
|
myConcern_activitys2: [],
|
|
allLivelistData_activitys1: [],
|
|
allLivelistData_activitys2: [],
|
|
recommendData_activitys1: [],
|
|
recommendData_activitys2: [],
|
|
broadcastlist_activitys1: [],
|
|
broadcastlist_activitys2: [],
|
|
announceList_activitys1: [],
|
|
announceList_activitys2: [],
|
|
playBackData_activitys1: [],
|
|
playBackData_activitys2: [],
|
|
recommendData: [],
|
|
live_search: "",
|
|
my_colOneHeight: 0,
|
|
my_colTwoHeight: 0,
|
|
re_colOneHeight: 0,
|
|
re_colTwoHeight: 0,
|
|
br_colOneHeight: 0,
|
|
br_colTwoHeight: 0,
|
|
an_colOneHeight: 0,
|
|
an_colTwoHeight: 0,
|
|
pl_colOneHeight: 0,
|
|
pl_colTwoHeight: 0,
|
|
all_colOneHeight: 0,
|
|
all_colTwoHeight: 0,
|
|
cate_id: "",
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad: function (options) {
|
|
console.log(options.id, 4444444444);
|
|
if (options.id) {
|
|
this.setData({
|
|
cate_id: options.id,
|
|
});
|
|
}
|
|
this.getRecommend();
|
|
this.getBanner();
|
|
this.getPlayBackShow();
|
|
},
|
|
getPlayBackShow() {
|
|
let that = this;
|
|
let urlStr = app.getNetAddresss("plugin.room.frontend.live-list.record");
|
|
app._postNetWork({
|
|
url: urlStr,
|
|
showToastIn: false,
|
|
data: {},
|
|
success: function (resdata) {
|
|
var res = resdata.data;
|
|
if (res.result == 1) {
|
|
that.setData({
|
|
playBackShow: res.data.result == 1 ? true : false,
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
icon: "none",
|
|
title: res.msg,
|
|
duration: 1500,
|
|
});
|
|
}
|
|
},
|
|
fail: function (res) {
|
|
console.log(res.msg);
|
|
},
|
|
});
|
|
},
|
|
getBanner() {
|
|
let that = this;
|
|
let urlStr = app.getNetAddresss("plugin.room.frontend.live-list.banner");
|
|
app._postNetWork({
|
|
url: urlStr,
|
|
showToastIn: false,
|
|
data: {},
|
|
success: function (resdata) {
|
|
var res = resdata.data;
|
|
if (res.result == 1) {
|
|
that.setData({
|
|
liveBanner: res.data,
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
icon: "none",
|
|
title: res.msg,
|
|
duration: 1500,
|
|
});
|
|
}
|
|
},
|
|
fail: function (res) {
|
|
console.log(res.msg);
|
|
},
|
|
});
|
|
},
|
|
getRecommend() {
|
|
let that = this;
|
|
let urlStr = app.getNetAddresss(
|
|
"plugin.room.frontend.live-list.get-live-recommend"
|
|
);
|
|
app._postNetWork({
|
|
url: urlStr,
|
|
showToastIn: false,
|
|
data: {
|
|
keyword: this.data.live_search,
|
|
cate_id: this.data.cate_id,
|
|
},
|
|
success: function (resdata) {
|
|
var res = resdata.data;
|
|
if (res.result == 1) {
|
|
that.setData({
|
|
recommendData: res.data,
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
icon: "none",
|
|
title: res.msg,
|
|
duration: 1500,
|
|
});
|
|
}
|
|
},
|
|
fail: function (res) {
|
|
console.log(res.msg);
|
|
},
|
|
});
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
*/
|
|
onReady: function () {},
|
|
swichTabTItem(e) {
|
|
let index = e.detail.index;
|
|
this.setData({
|
|
isLoadMore: true,
|
|
page: 1,
|
|
total_page: 0,
|
|
live_search: "",
|
|
});
|
|
if (index == 0) {
|
|
this.data.apiType = "myConcern";
|
|
this.getMyConcern();
|
|
} else if (index == 1) {
|
|
this.data.apiType = "AllLivelist";
|
|
this.getAllLivelist();
|
|
} else if (index == 2) {
|
|
this.data.apiType = "recommend";
|
|
this.getRecommend();
|
|
} else if (index == 3) {
|
|
this.data.apiType = "liveList";
|
|
this.data.status = 3;
|
|
this.getLiveList(3);
|
|
} else if (index == 4) {
|
|
this.data.apiType = "liveList";
|
|
this.data.status = 2;
|
|
this.getLiveList(2);
|
|
} else if (index == 5) {
|
|
this.data.apiType = "playBack";
|
|
this.getplayBack();
|
|
}
|
|
},
|
|
getplayBack() {
|
|
let that = this;
|
|
let urlStr = app.getNetAddresss("plugin.room.frontend.live-list.play-back");
|
|
app._postNetWork({
|
|
url: urlStr,
|
|
showToastIn: false,
|
|
data: {
|
|
page: 1,
|
|
keyword: this.data.live_search,
|
|
cate_id: this.data.cate_id,
|
|
},
|
|
success: function (resdata) {
|
|
var res = resdata.data;
|
|
if (res.result == 1) {
|
|
that.setData({
|
|
playBackData: res.data.data,
|
|
total_page: res.data.last_page,
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
icon: "none",
|
|
title: res.msg,
|
|
duration: 1500,
|
|
});
|
|
}
|
|
},
|
|
fail: function (res) {
|
|
console.log(res.msg);
|
|
},
|
|
});
|
|
},
|
|
getLiveList(type) {
|
|
let that = this;
|
|
let urlStr = app.getNetAddresss(
|
|
"plugin.room.frontend.live-list.get-live-list"
|
|
);
|
|
app._postNetWork({
|
|
url: urlStr,
|
|
showToastIn: false,
|
|
data: {
|
|
status: type,
|
|
page: 1,
|
|
keyword: this.data.live_search,
|
|
cate_id: this.data.cate_id,
|
|
},
|
|
success: function (resdata) {
|
|
var res = resdata.data;
|
|
if (res.result == 1) {
|
|
if (type == 2) {
|
|
that.setData({
|
|
total_page: res.data.last_page,
|
|
announceList: res.data.data,
|
|
});
|
|
} else if (type == 3) {
|
|
that.setData({
|
|
total_page: res.data.last_page,
|
|
broadcastlist: res.data.data,
|
|
});
|
|
}
|
|
} else {
|
|
wx.showToast({
|
|
icon: "none",
|
|
title: res.msg,
|
|
duration: 1500,
|
|
});
|
|
}
|
|
},
|
|
fail: function (res) {
|
|
console.log(res.msg);
|
|
},
|
|
});
|
|
},
|
|
getAllLivelist() {
|
|
let that = this;
|
|
let urlStr = app.getNetAddresss(
|
|
"plugin.room.frontend.live-list.get-all-live-list"
|
|
);
|
|
app._postNetWork({
|
|
url: urlStr,
|
|
showToastIn: false,
|
|
data: {
|
|
page: 1,
|
|
keyword: this.data.live_search,
|
|
cate_id: this.data.cate_id,
|
|
},
|
|
success: function (resdata) {
|
|
var res = resdata.data;
|
|
if (res.result == 1) {
|
|
that.setData({
|
|
allLivelistData: res.data.data,
|
|
total_page: res.data.last_page,
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
icon: "none",
|
|
title: res.msg,
|
|
duration: 1500,
|
|
});
|
|
}
|
|
},
|
|
fail: function (res) {
|
|
console.log(res.msg);
|
|
},
|
|
});
|
|
},
|
|
getMyConcern() {
|
|
let that = this;
|
|
let urlStr = app.getNetAddresss(
|
|
"plugin.room.frontend.live-list.get-live-concern"
|
|
);
|
|
app._postNetWork({
|
|
url: urlStr,
|
|
showToastIn: false,
|
|
data: {
|
|
page: 1,
|
|
keyword: this.data.live_search,
|
|
},
|
|
success: function (resdata) {
|
|
var res = resdata.data;
|
|
if (res.result == 1) {
|
|
that.setData({
|
|
myConcern: res.data.data,
|
|
total_page: res.data.last_page,
|
|
});
|
|
} else {
|
|
wx.showToast({
|
|
icon: "none",
|
|
title: res.msg,
|
|
duration: 1500,
|
|
});
|
|
}
|
|
},
|
|
fail: function (res) {
|
|
console.log(res.msg);
|
|
},
|
|
});
|
|
},
|
|
/**
|
|
* 生命周期函数--监听页面显示
|
|
*/
|
|
onShow: function () {},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面隐藏
|
|
*/
|
|
onHide: function () {},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面卸载
|
|
*/
|
|
onUnload: function () {},
|
|
|
|
/**
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
*/
|
|
onPullDownRefresh: function () {},
|
|
|
|
/**
|
|
* 页面上拉触底事件的处理函数
|
|
*/
|
|
onReachBottom: function () {
|
|
if (this.data.isLoadMore) {
|
|
if (this.data.apiType !== "recommend") {
|
|
this._getMoreData();
|
|
}
|
|
} else {
|
|
console.log("没有更多数据");
|
|
}
|
|
},
|
|
//获取更多数据
|
|
_getMoreData() {
|
|
const that = this;
|
|
let json = {};
|
|
let api = "";
|
|
let urlStr = "";
|
|
that.data.isLoadMore = false; // 防止多次请求分页数据
|
|
if (this.data.page >= this.data.total_page) {
|
|
return;
|
|
} else {
|
|
this.data.page = this.data.page + 1;
|
|
if (this.data.apiType == "myConcern") {
|
|
api = "plugin.room.frontend.live-list.get-live-concern";
|
|
json = {
|
|
page: this.data.page,
|
|
cate_id: this.data.cate_id,
|
|
};
|
|
} else if (that.data.apiType == "AllLivelist") {
|
|
api = "plugin.room.frontend.live-list.get-all-live-list";
|
|
json = {
|
|
page: this.data.page,
|
|
cate_id: this.data.cate_id,
|
|
};
|
|
} else if (that.data.apiType == "playBack") {
|
|
api = "plugin.room.frontend.live-list.play-back";
|
|
json = {
|
|
page: this.data.page,
|
|
cate_id: this.data.cate_id,
|
|
};
|
|
}
|
|
// else if (that.data.apiType == "recommend") {
|
|
// }
|
|
else {
|
|
api = "plugin.room.frontend.live-list.get-live-list";
|
|
json = {
|
|
status: this.data.status,
|
|
page: this.data.page,
|
|
cate_id: this.data.cate_id,
|
|
};
|
|
}
|
|
json.keyword = this.data.live_search;
|
|
urlStr = app.getNetAddresss(api);
|
|
app._postNetWork({
|
|
url: urlStr,
|
|
showToastIn: false,
|
|
data: json,
|
|
success: function (resdata) {
|
|
var res = resdata.data;
|
|
if (res.result == 1) {
|
|
if (that.data.apiType == "myConcern") {
|
|
that.setData({
|
|
isLoadMore: true,
|
|
myConcern: that.data.myConcern.concat(res.data.data),
|
|
});
|
|
} else if (that.data.apiType == "playBack") {
|
|
that.setData({
|
|
isLoadMore: true,
|
|
playBackData: that.data.playBackData.concat(res.data.data),
|
|
});
|
|
} else if (that.data.apiType == "AllLivelist") {
|
|
that.setData({
|
|
isLoadMore: true,
|
|
allLivelistData: that.data.allLivelistData.concat(
|
|
res.data.data
|
|
),
|
|
});
|
|
}
|
|
// else if (that.data.apiType == "recommend") {
|
|
// }
|
|
else {
|
|
if (that.data.status == 2) {
|
|
that.setData({
|
|
isLoadMore: true,
|
|
announceList: that.data.announceList.concat(res.data.data),
|
|
});
|
|
} else if (that.data.status == 3) {
|
|
that.setData({
|
|
isLoadMore: true,
|
|
broadcastlist: that.data.broadcastlist.concat(res.data.data),
|
|
});
|
|
}
|
|
}
|
|
} else {
|
|
that.setData({
|
|
page: that.data.page - 1,
|
|
isLoadMore: false,
|
|
});
|
|
return;
|
|
}
|
|
},
|
|
fail: function (res) {
|
|
console.log(res.msg);
|
|
},
|
|
});
|
|
}
|
|
},
|
|
/**
|
|
* 用户点击右上角分享
|
|
*/
|
|
onShareAppMessage: function () {},
|
|
//跳转直播页
|
|
golivePage(e) {
|
|
let id = e.currentTarget.dataset.id;
|
|
let status = e.currentTarget.dataset.status;
|
|
let memberid = e.currentTarget.dataset.memberid;
|
|
console.log(e);
|
|
if (status == 1) {
|
|
wx.navigateTo({
|
|
url:
|
|
"/packageD/directSeeding/livePage/livePage?id=" +
|
|
id +
|
|
"&playerType=live",
|
|
});
|
|
} else {
|
|
wx.navigateTo({
|
|
url: "/packageD/directSeeding/anchorDetail/anchorDetail?id=" + memberid,
|
|
});
|
|
}
|
|
},
|
|
gopage(e) {
|
|
let status = e.currentTarget.dataset.status;
|
|
let id = e.currentTarget.dataset.id;
|
|
let backid = e.currentTarget.dataset.backid;
|
|
if (status == 1) {
|
|
wx.navigateTo({
|
|
url:
|
|
"/packageD/directSeeding/livePage/livePage?id=" +
|
|
id +
|
|
"&playerType=live",
|
|
});
|
|
} else if (status == 2) {
|
|
wx.navigateTo({
|
|
url:
|
|
"/packageD/directSeeding/livePage/livePage?id=" +
|
|
id +
|
|
"&playerType=video" +
|
|
"&backid=" +
|
|
backid,
|
|
});
|
|
}
|
|
},
|
|
golistPage(e) {
|
|
let status = e.currentTarget.dataset.status;
|
|
let id = e.currentTarget.dataset.id;
|
|
let backid = e.currentTarget.dataset.backid;
|
|
if (status == 3) {
|
|
wx.navigateTo({
|
|
url:
|
|
"/packageD/directSeeding/livePage/livePage?id=" +
|
|
id +
|
|
"&playerType=live",
|
|
});
|
|
} else if (status == 2) {
|
|
wx.navigateTo({
|
|
url: "/packageD/directSeeding/foreshow/foreshow?id=" + id,
|
|
});
|
|
} else if (status == 4) {
|
|
wx.navigateTo({
|
|
url:
|
|
"/packageD/directSeeding/livePage/livePage?id=" +
|
|
id +
|
|
"&playerType=video" +
|
|
"&backid=" +
|
|
backid,
|
|
});
|
|
}
|
|
},
|
|
goPlayBackData(e) {
|
|
let roomid = e.currentTarget.dataset.roomid;
|
|
let backid = e.currentTarget.dataset.backid;
|
|
wx.navigateTo({
|
|
url:
|
|
"/packageD/directSeeding/livePage/livePage?id=" +
|
|
roomid +
|
|
"&playerType=video" +
|
|
"&backid=" +
|
|
backid,
|
|
});
|
|
},
|
|
//跳转直播预告
|
|
goforeshow(e) {
|
|
let id = e.currentTarget.dataset.id;
|
|
wx.navigateTo({
|
|
url: "/packageD/directSeeding/foreshow/foreshow?id=" + id,
|
|
});
|
|
},
|
|
/**
|
|
* 图片加载函数
|
|
* 图片加载完成后，根据图片的高度，依次往第一列和第二列中推入数据
|
|
*/
|
|
onImageLoad(options) {
|
|
let index = options.target.dataset.index;
|
|
let seltype = options.target.dataset.seltype;
|
|
let imageWidth = options.detail.width; // 图片宽度
|
|
let imageHeight = options.detail.height; // 图片高度
|
|
let activityObj = null;
|
|
let scle = imageWidth / imageHeight;
|
|
if (seltype == "myConcern") {
|
|
let activitys = this.data.myConcern; // 获取所有的数据资源
|
|
activityObj = activitys[index];
|
|
let activitys1 = this.data.myConcern_activitys1;
|
|
let activitys2 = this.data.myConcern_activitys2;
|
|
if (this.data.my_colOneHeight <= this.data.my_colTwoHeight) {
|
|
this.data.my_colOneHeight += 176 / scle + 60;
|
|
activitys1.push(activityObj);
|
|
} else {
|
|
this.data.my_colTwoHeight += 176 / scle + 60;
|
|
activitys2.push(activityObj);
|
|
}
|
|
this.setData({
|
|
myConcern_activitys1: activitys1,
|
|
myConcern_activitys2: activitys2,
|
|
});
|
|
} else if (seltype == "recommend") {
|
|
let activitys = this.data.recommendData; // 获取所有的数据资源
|
|
activityObj = activitys[index];
|
|
let activitys1 = this.data.recommendData_activitys1;
|
|
let activitys2 = this.data.recommendData_activitys2;
|
|
if (this.data.re_colOneHeight <= this.data.re_colTwoHeight) {
|
|
this.data.re_colOneHeight += 176 / scle + 60;
|
|
activitys1.push(activityObj);
|
|
} else {
|
|
this.data.re_colTwoHeight += 176 / scle + 60;
|
|
activitys2.push(activityObj);
|
|
}
|
|
this.setData({
|
|
recommendData_activitys1: activitys1,
|
|
recommendData_activitys2: activitys2,
|
|
});
|
|
} else if (seltype == "AllLivelist") {
|
|
let activitys = this.data.allLivelistData; // 获取所有的数据资源
|
|
activityObj = activitys[index];
|
|
let activitys1 = this.data.allLivelistData_activitys1;
|
|
let activitys2 = this.data.allLivelistData_activitys2;
|
|
if (this.data.all_colOneHeight <= this.data.all_colTwoHeight) {
|
|
this.data.all_colOneHeight += 176 / scle + 60;
|
|
activitys1.push(activityObj);
|
|
} else {
|
|
this.data.all_colTwoHeight += 176 / scle + 60;
|
|
activitys2.push(activityObj);
|
|
}
|
|
this.setData({
|
|
allLivelistData_activitys1: activitys1,
|
|
allLivelistData_activitys2: activitys2,
|
|
});
|
|
} else if (seltype == "liveList_1") {
|
|
let activitys = this.data.broadcastlist; // 获取所有的数据资源
|
|
activityObj = activitys[index];
|
|
let activitys1 = this.data.broadcastlist_activitys1;
|
|
let activitys2 = this.data.broadcastlist_activitys2;
|
|
if (this.data.br_colOneHeight <= this.data.br_colTwoHeight) {
|
|
this.data.br_colOneHeight += 176 / scle + 60;
|
|
activitys1.push(activityObj);
|
|
} else {
|
|
this.data.br_colTwoHeight += 176 / scle + 60;
|
|
activitys2.push(activityObj);
|
|
}
|
|
this.setData({
|
|
broadcastlist_activitys1: activitys1,
|
|
broadcastlist_activitys2: activitys2,
|
|
});
|
|
} else if (seltype == "liveList_2") {
|
|
let activitys = this.data.announceList; // 获取所有的数据资源
|
|
activityObj = activitys[index];
|
|
let activitys1 = this.data.announceList_activitys1;
|
|
let activitys2 = this.data.announceList_activitys2;
|
|
if (this.data.an_colOneHeight <= this.data.an_colTwoHeight) {
|
|
this.data.an_colOneHeight += 176 / scle + 60;
|
|
activitys1.push(activityObj);
|
|
} else {
|
|
this.data.an_colTwoHeight += 176 / scle + 60;
|
|
activitys2.push(activityObj);
|
|
}
|
|
this.setData({
|
|
announceList_activitys1: activitys1,
|
|
announceList_activitys2: activitys2,
|
|
});
|
|
} else if (seltype == "playBack") {
|
|
let activitys = this.data.playBackData; // 获取所有的数据资源
|
|
activityObj = activitys[index];
|
|
let activitys1 = this.data.playBackData_activitys1;
|
|
let activitys2 = this.data.playBackData_activitys2;
|
|
if (this.data.pl_colOneHeight <= this.data.pl_colTwoHeight) {
|
|
this.data.pl_colOneHeight += 176 / scle + 60;
|
|
activitys1.push(activityObj);
|
|
} else {
|
|
this.data.pl_colTwoHeight += 176 / scle + 60;
|
|
activitys2.push(activityObj);
|
|
}
|
|
this.setData({
|
|
playBackData_activitys1: activitys1,
|
|
playBackData_activitys2: activitys2,
|
|
});
|
|
}
|
|
},
|
|
onImageError(options) {
|
|
let index = options.target.dataset.index;
|
|
let seltype = options.target.dataset.seltype;
|
|
// let currentId = options.currentTarget.id;
|
|
console.log("图片加载发生错误");
|
|
this.onImageLoad({
|
|
target: {
|
|
dataset: {
|
|
index: index,
|
|
seltype: seltype,
|
|
},
|
|
},
|
|
detail: {
|
|
width: 2340,
|
|
height: 1080,
|
|
},
|
|
});
|
|
},
|
|
searchConfirm() {
|
|
if (this.data.apiType == "myConcern") {
|
|
this.data.my_colOneHeight = 0;
|
|
this.data.my_colTwoHeight = 0;
|
|
this.setData({
|
|
myConcern: [],
|
|
myConcern_activitys1: [],
|
|
myConcern_activitys2: [],
|
|
});
|
|
this.getMyConcern();
|
|
} else if (this.data.apiType == "recommend") {
|
|
this.data.re_colOneHeight = 0;
|
|
this.data.re_colTwoHeight = 0;
|
|
this.setData({
|
|
recommendData: [],
|
|
recommendData_activitys1: [],
|
|
recommendData_activitys2: [],
|
|
});
|
|
this.getRecommend();
|
|
} else if (this.data.apiType == "liveList") {
|
|
if (this.data.status == 3) {
|
|
this.data.br_colOneHeight = 0;
|
|
this.data.br_colTwoHeight = 0;
|
|
this.setData({
|
|
broadcastlist: [],
|
|
broadcastlist_activitys1: [],
|
|
broadcastlist_activitys2: [],
|
|
});
|
|
this.getLiveList(3);
|
|
} else if (this.data.status == 2) {
|
|
this.data.an_colOneHeight = 0;
|
|
this.data.an_colTwoHeight = 0;
|
|
this.setData({
|
|
announceList: [],
|
|
announceList_activitys1: [],
|
|
announceList_activitys2: [],
|
|
});
|
|
this.getLiveList(2);
|
|
}
|
|
} else if (this.data.apiType == "playBack") {
|
|
this.data.pl_colOneHeight = 0;
|
|
this.data.pl_colTwoHeight = 0;
|
|
this.setData({
|
|
playBackData: [],
|
|
playBackData_activitys1: [],
|
|
playBackData_activitys2: [],
|
|
});
|
|
this.getplayBack();
|
|
} else if (this.data.apiType == "AllLivelist") {
|
|
this.data.all_colOneHeight = 0;
|
|
this.data.all_colTwoHeight = 0;
|
|
this.setData({
|
|
allLivelistData: [],
|
|
allLivelistData_activitys1: [],
|
|
allLivelistData_activitys2: [],
|
|
});
|
|
this.getAllLivelist();
|
|
}
|
|
},
|
|
searchbtn(e) {
|
|
let val = e.detail.value;
|
|
this.setData({
|
|
live_search: val,
|
|
});
|
|
},
|
|
});
|