Files
g.hnyhua.cn/Mtxfw.VipSite/mobile/coupon.html
2026-02-07 15:48:27 +08:00

661 lines
26 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="/Scripts/clipboard.min.js"></script>
<script type="text/javascript" src="/script/api.js"></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;
}
.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%);
}
</style>
<script type="text/javascript">
var userId = null;
var LoginId = null;
var CartId = null;
var t = 0, ResultId = 0, zftype = 0, uploading = 0;
var image = "";
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");
CartId = getlocalStorage("CartId");
var userinfo = getlocalStorage("userinfo");
var userdata = JSON.parse(userinfo);
$("#bankmsg").val(userdata.bankmsg.replace("<br>", "\n").replace("<br>", "\n"));
$("#aliimage").attr("src", userdata.aliimage0);
$("#weixinimage").attr("src", userdata.weixinimage0);
rdata(1);
var clipboard = new Clipboard('#bankbtn');
clipboard.on('success', function (e) {
tishi3("复制成功");
});
clipboard.on('error', function (e) {
tishi3("复制失败");
});
});
function onScroll() {
if (myScroll != null) {
myScroll.destroy();
myScroll = null;
}
myScroll = new IScroll('#wrapper', {
probeType: 2,
fadeScrollbars: false
});
myScroll.on('scroll', function () {
var y = myScroll.y;
downHeight = $(".pullDown").height();
upHeight = $(".pullUp").height();
// 下拉加载
if (y >= downHeight && pullDown) {
$(".pullDown").addClass("refresh").html("松开刷新...");
myScroll.minScrollY = downHeight;
pullDown = 0;
}
if (y <= downHeight && y >= 0 && !pullDown) {
$(".pullDown").removeClass("refresh").html("下拉刷新...");
pullDown = 1;
myScroll.minScrollY = 0;
}
// 上拉刷新
var maxHeight = myScroll.maxScrollY;
if (y < (maxHeight - upHeight) && pullUp) {
$(".pullUp").addClass("loading").html("松开加载...");
myScroll.maxScrollY = maxHeight - upHeight;
pullUp = 0;
}
if (y > maxHeight && y < (maxHeight + upHeight) && !pullUp) {
$(".pullUp").removeClass("loading").html("上拉加载...");
myScroll.maxScrollY = maxHeight + upHeight;
pullUp = 1;
}
});
myScroll.on('scrollEnd', function () {
if ($(".pullDown").hasClass("refresh")) {
$(".pullDown").text("正在刷新...");
opentimes = setTimeout(function () {
clearInterval(opentimes);
rdata(1);
$(".pullDown").removeClass("refresh").html("下拉刷新...");
pullDown = 1;
myScroll.refresh();
}, 2000);
}
if ($(".pullUp").hasClass("loading")) {
$(".pullUp").text("正在加载...");
opentimes = setTimeout(function () {
clearInterval(opentimes);
rdata(0);
myScroll.refresh();
}, 1000);
}
});
myScroll.on('refresh', function () {
$(".pullUp").removeClass("loading").html("上拉加载...");
pullUp = 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) {
var Start = $("#sysnew .databox").length;
if (ag == 1) {
Start = 0;
}
$(".ajaxLoader").removeClass("uhide");
$.ajax({
type: 'GET',
url: "/apiajax.ashx",
data: "&action=getcoupondata&ifweb=1&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) {
var html = "";
if (Start == 0) {
if (data.data.length > 0) {
for (i = 0; i < data.data.length; i++) {
html += '<div class="coupon-item" id="coupon_' + data.data[i].id + '">';
html += '<div class="price">' + data.data[i].price + '</div>';
html += '<div class="title">' + data.data[i].title + '</div>';
html += '<div class="cart">';
html += '<div class="addcart" onclick="ondel(' + data.data[i].id + ')"><img src="../image/num_del.png" /></div>';
html += '<div class="inputcart"><input type="text" class="input_text" onblur="oninputto(' + data.data[i].id + ')" value="0" val="' + data.data[i].id + '" /></div>';
html += '<div class="addcart" onclick="onadd(' + data.data[i].id + ')"><img src="../image/num_add.png" /></div>';
html += '</div>';
html += '</div>';
}
$(".coupon-box").html(html);
}
}
if (data.mydatas.length > 0) {
html = "";
for (i = 0; i < data.mydatas.length; i++) {
var bifshow = 0;
if (ag == 0) {
if ($("#databox_" + data.mydatas[i].id).length == 0) {
bifshow = 1;
}
} else {
bifshow = 1;
}
if (bifshow == 1) {
html += addMsg(data.mydatas[i]);
}
}
$(".more_box").html("");
if (ag == 1) {
$('#sysnew').html(html);
} else {
$("#sysnew").append(html);
}
} else {
if (Start > 0) {
if (Start > 10) {
$(".more_box").html("亲!找不到更多了");
}
} else {
$('#sysnew').html("");
$(".more_box").html("亲,暂无信息!");
}
}
$(".ajaxLoader").addClass("uhide");
} else {
tishi3(data.msg);
$(".ajaxLoader").addClass("uhide");
if (data.msg == "您未登录") {
clearlocalStorage("userId");
clearlocalStorage("LoginId");
onlink("/");
}
}
} else {
tishi3("网络错误!");
$(".ajaxLoader").addClass("uhide");
}
}
});
}
function addMsg(param) {
var html = '<div class="mybalance-item" id="databox_' + param.id + '">';
html += '<div class="Total">';
html += '<div><span>购买金额:</span>¥' + param.b0 + '</div>';
html += '<div class="right"><span>购买数量:</span>' + param.b1 + '</div>';
html += '</div>';
html += '<div class="Total0">';
html += '<div><span>时间:</span>' + param.addtime + '</div>';
html += '<div class="right"><span>状态:</span>' + (param.seef == 0 ? "未付款" : "已付款") + '</div>';
html += '</div>';
html += '</div>';
html += '<div class="clear"></div>';
return html;
}
function ondel(id) {
var num = $("#coupon_" + id + " .input_text").val();
if (num != "") {
num = parseInt(num);
if (num > 0) {
num = num - 1;
}
$("#coupon_" + id + " .input_text").val(num);
}
}
function onadd(id) {
var num = $("#coupon_" + id + " .input_text").val();
if (num != "") {
num = parseInt(num);
num = num + 1;
$("#coupon_" + id + " .input_text").val(num);
}
}
function oninputto(id) {
var num = $("#coupon_" + id + " .input_text").val();
if (num != "") {
if (!isNumber(num)) {
num = parseInt(num);
tishi3("格式不正确");
$("#coupon_" + id + " .input_text").val("0");
}
}
}
function stopPropagation(e) {
if (e.stopPropagation) {
e.stopPropagation();
} else {
e.cancelBubble = false;
}
}
function hideshowthjto(type) {
$("#showthjto" + type).addClass("uhide");
;
}
function onpaytype(id) {
$("#paytypebox div.hover").removeClass("hover");
$("#paytypebox div#paytype" + id).addClass("hover");
zftype = id;
if (zftype == 2) {
$("#coupon_upload_box").removeClass("uhide");
$("#coupon_bankmsg_box").removeClass("uhide");
$("#coupon_alipay_box").removeClass("uhide");
$("#coupon_weixinpay_box").removeClass("uhide");
$("#pay_box").css("margin-bottom", "1em");
} else {
$("#coupon_upload_box").addClass("uhide");
$("#coupon_bankmsg_box").addClass("uhide");
$("#coupon_alipay_box").addClass("uhide");
$("#coupon_weixinpay_box").addClass("uhide");
$("#pay_box").css("margin-bottom", "2em");
}
}
function onshowgmtc() {
var coupons = "";
var acoupon = $(".coupon-item .input_text");
for (i = 0; i < acoupon.length; i++) {
var val = parseInt($(acoupon[i]).val());
var id = parseInt($(acoupon[i]).attr("val"));
if (val > 0) {
if (coupons == "") {
coupons = (id + "," + val)
} else {
coupons += ("|" + id + "," + val)
}
}
}
if (coupons != "") {
$("#showthjto0").removeClass("uhide");
stopPropagation(e)
} else {
tishi3("请先选择优惠券!");
}
}
function payto() {
var coupons = "";
var acoupon = $(".coupon-item .input_text");
for (i = 0; i < acoupon.length; i++) {
var val = parseInt($(acoupon[i]).val());
var id = parseInt($(acoupon[i]).attr("val"));
if (val > 0) {
if (coupons == "") {
coupons = (id + "," + val)
} else {
coupons += ("|" + id + "," + val)
}
}
}
var b = true;
if (coupons == "") {
b = false;
tishi3("请先选择优惠券!");
}
if (zftype == 2) {
if (b) {
if (uploading == 1) {
b = false;
tishi3('正在上传图片...');
}
}
if (b) {
if (image == "") {
b = false;
tishi3('请先上传图片');
}
}
}
if (b) {
if ($(".ajaxLoader.uhide").length > 0) {
$(".ajaxLoader").removeClass("uhide");
userId = getlocalStorage("userId");
LoginId = getlocalStorage("LoginId");
var datas = {
userId: userId,
LoginId: LoginId,
coupons: coupons,
zftype: zftype,
uploadpic: image
}
$.ajax({
type: 'POST',
url: "/apiajax.ashx?action=gmcoupon&ifweb=1",
data: datas,
dataType: "json",
error: function (xhr) {
tishi3("发生错误:" + JSON.stringify(xhr));
},
success: function (data) {
$(".ajaxLoader").addClass("uhide");
if (data.status == 1) {
ResultId = data.ResultId;
if (ResultId > 0) {
//tishi3(data.msg);
if (zftype == 0) {
onlink("/pay/wxpay.aspx?PayID=" + ResultId);
} else {
onlink("/pay/alipay.aspx?PayID=" + ResultId);
}
} else {
tishi3(data.msg);
image = "";
$("#showthjto0").addClass("uhide");
$("#image").attr("src", "../image/add1.png");
rdata(1);
}
} else {
tishi3(data.msg);
}
}
});
}
}
}
function onviewimage(t) {
var _src = "";
if (t == 0) {
_src = $("#aliimage").attr("src");
} else {
_src = $("#weixinimage").attr("src");
}
$(".layer img").attr("src", _src);
$(".layer").fadeIn();
}
function uploadimg() {
var myForm = document.getElementById("myForm");
/*if (uploadtype == 1) {
myForm = document.getElementById("myForm0");
} else {
myForm = document.getElementById("myForm");
}*/
var formdata0 = new FormData(myForm);
formdata0.append("action", "uploadImage");
formdata0.append("userId", userId);
formdata0.append("LoginId", LoginId);
formdata0.append("uploadpic", document.getElementById("uploadpic").files[0]);
uploading = 1;
$.ajax({
type: "POST",
url: "/apiajax.ashx?ifweb=1",
data: formdata0,
dataType: 'JSON',
cache: false, // 不缓存
processData: false, // jQuery不要去处理发送的数据
contentType: false, // jQuery不要去设置Content-Type请求头
success: function (data) {
tishi2close();
uploading = 0;
if (data.status == 1) {
tishi3('上传成功');
var thumb = data.url[0];
image = data.url[1];
$("#image").attr("src", thumb);
} else {
tishi3(data.msg);
}
},
error: function (jqXHR) {
tishi3("发生错误:" + JSON.stringify(jqXHR));
},
});
}
</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=" margin:0; padding:0; min-width:3em; ">
</div>
</div>
</header>
<section class="ub-f1" id="wrapper">
<div id="wrapper_content">
<p class="pullDown">下拉刷新...</p>
<div class="clear"></div>
<div style="padding:0.8em;">
<div class="coupon-box">
</div>
<div class="coupon-button"><div onclick="onshowgmtc()">立即购买</div></div>
<div class="mybalance-box">
<div class="text">
<div class="line_flag"></div>
<text>购买记录</text>
</div>
<div id="sysnew" style="width:100%; padding-top:0.8em;">
</div>
</div>
<div class="clear"></div>
<div class="more_box"></div>
</div>
<div class="clear"></div>
<p class="pullUp">上拉加载...</p>
</div>
</section>
<div class="showthjto uhide" id="showthjto0">
<div class="showthjto_box">
<h3><span>去付款</span><span class="close" onclick='hideshowthjto(0);'>X</span></h3>
<div class="ub ub-ac ub-ver" id="pay_box" style="background-color: #FFFFFF;margin-bottom: 2em;">
<div class="ub" style="padding:0.8em;width:100%; font-weight: 800;">
支付方式
</div>
<div class="ub ub-ac ub-pc">
<div class="pay_box" id="paytypebox">
<div id="paytype0" class='hover' onclick="onpaytype(0)"><img src="../image/weixinpay.png" />微信支付</div>
<div id="paytype1" onclick="onpaytype(1)"><img src="../image/alipay.png" />支付宝</div>
<div id="paytype2" onclick="onpaytype(2)"><img src="../image/bank.png" />线下打款</div>
</div>
</div>
</div>
<div class="ub ub-ver uhide" id="coupon_bankmsg_box" style="border-top: 1px solid #DFDFDF;padding-top:0.8em;background-color: #FFFFFF;">
<div class="ub" style="padding-left:0.8em; text-align:left; font-weight: 800;">
<div class="ub-f1">银行账号</div><input id="bankbtn" type="button" style=" width:7em; height:1.6em; line-height:1.6em; color:#fff; border-radius:0.5em;" class="mybtn" value="复制银行信息" data-clipboard-action="copy" data-clipboard-target="#bankmsg">
</div>
<div class="ub ub-ver" style=" padding-top:0.8em; padding-left:0.8em; text-align:left;">
<textarea id="bankmsg" style="width:100%; height:7em;border:0;overflow:hidden;"></textarea>
</div>
</div>
<div class="ub ub-ac ub-pc uhide" id="coupon_alipay_box" style="padding-top:0;background-color: #FFFFFF;margin-bottom: 0.8em;">
<div class="ub ub-ac ub-pc ub-ver" style="margin:0;">
<div class="ub ub-ac ub-pc" style="padding:0.8em 0; font-weight: 800;">
支付宝收款码
</div>
<div class="ub ub-ac ub-pc upload_image" style="padding:0;" onclick="onviewimage(0)">
<img src="" id="aliimage" />
</div>
</div>
<div class="ub ub-ac ub-pc ub-ver" style=" margin-left:3em;">
<div class="ub ub-ac ub-pc" style="padding:0.8em 0; font-weight: 800;">
微信收款码
</div>
<div class="ub ub-ac ub-pc upload_image" style="padding:0;" onclick="onviewimage(1)">
<img src="" id="weixinimage" />
</div>
</div>
</div>
<div class="ub ub-ac uhide" id="coupon_upload_box" style="border-top: 1px solid #DFDFDF; padding-top:0.8em; background-color: #FFFFFF;margin-bottom: 2em;">
<div class="ub" style="padding:0.8em; font-weight: 800;">
上传汇款截图
</div>
<div class="ub ub-ac ub-pc">
<form id="myForm">
<div class="ub ub-ac ub-pc upload_image">
<img src="../image/add1.png" id="image" />
<input type="file" id="uploadpic" class="uploadpic_btn" onchange="uploadimg()" accept="image/*" />
</div>
</form>
</div>
</div>
<div class="ub ub-ac ub-pc select_box_btn" style="position:relative;float:left; background-color: #FFFFFF;margin-bottom: .8em; padding:0; width:100%;">
<input id="qybtn" type="button" style="width:9em;border-radius:0.5em;" class="mybtn" onclick="payto()" value="确认">
<input id="qxbtn" type="button" style="margin-left:0.8em; width:9em;border-radius:0.5em;" class="mybtn hovered" onclick="hideshowthjto(0);" value="取消">
</div>
</div>
</div>
<div class="layer" onclick='$(".layer").fadeOut();'>
<img src="/images/jt.png" alt="">
</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>