Files

527 lines
20 KiB
HTML
Raw Permalink Normal View History

<!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-2.0.2.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.cookie.min.js"></script>
<!--<script type="text/javascript" src="/scripts/iscroll.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/api.js"></script>
<style type="text/css">
html, body {
overflow: hidden;
background-color: #051E54;
}
#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;
}
.Orders_List ul.toptitle {
/*border-radius: 0.8em 0.8em 0 0;*/
}
.Orders_List ul.toptitle li {
float: left;
width: 50%;
text-align: left;
padding: .1em 1em;
line-height: 2em;
overflow: hidden;
box-sizing: border-box;
}
.Orders_List ul.toptitle li.ddh, .Orders_List ul.toptitle li.xdsj {
width: 100%;
}
.Orders_List ul.toptitle li.zt {
width: 100%;
}
.Orders_List ul.toptitle li.cz {
width: 100%;
}
.Orders_List ul.toptitle li.gmfx {
width: 100%;
}
.Orders_List ul.midtitle {
margin-bottom: 0.8em;
}
</style>
<script type="text/javascript">
var isLoading = false;
var isLoadRewardVideo = false;
var lyAd = null;
var userId = null;
var LoginId = null;
var opentimes = null;
var ifapp = 0;
var ifsmrz = 0, ifwcrw = 0, orderid = 0, mtcc=0;
var viewId = 0;
var products = null;
var guiges = null;
var myScroll = null;
var pullDown = 1; // 下拉刷新避免多次执行
var pullUp = 1; // 上拉加载避免多次执行
var downHeight = 0;
var upHeight = 0;
var isload = true;//设置是否终止滚动加载
var curScrollHeight = 0;//当前滚动位置
var curCount = 1;//计数器,防止滚动时重复执行加载下一页
$(document).ready(function () {
userId = getlocalStorage("userId");
LoginId = getlocalStorage("LoginId");
var aifapp = getlocalStorage("ifapp");
if (aifapp != null) {
ifapp = aifapp;
}
if (ifapp == 1) {
opentimes = setInterval(function () {
var myrefresh = $api.getStorage("taskrefresh");
if (myrefresh != null) {
rdata(1);
$api.rmStorage("taskrefresh");
}
}, 1000);
}
rdata(1);
});
//拉取激励视频流量
function loadRewardVideo() {
if (userId != null && LoginId != null) {
userId = getlocalStorage("userId");
LoginId = getlocalStorage("LoginId");
if (ifapp == 0) {
tishi3('网页版不能观看视频!');
} else {
if (ifsmrz > 0) {
tishi3('您未实名认证或认证未通过!');
var closeInterval = setInterval(function () {
layer.closeAll();
onloginlink('mydata.html');
clearInterval(closeInterval);
}, 600);
} else {
if (mtcc <= 0) {
tishi3('您还没有流量包!');
} else {
if (orderid > 0) {
//tishi3('请先激活任务包!');
$("#color_box1").css("display", "flex");
} else {
try {
var userinfo = getlocalStorage("userinfo");
var userdata = JSON.parse(userinfo);
if (userdata.GGEnable == "1") {
$api.setStorage("showggtype", 0);
onlink("task_video.html");
} else {
var ifinitgg = 0;
var ainitgg = $api.getStorage("initgg");
if (ainitgg != null) {
ifinitgg = ainitgg;
}
if (ifinitgg == 1) {
$api.setStorage("showggtype", 0);
showRewardVideo();
} else {
tishi3('视频未加载完成,请稍候!');
}
}
} catch (err) {
tishi3(err);
}
}
}
}
}
} else {
onlink("/");
}
}
//展示激励视频流量(需要再拉取成功后执行)
function showRewardVideo() {
lyAd = api.require('lyAd');
lyAd.showRewardVideo("", function (ret0, err0) {
});
}
function lingqujiangli() {
if ($("#btntj").val() == "确认领取") {
$("#btntj").attr("disabled");
$("#btntj").val("请稍候...");
var datas = {
action: "lingqujiangli",
userId: userId,
LoginId: LoginId
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
if (data) {
$("#btntj").removeAttr("disabled");
$("#btntj").val("确认领取");
if (data.status == 1) {
closecolor(0);
setlocalStorage("userinfo", JSON.stringify(data.userInfo));
setlocalStorage("dhggbrefresh",1);
tishi3("领取成功!");
} else {
tishi3(data.msg);
}
} else {
tishi3('网络异常,请稍后重试');
}
}
});
}
}
function collectorder() {
if ($("#btntj0").val() == "确认激活") {
$("#btntj0").attr("disabled");
$("#btntj0").val("请稍候...");
var orderid = $("#orderid").val();
var datas = {
action: "collectorder",
userId: userId,
LoginId: LoginId,
id: orderid
};
$.ajax({
type: 'POST',
url: "/apiajax.ashx?ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
if (data) {
$("#btntj0").removeAttr("disabled");
$("#btntj0").val("确认激活");
if (data.status == 1) {
tishi3(data.msg);
closecolor(1);
} else {
tishi3(data.msg);
}
} else {
tishi3('网络异常,请稍后重试');
}
}
});
}
}
function onScroll0() {
isload = true;//设置是否终止滚动加载
curScrollHeight = 0;//当前滚动位置
curCount = 1;//计数器,防止滚动时重复执行加载下一页
$("#wrapper").scroll(function () {
var pageHeight = $("#sysnew").height();
var showHeight = $("#wrapper").height();
var scrollHeight = $("#wrapper").scrollTop();
if (curScrollHeight - scrollHeight < 10 && curScrollHeight > 0) {
if (curCount == 1 && isload) {
rdata(0);
}
curCount++; //加载下一页后计数器+1
}
if (curScrollHeight < scrollHeight) {
curScrollHeight = pageHeight - showHeight;//滚动到页面底部时,重设当前滚动位置
curCount = 1;
}
});
}
function rdata(ag) {
$(".more_box").html("");
$(".ajaxLoader").removeClass("uhide");
$.ajax({
type: 'GET',
url: "/apiajax.ashx?action=gettaskdata&ifweb=1&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
dataType: "json",
success: function (data) {
$(".ajaxLoader").addClass("uhide");
if (data) {
if (data.status == '1') {
ifsmrz = data.ifsmrz;
ifwcrw = data.ifwcrw;
mtcc = data.mtcc;
$("#wgknum").html(data.wgkcount);
$("#ygknum").html(data.ygkcount);
var bfb = ((data.ygkcount / (data.ygkcount + data.wgkcount)) * 100).toFixed(2);
$("#task_process_per").css("width", bfb + "%");
if (data.ifwcrw > 0) {
$("#kvideobtn").html("已完成");
$("#kvideobtn").addClass("hovered");
}
if (data.ifwcrw == 1) {
$("#color_box0").css("display", "flex");
}
orderid = data.orderid;
if (data.orderid > 0) {
$("#order_ks").html("1");
$("#orderid").val(data.orderid);
$("#color_box1").css("display", "flex");
}
} else {
tishi3(data.msg);
if (data.msg == "您未登录") {
clearlocalStorage("userId");
clearlocalStorage("LoginId");
}
}
} else {
tishi3("读取数据错误0");
}
},
error: function (xhr, type) {
tishi3("读取数据错误");
}
});
}
function ondetail(id) {
onlink("shop_view.html?id=" + id);
}
function stopPropagation(e) {
if (e.stopPropagation)
e.stopPropagation();
else
e.cancelBubble = true;
}
function closecolor(t) {
$("#color_box" + t).css("display", "none");
}
</script>
</head>
<body class="wrap">
<header class="renwuheader">
<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">
<div id="wrapper_content">
<p class="pullDown">下拉刷新...</p>
<div class="clear"></div>
<div class="kvideo_box">
<div class="kvideo_box_to">
<div class="kvideo_title"><span class="kvideotitle" id="vip_box">看流量释放任务包</span><span class="kvideobtn mybtn" id="kvideobtn" onclick="loadRewardVideo()">观看视频</span></div>
<div class="kvideo_title0"><span class="kvideotitle">再看 <span id="wgknum">0</span> 次视频即可完成今日任务</span><!--<span class="kvideobtn" onclick="onloginlink('task_qiandao.html')">签到日历</span>--></div>
<div class="kvideo_task">
<div class="task_process"><div class="task_process_per" id="task_process_per" style="width:0%;"></div></div>
<div class="task_title">已观看 <span id="ygknum">0</span></div>
</div>
</div>
</div>
<!--<div class="kvideo_box">
<div class="kvideo_box_to">
<div class="kvideo_title"><span class="kvideotitle" id="vip_box">看流量赚贡献值</span><span class="kvideobtn" id="kvideobtn" onclick="loadRewardVideo(1)">观看视频</span></div>
<div class="kvideo_title0"><span class="kvideotitle">再看 <span id="wgknum0">0</span> 次视频即可完成今日任务</span></div>
<div class="kvideo_task">
<div class="task_process"><div class="task_process_per" id="task_process_per0" style="width:0%;"></div></div>
<div class="task_title">已观看 <span id="ygknum0">0</span></div>
</div>
</div>
</div>-->
<!-- <div class="clear"></div>
<div class="products_box">
<div class="products_box_to">
<div class="text">
<div class="tab flex-around">
<a class="on">兑换任务包</a>
<a>种植中</a>
<a>已过期</a>
</div>
</div>
<div class="choice_box">
<div class="choice_box_to">
<div class="choice_list" id="sysnew">
</div>
</div>
</div>
<div class="Orders_List" id="sysnew0" style="padding-top:0.8em;"> </div>
</div>
</div>-->
<div class="clear"></div>
<div class="more_box"></div>
<div class="clear"></div>
<p class="pullUp">上拉加载...</p>
</div>
</section>
<!-- <footer style="">
<div class="ub">
<div class="pos_re ub ub-f1 footer-box">
<div id="index_0" class="ub-f1 ub ub-ver" onclick='onloginlink("/mobile/")'>
<div class="ub-img5 icon"></div>
<div class="uinn-a13 tx-c">
首页
</div>
</div>
</div>
<div class="pos_re ub ub-f1 footer-box">
<div id="index_1" class="ub-f1 ub ub-ver" onclick='onloginlink("task.html")'>
<div class="ub-img5 icon icon_act"></div>
<div class="uinn-a13 uinn-a13-hover tx-c">
任务
</div>
</div>
</div>
<div class="pos_re ub ub-f1 footer-box" onclick='tishi3("正在建设中...")'>
<div class="footer-center-box">
<img src="/image/center.png?t=2">
</div>
</div>
<div class="pos_re ub ub-f1 footer-box">
<div id="index_2" class="ub-f1 ub ub-ver" onclick='onloginlink("shop.html")'>
<div class="ub-img5 icon"></div>
<div class="uinn-a13 tx-c">
商城
</div>
</div>
</div>
<div class="pos_re ub ub-f1 footer-box">
<div id="index_3" class="ub-f1 ub ub-ver " onclick='onloginlink("my.html")'>
<div class="ub-img5 icon"></div>
<div class="uinn-a13 tx-c">
我的
</div>
</div>
</div>
</div>
</footer>-->
<div class="Hidden_box" id="color_box0" onclick="closecolor(0)">
<div class="Hidden_box_to" onclick="stopPropagation(event)">
<div class="title">领取奖励</div>
<div class="close" onclick="closecolor(0)"><img src="../image/close.png" /></div>
<div class="body">
<div class="select_box_fertilizer">
<img src="/image/jb.png" alt="" style="width:4em;">
<div>恭喜您!完成今日任务,请领取今日奖励</div>
</div>
<div class="clear"></div>
<div class="select_box_btn" style="padding-bottom:0;">
<input id="btntj" type="button" onclick="lingqujiangli();" value="确认领取" class="qybtn" />
<input id="flid" type="hidden" value="" />
</div>
</div>
</div>
</div>
<div class="Hidden_box" id="color_box1" onclick="closecolor(1)">
<div class="Hidden_box_to" onclick="stopPropagation(event)">
<div class="title">激活任务包</div>
<div class="close" onclick="closecolor(1)"><img src="../image/close.png" /></div>
<div class="body">
<div class="select_box_fertilizer">
<img src="/image/jb.png" alt="" style="width:4em;">
<div>您好!您有<span id="order_ks">0</span>个任务包需要激活</div>
</div>
<div class="clear"></div>
<div class="select_box_btn" style="padding-bottom:0;">
<input id="btntj0" type="button" onclick="collectorder();" value="确认激活" class="qybtn" />
<input id="orderid" type="hidden" value="" />
</div>
</div>
</div>
</div>
<div class="ajaxLoader ub ub-ac uhide" onclick="reload()">
<div class="ub ub-ac ub-ver"><img src="image/load.gif" /><br>正在加载...</div>
</div>
</body>
</html>