$(document).ready(function () {
let url = window.location.search;
let id;
let data;
let videoSrc;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(
decodeURI(strs[i].split("=")[1])
);
}
}
let tabId = theRequest.TabId || 1;
// 上传文件-封面
let inputFileFM = document.getElementById("uploadAddFM");
let theFileFM;
inputFileFM.onchange = function () {
// 获取用户上传的文件对象
theFileFM = inputFileFM.files[0];
// 实例化一个文件读取器
let fileReader = new FileReader();
// 将用户上传的文件对象作为参数,传入文件读取器的方法readAsDateURL
fileReader.readAsDataURL(theFileFM);
// 文件读取器方法执行完毕后调用函数
fileReader.onload = function () {
$("#FMImg").attr("src", fileReader.result);
};
};
// 上传文件-图片
let tpFilesNum = 0;
let tpFilesArr = [];
let tpInputFile = document.getElementById("uploadAddTP");
let tpTheFile;
tpInputFile.onchange = function () {
// 获取用户上传的文件对象
tpTheFile = tpInputFile.files;
//获取选择图片的个数
let length = tpTheFile.length;
// 回显
for (let i = 0; i < length; i++) {
// 实例化一个文件读取器
let fileReader = new FileReader();
fileReader.onload = function () {
tpFilesNum++;
let imgDataHtml = `
删除
`;
$(".HoutaiContainerDialogLine3AddImg").before(imgDataHtml);
tpFilesArr.push(tpTheFile[i]);
console.log(tpFilesArr);
// 功能-添加中删除-反差内容-视频
$("#delImg" + tpFilesNum).on("click", function () {
tpFilesArr.splice($(this).parent().index(), 1);
console.log(tpFilesArr);
$(this).parent().remove();
});
};
//读取文件
fileReader.readAsDataURL(tpTheFile[i]);
}
};
// 上传文件-视频
let spFilesNum = 0;
let spFilesArr = [];
let spInputFile = document.getElementById("uploadAddSP");
let spTheFile;
spInputFile.onchange = function () {
// 获取用户上传的文件对象
spTheFile = spInputFile.files;
//获取选择图片的个数
let length = spTheFile.length;
// 回显
for (let i = 0; i < length; i++) {
// 实例化一个文件读取器
let fileReader = new FileReader();
fileReader.onload = function () {
spFilesNum++;
let videoLineDataHtml = `
视频文件 ${spTheFile[i].name}
删除
`;
$(".HoutaiContainerDialogLine4RightAdd").append(
videoLineDataHtml
);
spFilesArr.push(spTheFile[i]);
// 功能-添加中删除-反差内容-视频
$("#HoutaiContainerDialogLine4VideoFile" + spFilesNum).on(
"click",
function () {
console.log($(this).index());
spFilesArr.splice($(this).index() - 1, 1);
console.log(spFilesArr);
this.remove();
}
);
};
//读取文件
fileReader.readAsDataURL(spTheFile[i]);
}
};
// 修改上传文件-封面
let inputFileFMRevise = document.getElementById("uploadReviseFM");
let theFileFMRevise;
inputFileFMRevise.onchange = function () {
// 获取用户上传的文件对象
theFileFMRevise = inputFileFMRevise.files[0];
// 实例化一个文件读取器
let fileReader = new FileReader();
// 将用户上传的文件对象作为参数,传入文件读取器的方法readAsDateURL
fileReader.readAsDataURL(theFileFMRevise);
// 文件读取器方法执行完毕后调用函数
fileReader.onload = function () {
$("#RFMImg").attr("src", fileReader.result);
};
};
// 修改上传文件-图片
let tpFilesNumRevise = 0;
let tpFilesArrRevise = [];
let tpInputFileRevise = document.getElementById("uploadReviseTP");
let tpTheFileRevise;
tpInputFileRevise.onchange = function () {
// 获取用户上传的文件对象
tpTheFileRevise = tpInputFileRevise.files;
//获取选择图片的个数
let length = tpTheFileRevise.length;
// 回显
for (let i = 0; i < length; i++) {
// 实例化一个文件读取器
let fileReader = new FileReader();
fileReader.onload = function () {
tpFilesNumRevise++;
let imgDataHtml = `
删除
`;
$(".HoutaiContainerDialogLine3ReviseImg").before(imgDataHtml);
tpFilesArrRevise.push(tpTheFileRevise[i]);
console.log(tpFilesArrRevise);
// 功能-添加中删除-反差内容-视频
$("#delImg" + tpFilesNumRevise).on("click", function () {
tpFilesArrRevise.splice($(this).parent().index(), 1);
console.log(tpFilesArrRevise);
$(this).parent().remove();
});
};
//读取文件
fileReader.readAsDataURL(tpTheFileRevise[i]);
}
};
// 修改上传文件-视频
let spFilesNumRevise = 0;
let spFilesArrRevise = [];
let spInputFileRevise = document.getElementById("uploadReviseSP");
let spTheFileRevise;
spInputFileRevise.onchange = function () {
// 获取用户上传的文件对象
spTheFileRevise = spInputFileRevise.files;
//获取选择图片的个数
let length = spTheFileRevise.length;
// 回显
for (let i = 0; i < length; i++) {
// 实例化一个文件读取器
let fileReader = new FileReader();
fileReader.onload = function () {
spFilesNumRevise++;
let videoLineDataHtml = `
视频文件 ${spTheFileRevise[i].name}
删除
`;
$(".HoutaiContainerDialogLine4RightRevise").append(
videoLineDataHtml
);
spFilesArrRevise.push(spTheFileRevise[i]);
// 功能-添加中删除-反差内容-视频
$("#HoutaiContainerDialogLine4VideoFile" + spFilesNumRevise).on(
"click",
function () {
console.log($(this).index());
spFilesArrRevise.splice($(this).index() - 1, 1);
console.log(spFilesArrRevise);
this.remove();
}
);
};
//读取文件
fileReader.readAsDataURL(spTheFileRevise[i]);
}
};
// 接口调用-数据获取-反差列表
function getData() {
$.ajax({
type: "post",
url: "https://api.9169kkxstzsjkdd222.app/Admin/Adminbackoneeight/facha_list",
dataType: "json",
data: {
//async: false,
token: "b8e3bb6ef8747d7",
page: tabId,
size: 50,
},
success: function (res) {
console.log(res);
data = res.data;
$(".SLHeader p").text(`反差内容( ${res.amount} )`);
let AppleListHTML = "";
$.each(data, function (index, value) {
AppleListHTML += `
`;
});
$("#AppleList").html(AppleListHTML);
},
complete: function (res, status) {
console.log(res);
$("#page").paging({
pageNo: tabId,
totalPage: Math.ceil(res.responseJSON.all_count / 50),
callback: function (num) {
window.location.href =
"https://api.9169kkxstzsjkdd222.app/contrast?TabId=" + num;
},
});
let index;
// 功能-删除-反差内容-弹窗展示
$(".HoutaiContainerBottomAppleListHeaderCZsc").on(
"click",
function () {
id = $(this).parent().parent().attr("id");
$(".HoutaiContainerDialogSC").show();
}
);
// 功能-删除-反差内容-取消删除
$(".HoutaiContainerDialogASCdvertLeft").on(
"click",
function () {
$(".HoutaiContainerDialogSC").hide();
}
);
// 功能-删除-反差内容-确定删除
$(".HoutaiContainerDialogSCAdvertRight").on(
"click",
function () {
$.ajax({
type: "post",
url: "https://api.9169kkxstzsjkdd222.app/Admin/Adminbackoneeight/delete_fancha_list",
dataType: "json",
data: {
token: "b8e3bb6ef8747d7",
fc_id: id,
},
success: function (res) {
console.log(res);
window.location.reload();
},
});
}
);
// 功能-修改-反差内容-弹窗展示
$(".HoutaiContainerBottomAppleListHeaderCZxg").on(
"click",
function () {
$(".HoutaiContainerDialogRevise").show();
id = $(this).parent().parent().attr("id");
index = $(this).parent().parent().index();
// 修改弹窗-获取标题
$(".HoutaiContainerDialogLine1RightRevise").val(
data[index].site
);
// 修改弹窗-获取封面文件
$("#RFMImg").attr("src", data[index].head_img);
// 修改弹窗-获取图片文件
console.log(data[index].book.length);
for (let i = 0; i < data[index].book.length; i++) {
tpFilesNumRevise++;
let HoutaiContainerDialogLine2RightRevise = `
删除
`;
$(".HoutaiContainerDialogLine3ReviseImg").before(
HoutaiContainerDialogLine2RightRevise
);
tpFilesArrRevise.push(data[index].book[i]);
console.log(tpFilesArrRevise);
// 功能-添加中删除-反差内容-视频
$("#delImg" + tpFilesNumRevise).on(
"click",
function () {
tpFilesArrRevise.splice(
$(this).parent().index(),
1
);
console.log(tpFilesArrRevise);
$(this).parent().remove();
}
);
}
// 修改弹窗-获取视频文件
for (
let i = 0;
i < data[index].hj_video_url.length;
i++
) {
spFilesNumRevise++;
let videoLineDataHtml = `
视频文件 ${data[index].hj_video_url[i]}
删除
`;
$(".HoutaiContainerDialogLine4RightRevise").append(
videoLineDataHtml
);
spFilesArrRevise.push(data[index].hj_video_url[i]);
// 功能-添加中删除-反差内容-视频
$(
"#HoutaiContainerDialogLine4VideoFileRevise" +
spFilesNumRevise
).on("click", function () {
console.log($(this).index());
spFilesArrRevise.splice($(this).index() - 1, 1);
console.log(spFilesArrRevise);
this.remove();
});
}
}
);
// 功能-修改-反差内容-弹窗隐藏
$(".HoutaiContainerDialogLine5LeftRevise").on(
"click",
function () {
tpFilesArrRevise = [];
spFilesArrRevise = [];
let HoutaiContainerDialogLine3RightReviseHTML = `
`;
$(".HoutaiContainerDialogLine3RightRevise").html(
HoutaiContainerDialogLine3RightReviseHTML
);
let HoutaiContainerDialogLine4RightReviseHTML = `
`;
$(".HoutaiContainerDialogLine4RightRevise").html(
HoutaiContainerDialogLine4RightReviseHTML
);
$(".HoutaiContainerDialogRevise").hide();
// 功能-修改封面-上传内容封面
$(".HoutaiContainerDialogLine2RightRevise").on(
"click",
function () {
$("#uploadReviseFM").click();
}
);
// 功能-修改图片-打开上传图片窗口
$("#RTPImg").on("click", function () {
$("#uploadReviseTP").click();
});
// 功能-修改视频-打开上传视频窗口
$("#RSPImg").on("click", function () {
$("#uploadReviseSP").click();
});
// 修改上传文件-图片
let tpInputFileRevise =
document.getElementById("uploadReviseTP");
let tpTheFileRevise;
tpInputFileRevise.onchange = function () {
// 获取用户上传的文件对象
tpTheFileRevise = tpInputFileRevise.files;
//获取选择图片的个数
let length = tpTheFileRevise.length;
// 回显
for (let i = 0; i < length; i++) {
// 实例化一个文件读取器
let fileReader = new FileReader();
fileReader.onload = function () {
tpFilesNumRevise++;
let imgDataHtml = `
删除
`;
$(
".HoutaiContainerDialogLine3ReviseImg"
).before(imgDataHtml);
tpFilesArrRevise.push(tpTheFileRevise[i]);
console.log(tpFilesArrRevise);
// 功能-添加中删除-反差内容-视频
$("#delImg" + tpFilesNumRevise).on(
"click",
function () {
tpFilesArrRevise.splice(
$(this).parent().index(),
1
);
console.log(tpFilesArrRevise);
$(this).parent().remove();
}
);
};
//读取文件
fileReader.readAsDataURL(tpTheFileRevise[i]);
}
};
// 修改上传文件-视频
let spInputFileRevise =
document.getElementById("uploadReviseSP");
let spTheFileRevise;
spInputFileRevise.onchange = function () {
// 获取用户上传的文件对象
spTheFileRevise = spInputFileRevise.files;
//获取选择图片的个数
let length = spTheFileRevise.length;
// 回显
for (let i = 0; i < length; i++) {
// 实例化一个文件读取器
let fileReader = new FileReader();
fileReader.onload = function () {
spFilesNumRevise++;
let videoLineDataHtml = `
视频文件 ${spTheFileRevise[i].name}
删除
`;
$(
".HoutaiContainerDialogLine4RightAdd"
).append(videoLineDataHtml);
spFilesArrRevise.push(spTheFileRevise[i]);
// 功能-添加中删除-反差内容-视频
$(
"#HoutaiContainerDialogLine4VideoFile" +
spFilesNumRevise
).on("click", function () {
console.log($(this).index());
spFilesArrRevise.splice(
$(this).index() - 1,
1
);
console.log(spFilesArrRevise);
this.remove();
});
};
//读取文件
fileReader.readAsDataURL(spTheFileRevise[i]);
}
};
}
);
// 功能-修改-反差内容-确认修改
$(".HoutaiContainerDialogLine5RightRevise").on(
"click",
function () {
let allTPFilesArr = tpFilesArrRevise;
let uptheFileFMRevise = theFileFMRevise
? theFileFMRevise
: $("#RFMImg").attr("src");
allTPFilesArr.unshift(uptheFileFMRevise);
var formFileRevise = new FormData();
formFileRevise.append("fc_id", id);
formFileRevise.append(
"title",
$(".HoutaiContainerDialogLine1RightRevise").val()
);
formFileRevise.append("token", "b8e3bb6ef8747d7");
for (let i in allTPFilesArr) {
formFileRevise.append("img[]", allTPFilesArr[i]);
}
for (let i in spFilesArrRevise) {
formFileRevise.append("mp4[]", spFilesArrRevise[i]);
}
$.ajax({
type: "post",
url: "https://api.9169kkxstzsjkdd222.app/Admin/Adminbackoneeight/save_fancha_detail",
dataType: "json",
data: formFileRevise,
async: true,
cache: false,
contentType: false,
processData: false,
success: function (res) {
// alert("修改成功")
console.log(res);
// window.location.reload();
},
});
}
);
// 功能-查看-反差内容-弹窗展示
$(".HoutaiContainerBottomAppleListHeaderCZck").on(
"click",
function () {
id = $(this).parent().parent().attr("id");
index = $(this).parent().parent().index();
$(".HoutaiContainerDialogTitleCheck").text(
data[index].site
);
$(".HoutaiContainerDialogFMImg").attr(
"src",
data[index].head_img
);
let HoutaiContainerDialogLine2RightCheckHTML = "";
for (let i = 0; i < data[index].book.length; i++) {
HoutaiContainerDialogLine2RightCheckHTML += `
`;
}
$(".HoutaiContainerDialogLine2RightCheck").html(
HoutaiContainerDialogLine2RightCheckHTML
);
let HoutaiContainerDialogLine3RightCheckHTML = "";
for (
let i = 0;
i < data[index].hj_video_url.length;
i++
) {
HoutaiContainerDialogLine3RightCheckHTML += `
`;
}
$(".HoutaiContainerDialogLine3RightCheck").html(
HoutaiContainerDialogLine3RightCheckHTML
);
// 交互-视频播放-展示弹窗
$(".HoutaiContainerDialogSPImg").on(
"click",
function () {
index = $(this).parent().parent().index();
let videoArr = data[index].hj_video_url;
videoSrc = videoArr[$(this).index()];
let HoutaiContainerDialogVideoHTML = ``;
$(".HoutaiContainerDialogVideo").html(
HoutaiContainerDialogVideoHTML
);
// 交互-视频播放-关闭弹窗
$(".closeVideo").on("click", function () {
md = null;
$(".HoutaiContainerDialogVideo").html("");
$(".HoutaiContainerDialogVideo").hide();
});
$(".HoutaiContainerDialogVideo").show();
var md = new MuiPlayer({
container: "#h5",
title: "",
// autoplay: true,
initFullFixed: true,
autoplay: false,
themeColor: "#FF6A00",
lang: "en",
poster: data[index].head_img,
src: videoSrc,
// src: 'https://look.slgj688.com/videos/one/WXTS/53045/394.m3u8',
parse: {
type: "hls",
loader: Hls,
config: {
debug: false,
},
},
videoAttribute: [
{
attrKey: "webkit-playsinline",
attrValue: "webkit-playsinline",
},
{
attrKey: "playsinline",
attrValue: "playsinline",
},
{
attrKey: "x5-video-player-type",
attrValue: "h5-page",
},
],
plugins: [
new MuiPlayerMobilePlugin({
key: "01F01D01G01I01F01H01H01K01C01J01F01J01D01H01K",
showMenuButton: true,
}),
],
});
md.on("ready", function () {
$("#h5").show();
$(".quanquan").hide();
document.querySelector(
".mplayer-header"
).style.display = "none";
md.on("seek-progress", function (e) {
// console.log("names");
md.video().play();
});
md.video().onended = function () {
console.log("播放完成");
// if (ad.video.currentTime > '33') {//视频时间,单位’秒‘,建议减1秒
$("#mui-player").remove();
$("#bj").show();
$("#bj").on("click", function () {
window.location.href =
"service.html?uid=" + uid;
});
};
$(".toogleImg").on("click", function (e) {
e.stopPropagation();
console.log($(this).attr("src"));
let toogleStatus = $(this).attr("src");
if (
toogleStatus ==
"/Public/Admin/img/end.png"
) {
md.video().play();
$(".toogleImg").attr(
"src",
"/Public/Admin/img/star.png"
);
} else {
md.video().pause();
$(".toogleImg").attr(
"src",
"/Public/Admin/img/end.png"
);
}
});
md.video().addEventListener(
"playing",
function () {
$(".toogleImg").attr(
"src",
"/Public/Admin/img/star.png"
);
console.log("开始播放");
md.toggleControls(false);
}
);
md.video().addEventListener(
"pause",
function () {
console.log("暂停播放");
md.video().pause();
$(".toogleImg").attr(
"src",
"/Public/Admin/img/end.png"
);
}
);
});
}
);
$(".HoutaiContainerDialogCheck").show();
}
);
// 功能-查看-反差内容-弹窗隐藏
$(".HoutaiContainerDialogLine4CheckBtn").on(
"click",
function () {
$(".HoutaiContainerDialogCheck").hide();
}
);
},
});
}
getData();
// 功能-上传封面-上传内容封面
$(".HoutaiContainerDialogLine2RightAdd").on("click", function () {
$("#uploadAddFM").click();
});
// 功能-上传图片-打开上传图片窗口
$("#TPImg").on("click", function () {
$("#uploadAddTP").click();
});
// 功能-上传视频-打开上传视频窗口
$("#SPImg").on("click", function () {
$("#uploadAddSP").click();
});
// 功能-修改封面-上传内容封面
$(".HoutaiContainerDialogLine2RightRevise").on("click", function () {
$("#uploadReviseFM").click();
});
// 功能-修改图片-打开上传图片窗口
$("#RTPImg").on("click", function () {
$("#uploadReviseTP").click();
});
// 功能-修改视频-打开上传视频窗口
$("#RSPImg").on("click", function () {
$("#uploadReviseSP").click();
});
// 功能-新增-反差内容-弹窗展示
$(".SLHeaderCreate").on("click", function () {
$(".HoutaiContainerDialogAdd").show();
});
// 功能-新增-反差内容-弹窗隐藏
$(".HoutaiContainerDialogLine5LeftAdd").on("click", function () {
$(".HoutaiContainerDialogAdd").hide();
});
// 功能-新增-反差内容-确认新增
$(".HoutaiContainerDialogLine5RightAdd").on("click", function () {
let allTPFilesArr = tpFilesArr;
allTPFilesArr.unshift(theFileFM);
var formFile = new FormData();
formFile.append(
"title",
$(".HoutaiContainerDialogLine1RightAdd").val()
);
formFile.append("token", "b8e3bb6ef8747d7");
for (let i in allTPFilesArr) {
formFile.append("img[]", allTPFilesArr[i]);
}
for (let i in spFilesArr) {
formFile.append("mp4[]", spFilesArr[i]);
}
$.ajax({
type: "post",
url: "https://api.9169kkxstzsjkdd222.app/Admin/Adminbackoneeight/add_test_video",
dataType: "json",
data: formFile,
async: true,
cache: false,
contentType: false,
processData: false,
success: function (res) {
// alert("添加成功");
console.log(res);
window.location.reload();
},
});
});
});