863 lines
36 KiB
HTML
863 lines
36 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-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;
|
|||
|
|
}
|
|||
|
|
.myincome-box .myincome-box-to {
|
|||
|
|
background-color: #12338C;
|
|||
|
|
}
|
|||
|
|
.myincome-box .myincome-item-to .myincome-item div {
|
|||
|
|
font-size: 1.2em;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.myincome-box .myincome-item-to .myincome-item div.title {
|
|||
|
|
color: #E1FFFF;
|
|||
|
|
font-size: 1em;
|
|||
|
|
}
|
|||
|
|
.ggjf_box div {
|
|||
|
|
width: 46.5%;
|
|||
|
|
height: 3.6em;
|
|||
|
|
padding: 0.4em 0;
|
|||
|
|
padding-top: 0.5em;
|
|||
|
|
font-size:1em;
|
|||
|
|
}
|
|||
|
|
.tab a.on {
|
|||
|
|
color: #23B6B2;
|
|||
|
|
}
|
|||
|
|
.Orders_List ul.toptitle {
|
|||
|
|
background-color: #12338C;
|
|||
|
|
border-bottom: 1px solid #034859;
|
|||
|
|
/*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;
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
.Orders_List ul.toptitle li span {
|
|||
|
|
color: #E1FFFF;
|
|||
|
|
}
|
|||
|
|
.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;
|
|||
|
|
background-color: #12338C;
|
|||
|
|
border-bottom: 1px solid #20A7A3;
|
|||
|
|
}
|
|||
|
|
.tab a.on {
|
|||
|
|
border-bottom: 0;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var lyAd = null;
|
|||
|
|
var isLoading = false;
|
|||
|
|
var isLoadRewardVideo = false;
|
|||
|
|
|
|||
|
|
|
|||
|
|
var userId = null;
|
|||
|
|
var LoginId = null;
|
|||
|
|
var opentimes = null;
|
|||
|
|
var ifapp = 0;
|
|||
|
|
var t = 0, ifsmrz = 0, orderid=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;
|
|||
|
|
}
|
|||
|
|
var tt = $.getUrlParam("t");
|
|||
|
|
if (tt != null) {
|
|||
|
|
t = tt;
|
|||
|
|
$($(".tab a")[t]).addClass("on").siblings().removeClass("on");
|
|||
|
|
}
|
|||
|
|
$(".tab a").on("click", function () {
|
|||
|
|
var num = $(this).index();
|
|||
|
|
$(this).addClass("on").siblings().removeClass("on");
|
|||
|
|
t = num;
|
|||
|
|
rdata(1);
|
|||
|
|
$("#wrapper").animate({ scrollTop: 0 }, 500);
|
|||
|
|
});
|
|||
|
|
opentimes = setInterval(function () {
|
|||
|
|
var myrefresh = getlocalStorage("dhggbrefresh");
|
|||
|
|
if (myrefresh != null) {
|
|||
|
|
rdata(1);
|
|||
|
|
clearlocalStorage("dhggbrefresh");
|
|||
|
|
}
|
|||
|
|
}, 1000);
|
|||
|
|
rdata(1);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
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) {
|
|||
|
|
userId = getlocalStorage("userId");
|
|||
|
|
LoginId = getlocalStorage("LoginId");
|
|||
|
|
if (userId != null && LoginId != null) {
|
|||
|
|
|
|||
|
|
|
|||
|
|
$(".more_box").html("");
|
|||
|
|
$(".ajaxLoader").removeClass("uhide");
|
|||
|
|
|
|||
|
|
var Start = 0;
|
|||
|
|
if (t == 1 || t == 2 || t == 3) {
|
|||
|
|
Start = $("#sysnew0 .databox").length;
|
|||
|
|
if (ag == 1) {
|
|||
|
|
Start = 0;
|
|||
|
|
}
|
|||
|
|
$("#my-header").addClass("uhide");
|
|||
|
|
$("#topmina").css("top","0.8em");
|
|||
|
|
$("#sysnew").html("");
|
|||
|
|
$("#sysnew0").html("");
|
|||
|
|
} else {
|
|||
|
|
$("#my-header").removeClass("uhide");
|
|||
|
|
$("#topmina").css("top", "9em");
|
|||
|
|
$("#sysnew0").html("");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'GET',
|
|||
|
|
url: "/apiajax.ashx?action=" + (t == 3 ? "gettaskorderdata&t=2" : (t == 2 ? "gettaskorderdata&t=1" : (t == 1 ? "gettaskorderdata&t=0" : "getggbdata"))) + "&ifweb=1&Start=" + Start + "&userId=" + (userId != null ? userId : "") + "&LoginId=" + (LoginId != null ? LoginId : ""),
|
|||
|
|
dataType: "json",
|
|||
|
|
success: function (data) {
|
|||
|
|
|
|||
|
|
$(".ajaxLoader").addClass("uhide");
|
|||
|
|
|
|||
|
|
if (data) {
|
|||
|
|
|
|||
|
|
if (data.status == '1') {
|
|||
|
|
|
|||
|
|
if (t == 0) {
|
|||
|
|
$("#loginafter").addClass("uhide");
|
|||
|
|
$("#loginbefore").removeClass("uhide");
|
|||
|
|
}
|
|||
|
|
if (ag == 1) {
|
|||
|
|
$("#fxrs_box").html("0");
|
|||
|
|
$("#tjhyz_box").html("0");
|
|||
|
|
$("#sqrs_box").html("0");
|
|||
|
|
$("#qwydzl_box").html("0");
|
|||
|
|
$("#jrxz_box").html("0");
|
|||
|
|
$("#grhyz_box").html("0");
|
|||
|
|
$("#temhyz_box").html("0");
|
|||
|
|
$("#xqhyz_box").html("0");
|
|||
|
|
if (t == 0) {
|
|||
|
|
if (data.iflogin == 1) {
|
|||
|
|
if (t == 0) {
|
|||
|
|
$("#myName").html(data.userInfo.RealName);
|
|||
|
|
$("#myID").html(data.userInfo.UserName);
|
|||
|
|
$("#myJB").html(data.userInfo.uLevel + (data.jsuLevel == 2 ? "(B)" : (data.jsuLevel == 1 ? "(A)" : "")));
|
|||
|
|
}
|
|||
|
|
$("#fxrs_box").html(data.tjcount);
|
|||
|
|
$("#tjhyz_box").html(data.yxcount);
|
|||
|
|
$("#sqrs_box").html(data.temcount);
|
|||
|
|
$("#qwydzl_box").html(data.qwcount);
|
|||
|
|
$("#jrxz_box").html(data.jrcount);
|
|||
|
|
$("#grhyz_box").html(data.grhyz);
|
|||
|
|
$("#temhyz_box").html(data.temhyz);
|
|||
|
|
$("#xqhyz_box").html(data.minhyz);
|
|||
|
|
if (t == 0) {
|
|||
|
|
$("#loginafter").removeClass("uhide");
|
|||
|
|
$("#loginbefore").addClass("uhide");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
$("#fxrs_box").html(data.tjcount);
|
|||
|
|
$("#tjhyz_box").html(data.yxcount);
|
|||
|
|
$("#sqrs_box").html(data.temcount);
|
|||
|
|
$("#qwydzl_box").html(data.qwcount);
|
|||
|
|
$("#jrxz_box").html(data.jrcount);
|
|||
|
|
$("#grhyz_box").html(data.grhyz);
|
|||
|
|
$("#temhyz_box").html(data.temhyz);
|
|||
|
|
$("#xqhyz_box").html(data.minhyz);
|
|||
|
|
|
|||
|
|
if (t == 0) {
|
|||
|
|
$("#loginafter").removeClass("uhide");
|
|||
|
|
$("#loginbefore").addClass("uhide");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var html = "";
|
|||
|
|
if (t == 0) {
|
|||
|
|
products = data.products;
|
|||
|
|
var list = products;
|
|||
|
|
for (j = 0; j < list.length; j++) {
|
|||
|
|
|
|||
|
|
html += '<div class="choice_item" onclick="addcart(' + j + ')" id="databox_' + list[j]._id + '">';
|
|||
|
|
html += '<div class="choice_item_box">';
|
|||
|
|
html += '<div class="name_box"><img src="' + list[j].image + '"/><span class="name">' + list[j].name + '(' + list[j].ygmnum + '/' + list[j].hyje4 + ')</span><span class="mybtn">立即兑换</span></div>';
|
|||
|
|
|
|||
|
|
html += '<div class="je_box">';
|
|||
|
|
html += '<div class="hyje">需要积分:<span>' + list[j].hyje + '个</span></div>';
|
|||
|
|
html += '<div class="hyje">奖励积分:<span>' + list[j].hyje0 + '个</span></div>';
|
|||
|
|
html += '<div class="hyje">奖励周期:<span>' + list[j].hyje1 + '天</span></div>';
|
|||
|
|
html += '<div class="hyje">持有上限:<span>' + list[j].hyje4 + '个</span></div>';
|
|||
|
|
html += '<div class="hyje">有效期:<span>' + list[j].hyje3 + '天</span></div>';
|
|||
|
|
html += '<div class="hyje">活力值:<span>' + list[j].hyje2 + '个</span></div>';
|
|||
|
|
html += '</div>';
|
|||
|
|
html += '</div>';
|
|||
|
|
html += '</div>';
|
|||
|
|
}
|
|||
|
|
$("#sysnew").html(html);
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
if (data.data.length > 0) {
|
|||
|
|
var html = "";
|
|||
|
|
for (i = 0; i < data.data.length; i++) {
|
|||
|
|
var bifshow = 0;
|
|||
|
|
if (ag == 0) {
|
|||
|
|
if ($("#databox_" + data.data[i].id).length == 0) {
|
|||
|
|
bifshow = 1;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
bifshow = 1;
|
|||
|
|
}
|
|||
|
|
if (bifshow == 1) {
|
|||
|
|
html += addMsg(data.data[i]);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (ag == 1 || ag == 2) {
|
|||
|
|
$("#sysnew0").html(html);
|
|||
|
|
if (ag == 1) {
|
|||
|
|
onScroll0();
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
$("#sysnew0").append(html);
|
|||
|
|
}
|
|||
|
|
$(".more_box").html("");
|
|||
|
|
} else {
|
|||
|
|
if (Start > 0) {
|
|||
|
|
if (Start > 10) {
|
|||
|
|
$(".more_box").html("亲！找不到更多了");
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
$('#sysnew').html("");
|
|||
|
|
$(".more_box").html("亲，暂无信息！");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
tishi3(data.msg);
|
|||
|
|
if (data.msg == "您未登录") {
|
|||
|
|
clearlocalStorage("userId");
|
|||
|
|
clearlocalStorage("LoginId");
|
|||
|
|
if (t == 0) {
|
|||
|
|
$("#loginafter").addClass("uhide");
|
|||
|
|
$("#loginbefore").removeClass("uhide");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
tishi3("读取数据错误0");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (xhr, type) {
|
|||
|
|
tishi3("读取数据错误");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
$("#loginafter").addClass("uhide");
|
|||
|
|
$("#loginbefore").removeClass("uhide");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function addMsg(param) {
|
|||
|
|
var html = "<ul class=\"toptitle databox\"><li class=\"ddh\"><label>" + (param.utype == 4 ? "[赠送]" : "") + "订单号：</label><span>" + param.orderid + "</span></li>";
|
|||
|
|
html += "<li class=\"xdsj\"><label>时间：</label><span>" + param.SubmitDate + "</span></li>";
|
|||
|
|
html += "<li class=\"zt\"><label>状态：</label><span id='status_" + param.O_Id + "'>" + param.status0 + "</span></li>";
|
|||
|
|
html += "<li><label>数量：</label><span class=\"je\">" + param.Totalnum + "个</span></li>";
|
|||
|
|
html += "<li><label>价值：</label><span class=\"je\">" + param.Totalprice + "积分</span></li>";
|
|||
|
|
html += "<li><label>产出：</label><span class=\"je\">" + param.Totalprice0 + "积分</span></li>";
|
|||
|
|
html += "<li><label>剩余：</label><span class=\"je\">" + param.Totalprice10 + "积分</span></li>";
|
|||
|
|
|
|||
|
|
html += "</ul>";
|
|||
|
|
html += "<ul class=\"midtitle\">";
|
|||
|
|
var pics = param.pics;
|
|||
|
|
for (j = 0; j < pics.length; j++) {
|
|||
|
|
html += "<li onclick=\"ondetail(" + pics[j].prodid + ")\"><span class='black' title=\"" + pics[j].prodName + pics[j].selcolor + "\"><img src='" + pics[j].prodimg + "'/></span></li>";
|
|||
|
|
}
|
|||
|
|
html += "</ul>";
|
|||
|
|
return html;
|
|||
|
|
}
|
|||
|
|
function ondetail(id) {
|
|||
|
|
onlink("shop_view.html?id=" + id);
|
|||
|
|
}
|
|||
|
|
function stopPropagation(e) {
|
|||
|
|
if (e.stopPropagation)
|
|||
|
|
e.stopPropagation();
|
|||
|
|
else
|
|||
|
|
e.cancelBubble = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function bodyScroll(event) {
|
|||
|
|
event.preventDefault();
|
|||
|
|
}
|
|||
|
|
function onselectout(t) {
|
|||
|
|
|
|||
|
|
if ($("#select_box_bg" + t).css("display") != "none") {
|
|||
|
|
$("#select_box_bg" + t).css("display", "none");
|
|||
|
|
$("body").css("overflow-y", "auto");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function closeselect(t) {
|
|||
|
|
$("#select_box_bg" + t).css("display", "none");
|
|||
|
|
$("body").css("overflow-y", "auto");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function closecolor(t) {
|
|||
|
|
$("#color_box" + t).css("display", "none");
|
|||
|
|
}
|
|||
|
|
function topics() {
|
|||
|
|
|
|||
|
|
|
|||
|
|
var strguiges = "";
|
|||
|
|
for (var i = 0; i < guiges.length; i++) {
|
|||
|
|
var color = guiges[i].selectedcolor;
|
|||
|
|
var num = parseInt(guiges[i].selectednum);
|
|||
|
|
if (num > 0) {
|
|||
|
|
if (strguiges == "") {
|
|||
|
|
strguiges = (guiges[i].gg + color + ":" + num);
|
|||
|
|
} else {
|
|||
|
|
strguiges += ("\n" + guiges[i].gg + color + ":" + num);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (strguiges != "") {
|
|||
|
|
$(".select_box_title .selguige_font").html("已选择：");
|
|||
|
|
$(".select_box_title .selguige_title").html(strguiges);
|
|||
|
|
} else {
|
|||
|
|
$(".select_box_title .selguige_font").html("请选择：");
|
|||
|
|
$(".select_box_title .selguige_title").html("规格或颜色");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function increment(index) {
|
|||
|
|
var kc = $("#selguige_item_" + index + " .productkc span").html();
|
|||
|
|
var num = $("#selguige_item_" + index + " #product_amount").val();
|
|||
|
|
var c = /^[0-9]*$/;
|
|||
|
|
if (!c.test(num)) {
|
|||
|
|
tishi3("输入的数量有误", 3000);
|
|||
|
|
} else {
|
|||
|
|
kc = parseInt(kc);
|
|||
|
|
num = parseInt(num);
|
|||
|
|
var b = num + 1;
|
|||
|
|
|
|||
|
|
if (b > kc) {
|
|||
|
|
tishi3("库存不足", 3000);
|
|||
|
|
b = num
|
|||
|
|
}
|
|||
|
|
guiges[index].selectednum = b;
|
|||
|
|
$("#selguige_item_" + index + " #product_amount").val(b);
|
|||
|
|
if (b > 0) {
|
|||
|
|
$("#selguige_item_" + index + "").addClass("hover");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
topics();
|
|||
|
|
}
|
|||
|
|
function decrement(index) {
|
|||
|
|
var kc = $("#selguige_item_" + index + " .productkc span").html();
|
|||
|
|
var num = $("#selguige_item_" + index + " #product_amount").val();
|
|||
|
|
var c = /^[0-9]*$/;
|
|||
|
|
if (!c.test(num)) {
|
|||
|
|
tishi3("输入的数量有误", 3000);
|
|||
|
|
} else {
|
|||
|
|
kc = parseInt(kc);
|
|||
|
|
num = parseInt(num);
|
|||
|
|
var b = num - 1;
|
|||
|
|
|
|||
|
|
if (b < 0) {
|
|||
|
|
tishi3("不能小于0", 3000);
|
|||
|
|
b = num
|
|||
|
|
}
|
|||
|
|
guiges[index].selectednum = b;
|
|||
|
|
$("#selguige_item_" + index + " #product_amount").val(b);
|
|||
|
|
if (b <= 0) {
|
|||
|
|
$("#selguige_item_" + index + "").removeClass("hover");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
topics();
|
|||
|
|
}
|
|||
|
|
function inputOnlyNum(index) {
|
|||
|
|
var kc = $("#selguige_item_" + index + " .productkc span").html();
|
|||
|
|
var num = $("#selguige_item_" + index + " #product_amount").val();
|
|||
|
|
|
|||
|
|
var c = /^[0-9]*$/;
|
|||
|
|
if (!c.test(num)) {
|
|||
|
|
tishi3("输入的数量有误", 3000);
|
|||
|
|
} else {
|
|||
|
|
kc = parseInt(kc);
|
|||
|
|
num = parseInt(num);
|
|||
|
|
var b = num;
|
|||
|
|
|
|||
|
|
if (b > kc) {
|
|||
|
|
ifb = false;
|
|||
|
|
b = kc;
|
|||
|
|
tishi3("库存不足", 3000);
|
|||
|
|
}
|
|||
|
|
if (b < 0) {
|
|||
|
|
ifb = false;
|
|||
|
|
b = 1;
|
|||
|
|
tishi3("不能小于0", 3000);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
guiges[index].selectednum = b;
|
|||
|
|
$("#selguige_item_" + index + " #product_amount").val(b);
|
|||
|
|
if (b > 0) {
|
|||
|
|
$("#selguige_item_" + index + "").addClass("hover");
|
|||
|
|
} else {
|
|||
|
|
$("#selguige_item_" + index + "").removeClass("hover");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
topics();
|
|||
|
|
}
|
|||
|
|
var settimeout = null;
|
|||
|
|
var zkc = 0;
|
|||
|
|
function addcart(di) {
|
|||
|
|
var userId = getlocalStorage("userId");
|
|||
|
|
if (userId != null) {
|
|||
|
|
if (document.documentElement.scrollTop == 0) {
|
|||
|
|
document.documentElement.scrollTop = 10;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("body").css("overflow", "hidden");
|
|||
|
|
document.body.removeEventListener('touchmove', bodyScroll, { passive: false });
|
|||
|
|
var html = '';
|
|||
|
|
var data = products[di];
|
|||
|
|
viewId = data._id;
|
|||
|
|
guiges = data.guige;
|
|||
|
|
$(".select_box_pic").html("<img src=\"" + data.image + "\" />");
|
|||
|
|
for (var i = 0; i < data.guige.length; i++) {
|
|||
|
|
if (data.guige[i].kc > 0) {
|
|||
|
|
zkc += parseInt(data.guige[i].kc);
|
|||
|
|
}
|
|||
|
|
html += '<div class="selguige_item ' + (data.guige[i].selectednum > 0 ? 'hover' : '') + '" id="selguige_item_' + i + '">';
|
|||
|
|
html += '<div class="select_name">' + data.guige[i].gg + '<div>积分:' + data.guige[i].jg + '';
|
|||
|
|
|
|||
|
|
html += '</div></div>';
|
|||
|
|
|
|||
|
|
|
|||
|
|
html += '<div class="select_box_selnum">';
|
|||
|
|
html += '<div class="select_box_selnum_box">';
|
|||
|
|
html += '<div class="num">数量</div>';
|
|||
|
|
html += '<div class="addcart_input">';
|
|||
|
|
|
|||
|
|
|
|||
|
|
html += '<span class="num_del" onclick="decrement(' + i + ')" ></span>';
|
|||
|
|
html += '<input name="product_amount" id="product_amount" type="text" class="input_text" onblur="inputOnlyNum(' + i + ')" value="' + data.guige[i].selectednum + '"/>';
|
|||
|
|
html += '<span class="num_add" onclick="increment(' + i + ')"></span>';
|
|||
|
|
|
|||
|
|
|
|||
|
|
html += '</div>';
|
|||
|
|
html += '</div>';
|
|||
|
|
html += '<div class="productkc">库存：<span>' + data.guige[i].kc + '</span></div>';
|
|||
|
|
html += '</div>';
|
|||
|
|
|
|||
|
|
html += '</div>';
|
|||
|
|
//html+="<li id=\"guigebox" + data.guige[i].id + "\" onclick=\"selguige(" + data.guige[i].id + ",'" + data.guige[i].jg + "','" + data.guige[i].jg2 + "','" + data.guige[i].jf + "','" + data.guige[i].kc + "','" + data.guige[i].gg + "','" + data.guige[i].colors + "','" + data.guige[i].images + "')\"><span class=\"guigetit\">" + data.guige[i].gg + "</span></li>";
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("#guiges").html(html);
|
|||
|
|
$("#select_box_bg0").css("display", "block");
|
|||
|
|
} else {
|
|||
|
|
onlink("/");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function qyaddcart() {
|
|||
|
|
var userId = getlocalStorage("userId");
|
|||
|
|
var LoginId = getlocalStorage("LoginId");
|
|||
|
|
|
|||
|
|
if (userId != null && LoginId != null) {
|
|||
|
|
var bb = true;
|
|||
|
|
var at = 1;
|
|||
|
|
|
|||
|
|
var strguiges = "";
|
|||
|
|
if (bb) {
|
|||
|
|
var aguige = guiges;
|
|||
|
|
for (var i = 0; i < aguige.length; i++) {
|
|||
|
|
var color = aguige[i].selectedcolor;
|
|||
|
|
var num = parseInt(aguige[i].selectednum);
|
|||
|
|
if (num > 0) {
|
|||
|
|
if (aguige[i].colors.length > 0) {
|
|||
|
|
if (color == "") {
|
|||
|
|
tishi3(aguige[i].gg + "的颜色必须选择")
|
|||
|
|
bb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (bb) {
|
|||
|
|
if (strguiges == "") {
|
|||
|
|
strguiges = (aguige[i].id + "|" + color + "|" + num);
|
|||
|
|
} else {
|
|||
|
|
strguiges += ("," + aguige[i].id + "|" + color + "|" + num);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
if (bb) {
|
|||
|
|
if ($("#btntj1").val() != "确认") {
|
|||
|
|
bb = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (bb) {
|
|||
|
|
$("#btntj1").attr("disabled", true);
|
|||
|
|
$("#btntj1").val("请稍候...");
|
|||
|
|
var datas = {
|
|||
|
|
at: at,
|
|||
|
|
viewId: viewId,
|
|||
|
|
guiges: strguiges,
|
|||
|
|
userId: userId,
|
|||
|
|
LoginId: LoginId
|
|||
|
|
}
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'GET',
|
|||
|
|
url: "/apiajax.ashx?action=addcart&ifweb=1",
|
|||
|
|
data: datas,
|
|||
|
|
dataType: "JSON",
|
|||
|
|
error: function (xhr, type) {
|
|||
|
|
tishi3("发生错误：" + JSON.stringify(xhr));
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
|
|||
|
|
if (data.status == '1') {
|
|||
|
|
|
|||
|
|
CartId = data.CartId;
|
|||
|
|
setlocalStorage("CartId", data.CartId);
|
|||
|
|
|
|||
|
|
$("#cartcount").html(data.cartcount);
|
|||
|
|
$(".select_box_bg").css("display", "none");
|
|||
|
|
|
|||
|
|
if (at == 0) {
|
|||
|
|
hideselectbg();
|
|||
|
|
} else {
|
|||
|
|
userId = getlocalStorage("userId");
|
|||
|
|
if (userId != null) {
|
|||
|
|
onlink("shop_qygm0.html");
|
|||
|
|
} else {
|
|||
|
|
onlink("/");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
tishi3(data.msg, 3000);
|
|||
|
|
}
|
|||
|
|
$("#btntj1").removeAttr("disabled");
|
|||
|
|
$("#btntj1").val("确认");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
|
|||
|
|
onlink("/");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function hideselectbg() {
|
|||
|
|
$(".cartmsg").css("display", "block");
|
|||
|
|
clearInterval(settimeout);
|
|||
|
|
settimeout = setInterval(function () {
|
|||
|
|
$(".cartmsg").css("display", "none");
|
|||
|
|
clearInterval(settimeout);
|
|||
|
|
}, 5000);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</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 class="ub uhide" id="my-header" style="width:100%;height:11em;background: url(../image/dhggbheadbg.png) no-repeat 0 0; background-size:100% 100%;">
|
|||
|
|
<div onclick="onloginlink('set.html');" style="width:100%;height:9em;background: url('../image/faifei2.png') no-repeat 94% 4em;background-size: 1em 1em;">
|
|||
|
|
<div style="width:4em;height:4em;border-radius: 2.5em;background-color: #FFFFFF;margin:0em 1.5em; margin-top:2.5em; float: left;">
|
|||
|
|
<img src="../image/profile.png" id="myavatar" style="width:4em;height: 4em;border-radius: 2.5em;border: 1px solid #727272;">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="ub ub-ver uhide" id="loginafter" style="color: #FFFFFF;float: left;font-size: 1em;margin-top: 2.3em;margin-left:-1em ">
|
|||
|
|
<div class="myname_box">
|
|||
|
|
姓名：<span id="myName"></span><br>ID号：<span id="myID"></span><br>等级：<span id="myJB"></span>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="ub" id="loginbefore" style="color: #FFFFFF;float: left;font-size: 1em;margin-top: 4em;margin-left:-1em ">您还没有登录，请先登录！</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div id="topmina" style="position:absolute; top:0.8em;margin:0 auto;width:100%;padding:0 0.8em; box-sizing:border-box;">
|
|||
|
|
<div class="dhggb_btn_box">
|
|||
|
|
<div><label>全网已赠总量</label><span id="qwydzl_box">0</span></div>
|
|||
|
|
<div><label>今日新增赠送</label><span id="jrxz_box">0</span></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="myincome-box" style=" margin-top:0.8em; padding:0; ">
|
|||
|
|
<div class="myincome-box-to myincome-box-to0">
|
|||
|
|
|
|||
|
|
<div class="myincome-item-to" id="myincome-item-to">
|
|||
|
|
<div class="myincome-item" onclick="onlog(1)">
|
|||
|
|
<div id="fxrs_box">0</div>
|
|||
|
|
<div class="title">分享人数</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="myincome-item" onclick="onlog(4)">
|
|||
|
|
<div id="tjhyz_box">0</div>
|
|||
|
|
<div class="title">有效人数</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="myincome-item" onclick="onlog(2)">
|
|||
|
|
<div id="sqrs_box">0</div>
|
|||
|
|
<div class="title">社区人数</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="myincome-item-to" id="myincome-item-to">
|
|||
|
|
<div class="myincome-item" onclick="onlog(1)">
|
|||
|
|
<div id="grhyz_box">0</div>
|
|||
|
|
<div class="title">个人活力值</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="myincome-item" onclick="onlog(4)">
|
|||
|
|
<div id="xqhyz_box">0</div>
|
|||
|
|
<div class="title">小区活力值</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<div class="myincome-item" onclick="onlog(2)">
|
|||
|
|
<div id="temhyz_box">0</div>
|
|||
|
|
<div class="title">团队活力值</div>
|
|||
|
|
|
|||
|
|
</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>
|
|||
|
|
<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>
|
|||
|
|
</div> </div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- 选择规格框 -->
|
|||
|
|
<div class="select_box_bg" id="select_box_bg0" onclick="onselectout()">
|
|||
|
|
<div class="select_box" onclick="stopPropagation(event)">
|
|||
|
|
<div class="select_box_to">
|
|||
|
|
|
|||
|
|
<div class="select_box_title" style="margin:0; margin-top:0.4em; height:2.5em;line-height:2.5em;width:100%;color:#23B6B2; text-align:left;">
|
|||
|
|
确认兑换
|
|||
|
|
</div>
|
|||
|
|
<div class="close" style="margin-top:-0.4em" onclick='closeselect(t)'><img src="../image/close.png" /></div>
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
<div class="select_box_selguige" onmousewheel="return scroll(event,this)">
|
|||
|
|
|
|||
|
|
<div class="selguige_box" id="guiges">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
<div class="select_box_btn">
|
|||
|
|
<input id="btntj1" type="button" onclick="qyaddcart();" value="确认" class="qybtn" />
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<input id="addtype" type="hidden" value="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<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/fertilizerico.png" alt="">
|
|||
|
|
<div>恭喜您！获得肥料<span id="fertilizer_ks">0</span>克</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="clear"></div>
|
|||
|
|
<div class="select_box_btn" style="padding-bottom:0;">
|
|||
|
|
<input id="btntj" type="button" onclick="collectfertilizer();" 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/fertilizerico.png" alt="">
|
|||
|
|
<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>
|