$(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 += `

${value.site}

`; let booklength = value.book.length > 4 ? 4 : value.book.length; for (let i = 0; i < booklength; i++) { AppleListHTML += ``; } 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(); }, }); }); });