440 lines
15 KiB
HTML
440 lines
15 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
|
|
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
|
<title>投放流量</title>
|
|
<link rel="stylesheet" type="text/css" href="/css/api.css" />
|
|
<link rel="stylesheet" type="text/css" href="/css/content.css" />
|
|
<script type="text/javascript" src="/scripts/jquery-3.4.1.min.js"></script>
|
|
<script type="text/javascript" src="/script/main.js?t=0"></script>
|
|
<script type="text/javascript" src="/layer/layer.js"></script>
|
|
<script type="text/javascript" src="/Scripts/long.js"></script>
|
|
<script type="text/javascript" src="/script/moment.js"></script>
|
|
<script type="text/javascript" src="/script/area.js?t=0"></script>
|
|
<script type="text/javascript" src="/script/api.js"></script>
|
|
<script src="/Scripts/qiniu.min.js" type="text/javascript"></script>
|
|
<style type="text/css">
|
|
html, body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#wrapper {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.pullDown {
|
|
position: absolute;
|
|
top: -1.25rem;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
text-align: center;
|
|
display: none;
|
|
}
|
|
|
|
.pullUp {
|
|
position: absolute;
|
|
bottom: -1.25rem;
|
|
left: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
text-align: center;
|
|
display: none;
|
|
}
|
|
|
|
.pullDown.loading, .pullUp.loading, .pullDown.refresh, .pullUp.refresh {
|
|
display: block;
|
|
}
|
|
|
|
#wrapper_content .ub-f1 {
|
|
color: #fff;
|
|
}
|
|
|
|
.appadv_title {
|
|
width: 100%;
|
|
padding: 0 0em;
|
|
height: 2em;
|
|
line-height: 2em;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.appadv_title div {
|
|
height: 2em;
|
|
line-height: 2em;
|
|
box-sizing: border-box;
|
|
color: #19A868;
|
|
}
|
|
|
|
select {
|
|
color: #848484;
|
|
}
|
|
|
|
.dbtnbox {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.dbtnbox input[type='button'] {
|
|
height: 3.5em;
|
|
line-height: 3.5em;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.uploadpic_btn {
|
|
position: absolute;
|
|
width: 5em;
|
|
height: 5em;
|
|
right: 0;
|
|
top: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
|
|
.layer {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
background: rgba(0, 0, 0, .5);
|
|
display: none;
|
|
}
|
|
|
|
.layer img {
|
|
width: auto;
|
|
max-width: 20em;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.tixin-item .account li {
|
|
border-bottom: 1px solid #f5f5f5;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
var userId = null;
|
|
var LoginId = null;
|
|
var opentimes = null;
|
|
var sInterval0 = null;
|
|
var videoid = 0, ifytfg = 0, zftype = 0, guige = 0;
|
|
var address = null;
|
|
var uploading = 0, ifupuser = 0, cutvideoseconds = 0;
|
|
var image1 = "", image2 = "", image3 = "", image4 = "", upToken="";
|
|
var myScroll = null;
|
|
var pullDown = 1; // 下拉刷新避免多次执行
|
|
var pullUp = 1; // 上拉加载避免多次执行
|
|
var downHeight = 0;
|
|
var upHeight = 0;
|
|
var isload = true;//设置是否终止滚动加载
|
|
var curScrollHeight = 0;//当前滚动位置
|
|
var curCount = 1;//计数器，防止滚动时重复执行加载下一页
|
|
var myXhr = null;
|
|
$(document).ready(function () {
|
|
userId = getlocalStorage("userId");
|
|
LoginId = getlocalStorage("LoginId");
|
|
var dParam = $.getUrlParam("id");
|
|
if (dParam != null) {
|
|
videoid = dParam;
|
|
}
|
|
|
|
|
|
var ifapp = 0;
|
|
var aifapp = getlocalStorage("ifapp");
|
|
if (aifapp != null) {
|
|
ifapp = aifapp;
|
|
}
|
|
|
|
|
|
rdata();
|
|
|
|
});
|
|
function rdata() {
|
|
userId = getlocalStorage("userId");
|
|
LoginId = getlocalStorage("LoginId");
|
|
if (userId != null && LoginId) {
|
|
var userdata = JSON.parse(getlocalStorage("userinfo"));
|
|
|
|
}
|
|
$(".ajaxLoader").removeClass("uhide");
|
|
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: "/apiajax.ashx",
|
|
data: "&action=getvideodetail&ifweb=1&id=" + videoid + "&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
|
|
dataType: "JSON",
|
|
error: function (xhr, type) {
|
|
tishi3("发生错误：" + JSON.stringify(xhr));
|
|
},
|
|
success: function (data) {
|
|
|
|
|
|
if (data) {
|
|
|
|
if (data.status == 1) {
|
|
$("#video_title").html(data.title);
|
|
$("#tfje_num").html(data.tfllmoney);
|
|
$("#cszs_num").html(data.zscs);
|
|
//$("#gxz_num").html(data.gxzmoney);
|
|
$(".ajaxLoader").addClass("uhide");
|
|
} else {
|
|
|
|
tishi3(data.msg);
|
|
$(".ajaxLoader").addClass("uhide");
|
|
if (data.msg == "您未登录") {
|
|
onlink("/");
|
|
}
|
|
}
|
|
} else {
|
|
tishi3("网络错误！");
|
|
$(".ajaxLoader").addClass("uhide");
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function stopPropagation(e) {
|
|
if (e.stopPropagation)
|
|
e.stopPropagation();
|
|
else
|
|
e.cancelBubble = true;
|
|
}
|
|
|
|
function onselectout(event) {
|
|
|
|
if ($(".select_box_bg").css("display") != "none") {
|
|
$(".select_box_bg").css("display", "none");
|
|
}
|
|
}
|
|
function closeselect() {
|
|
$(".select_box_bg").css("display", "none");
|
|
$("#savebtn").val("提交");
|
|
}
|
|
function onzftype(t) {
|
|
zftype = t;
|
|
if (t == 0) {
|
|
$("#zftype0 .current").addClass("on");
|
|
$("#zftype6 .current").removeClass("on");
|
|
$("#zftype7 .current").removeClass("on");
|
|
$("#zftype2 .current").removeClass("on");
|
|
$("#zftype3 .current").removeClass("on");
|
|
} else if (t == 6) {
|
|
$("#zftype0 .current").removeClass("on");
|
|
$("#zftype6 .current").addClass("on");
|
|
$("#zftype7 .current").removeClass("on");
|
|
$("#zftype2 .current").removeClass("on");
|
|
$("#zftype3 .current").removeClass("on");
|
|
} else if (t == 7) {
|
|
$("#zftype0 .current").removeClass("on");
|
|
$("#zftype6 .current").removeClass("on");
|
|
$("#zftype7 .current").addClass("on");
|
|
$("#zftype2 .current").removeClass("on");
|
|
$("#zftype3 .current").removeClass("on");
|
|
} else if (t == 2) {
|
|
$("#zftype0 .current").removeClass("on");
|
|
$("#zftype6 .current").removeClass("on");
|
|
$("#zftype7 .current").removeClass("on");
|
|
$("#zftype2 .current").addClass("on");
|
|
$("#zftype3 .current").removeClass("on");
|
|
} else if (t == 3) {
|
|
$("#zftype0 .current").removeClass("on");
|
|
$("#zftype6 .current").removeClass("on");
|
|
$("#zftype7 .current").removeClass("on");
|
|
$("#zftype2 .current").removeClass("on");
|
|
$("#zftype3 .current").addClass("on");
|
|
}
|
|
}
|
|
function onsave() {
|
|
var ifb = true;
|
|
|
|
if (ifb) {
|
|
if ($("#savebtn").val() == "提交") {
|
|
$("#savebtn").val("确认");
|
|
$(".select_box_bg").css("display", "block");
|
|
} else {
|
|
if (ifb) {
|
|
if (zftype == 0) {
|
|
var _index = layer.prompt({ title: '请输入安全密码，并确定下单', formType: 1 }, function (pass) {
|
|
if (pass == "") {
|
|
tishi3("请输入您的安全密码");
|
|
return false;
|
|
}
|
|
layer.close(_index);
|
|
qysave(pass);
|
|
|
|
})
|
|
} else {
|
|
qysave("");
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
var ResultId = 0;
|
|
function qysave(pwd) {
|
|
|
|
var ifb = true;
|
|
|
|
if (ifb) {
|
|
if ($("#savebtn").val() != "确认") {
|
|
ifb = false;
|
|
}
|
|
}
|
|
if (ifb) {
|
|
$("#savebtn").attr("disabled");
|
|
$("#savebtn").val("请稍候...");
|
|
|
|
try {
|
|
var datas = {
|
|
action: "qytfll",
|
|
userId: userId,
|
|
LoginId: LoginId,
|
|
id: videoid,
|
|
zftype: zftype,
|
|
pwd: pwd
|
|
};
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: "/apiajax.ashx?ifweb=1",
|
|
data: datas,
|
|
dataType: "json",
|
|
error: function (xhr) {
|
|
tishi3("发生错误：" + JSON.stringify(xhr));
|
|
},
|
|
success: function (data) {
|
|
|
|
|
|
if (data) {
|
|
if (data.status == 1) {
|
|
tishi3(data.msg);
|
|
layer.closeAll();
|
|
setlocalStorage("fnstrefresh", 1);
|
|
var closeInterval = setInterval(function () {
|
|
$("#savebtn").removeAttr("disabled");
|
|
$("#savebtn").val("提交");
|
|
$(".ajaxLoader").addClass("uhide");
|
|
clearInterval(closeInterval);
|
|
closeWin();
|
|
}, 1000);
|
|
|
|
}
|
|
if (data.status == 0) {
|
|
tishi3(data.msg);
|
|
$("#savebtn").val("确认");
|
|
}
|
|
} else {
|
|
tishi3('网络异常，请稍后重试');
|
|
$("#savebtn").val("确认");
|
|
}
|
|
}
|
|
});
|
|
} catch (err) {
|
|
tishi3(err);
|
|
}
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
|
|
<body class="wrap">
|
|
<header>
|
|
<div class="ub">
|
|
<div class="nav-btn" id="nav-left" style=" margin:0; padding:0; padding-top:0.2em; min-width:3em" onclick="closeWin()">
|
|
|
|
<img src="../image/faifei.png" style="margin-left:0; margin-top:0em; height:1.2em;width:1.2em;" />
|
|
|
|
|
|
</div>
|
|
<h1 class="ub-f1">
|
|
投放流量
|
|
</h1>
|
|
<div class="nav-btn blue" id="nav-right" style="color:#fff; margin:0; padding:0; min-width:4em; padding-right:1em;">
|
|
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="ub-f1" id="wrapper" style="padding:0.8em; box-sizing:border-box;">
|
|
|
|
<div style="padding:0 0.8em;box-sizing:border-box;background-color:#fff;border-radius: 0.4em;">
|
|
<div class="ub ub-ver appadv_box" style="padding:0; box-sizing:border-box;">
|
|
<div class="ub appadv_title" id="video_title"></div>
|
|
<div class="ub appadv_title"><div class="ub">投放流量：</div><div class="ub-f1" id="tfje_num">0</div></div>
|
|
<div class="ub appadv_title"><div class="ub">展示次数：</div><div class="ub-f1" id="cszs_num">0</div></div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
<footer>
|
|
<div class="dbtnbox">
|
|
|
|
<input id="savebtn" type="button" class="mybtn" onclick="onsave()" value="提交">
|
|
|
|
</div>
|
|
|
|
</footer>
|
|
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
|
|
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
|
|
</div>
|
|
<div class="layer" onclick='$(".layer").fadeOut();'>
|
|
<img src="/images/jt.png" alt="">
|
|
</div>
|
|
<div class="select_box_bg" onclick="closeselect()" style="bottom:2.8em;">
|
|
<div class="select_box" onclick="stopPropagation(event)" style="background-color:#fff;">
|
|
<div class="select_box_to" style="background-color:#fff;border:0;">
|
|
<div class="title_pic">
|
|
<div class="title" style="padding:0.8em 0;">
|
|
确认支付
|
|
</div>
|
|
<div class="close" style="top:0.3em;right:0.8em;" onclick='closeselect()'><img src="../image/close.png" /></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="selguige_box_to">
|
|
|
|
<div class="clear"></div>
|
|
<div class="tixin-item" style="margin-bottom:0.8em;border: 0;padding:0;background:none;">
|
|
<ul class="account" style="border: 0;border-top: 1px solid #f1f1f1;">
|
|
<li class="flex-end" onclick="onzftype(0)" id="zftype0">
|
|
<p>
|
|
<i><img src="../image/jianjinpay.png" /></i>
|
|
<span>流量券支付</span>
|
|
|
|
</p>
|
|
<i class="current on"></i>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
<input id="addtype" type="hidden" value="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|