1229 lines
59 KiB
HTML
1229 lines
59 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/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="/Scripts/TouchSlide.1.1.js"></script>
|
|
<style type="text/css">
|
|
html, body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
#wrapper {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
/* 本例子css -------------------------------------- */
|
|
.slideBox {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin: 0 auto;
|
|
max-width: 100%; /* 设置焦点图最大宽度 */
|
|
padding: 0.8em;
|
|
padding-bottom: 0;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.slideBox .hd {
|
|
position: absolute;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
bottom: 0em;
|
|
right: 0;
|
|
z-index: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.slideBox .hd li {
|
|
display: inline-block;
|
|
width: 5px;
|
|
height: 5px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
background: #333;
|
|
text-indent: -9999px;
|
|
overflow: hidden;
|
|
margin: 0 6px;
|
|
}
|
|
|
|
.slideBox .hd li.on {
|
|
background: #fff;
|
|
}
|
|
|
|
.slideBox .bd {
|
|
position: relative;
|
|
z-index: 0;
|
|
width: 100%;
|
|
border-radius: 0.5em;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.slideBox .bd li {
|
|
position: relative;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: auto;
|
|
border-radius: 0.5em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.slideBox .bd li img {
|
|
border-radius: 0.5em;
|
|
vertical-align: top;
|
|
width: 100%; /* 图片宽度100%，达到自适应效果 */
|
|
|
|
overflow: hidden;
|
|
}
|
|
|
|
.slideBox .bd li a {
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
}
|
|
/* 去掉链接触摸高亮 */
|
|
.slideBox .bd li .tit {
|
|
display: block;
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
text-indent: 10px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
background: url(images/focusBg.png) repeat-x;
|
|
color: #fff;
|
|
text-align: left;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
#JCHG_Box {
|
|
background-color: #33333F;
|
|
}
|
|
.layer {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
background: rgba(0, 0, 0, .5);
|
|
display: none;
|
|
}
|
|
|
|
.layer div {
|
|
margin-top: 2em;
|
|
width: 100%;
|
|
height: 100vh;
|
|
position: relative;
|
|
overflow-y: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.layer img {
|
|
width: auto;
|
|
max-width: 100vw;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
.select_box_to {
|
|
background-color: #1C7A47;
|
|
border-top: 1px solid #1C7A47;
|
|
}
|
|
.select_box_to .select_box_pic {
|
|
border: 1px solid #1C7A47;
|
|
}
|
|
.select_box_selguige .selguige_box .selguige_item {
|
|
border-top: 1px solid #00B050;
|
|
}
|
|
.select_box_selguige .selguige_box .selguige_item.hover {
|
|
background: #00B050 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsSAAALEgHS3X78AAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAHpSURBVHja7JbPSwJBFMe/M26uuWFFtHUpLIKgvHboZFKXLmFG5q2/ILoFIYF0CTr1L3SrILt1in4cok5d1DCysrpUl0pcKVGng+2i5eZuugrRg4VhZuDDe/ved76EMYZ6BEWd4h/898Gc2sGdt5PVJePurQdiJJiUm2O9mQtOL4QRHzixC9RqQzoegXS4AeloSx9YK5xabRADQZjtjpLn6XgYTwEPcqmEdrAWeOfqniq0EP6wMKavq3/654LTq57p072yNtsdEJxe/eOkBm90zpS8n7oO43zehZu1OWWPHxr/3RyXgvM9jiJYdNGNROgYMb8bLZkkyH0EGek1f/ezMr8SkK/wrJRQ1vGVWTRcnuBmaRK2TBIW+yC6l3fACc15oGCrTLkK4e+Pd8p+n38dfFMzWs0UFvsgxEAQ9BMqV6RiyZThz/sbRQ0kBoLgB4a/QYvuMsYq/qIekUlXIVYupKsQi3pEdjvdwarySPRvP5KY362UUa3DY343Gk1En4CU1V5C6NlEe7bFNYO2UR+svQ7kpARS12E8n+7i5WATrWYKSlBdsBwXUx3sLcuQyQEEAEcB3kSUTHVptd7QpO1GPHlanlTDHEg5uKHW5ye44Z5LDV4Ts1cKXjOX+RVeU3tbCK+5r5bhHwMApOkK8OkZ7Z0AAAAASUVORK5CYII=') no-repeat right -0.37em;
|
|
background-size: 2em 2em;
|
|
}
|
|
.cartmbox .rightbox input.input_shopjs {
|
|
border: 0;
|
|
outline: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
var userId = null;
|
|
var LoginId = null;
|
|
var CartId = null;
|
|
var opentimes = null;
|
|
var settimeout = null;
|
|
var viewId = 0;
|
|
var guiges = [];
|
|
var showpics = [];
|
|
var showimages = [];
|
|
var yunfeis = null, pics = null;
|
|
var share_scene_weixin = 0;
|
|
var sharetitle = "", sharepic = "", sharecontent = "", showpic = "", showimage = "";
|
|
var xfjfje = 0;
|
|
var title = "商品详情";
|
|
var showvideo = 0;
|
|
var ttype = 0;
|
|
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");
|
|
CartId = getlocalStorage("CartId");
|
|
var dParam = $.getUrlParam("id");
|
|
if (dParam != null) {
|
|
viewId = dParam;
|
|
}
|
|
|
|
$("header h1").html(title);
|
|
$(document).attr("title", title);
|
|
$("title").html(title);
|
|
opentimes = setInterval(function () {
|
|
var selectqydatas = getlocalStorage("shop_view_refresh");
|
|
if (selectqydatas != null) {
|
|
rdata();
|
|
clearlocalStorage("shop_view_refresh");
|
|
}
|
|
}, 1000);
|
|
rdata();
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
function rdata() {
|
|
userId = getlocalStorage("userId");
|
|
LoginId = getlocalStorage("LoginId");
|
|
$(".ajaxLoader").removeClass("uhide");
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: "/apiajax.ashx",
|
|
data: "&action=getshopview&ifweb=1&viewId=" + viewId + (CartId != null ? "&CartId=" + CartId : "") + "&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) {
|
|
pics = data.pic;
|
|
if (data.video != "") {
|
|
var wh = api.winWidth;
|
|
var hg = (wh / 1.5);
|
|
$(".video_box").html("<video muted width=\"" + wh + "\" height=\"" + hg + "\" style=\"background-color: #000000;\" controls=\"controls\" autoplay=\"autoplay\" poster=\"" + data.showpic + "\"><source src=\"" + data.video + "\" type=\"video/mp4\"></video>");
|
|
}
|
|
$("#view_title").html(data.name);
|
|
sharetitle = data.sharetitle;
|
|
if (sharetitle == "") {
|
|
sharetitle = data.name;
|
|
}
|
|
sharecontent = data.sharecontent;
|
|
if (sharecontent == "") {
|
|
sharecontent = data.name;
|
|
}
|
|
sharepic = data.sharepic;
|
|
if (data.ttype == 0) {
|
|
$("#view_lsjg").html("￥" + data.scje);
|
|
$("#view_hyje").html("￥" + data.hyje);
|
|
$("#view_hyjf").html(parseFloat(data.xfjfje).toFixed(0) + "个");
|
|
} else {
|
|
$("#view_lsjg").html("￥" + data.scje);
|
|
$("#view_hyje").html("￥" + data.hyje);
|
|
}
|
|
$("#view_hynum").html(data.gmnum);
|
|
$("#view_hyjf").html(data.xfjfje);
|
|
if (data.minprice == data.maxprice) {
|
|
$("#minprice").html(changeTwoDecimal_f(data.minprice));
|
|
} else {
|
|
$("#minprice").html(changeTwoDecimal_f(data.minprice) + "-" + changeTwoDecimal_f(data.maxprice));
|
|
}
|
|
ttype = data.ttype;
|
|
|
|
$("#hynum").css("display", "block");
|
|
if (data.ttype == 0) {
|
|
$("#lsjg").css("display", "block");
|
|
$("#hyjg").css("display", "block");
|
|
//$("#hyjg0").css("display", "block");
|
|
$("#hyjg .tmj").html("会员价：");
|
|
} else if (data.ttype == 1) {
|
|
$("#lsjg").css("display", "none");
|
|
$("#hyjg").css("display", "block");
|
|
$("#bianhao_box").css("display", "none");
|
|
$("#hyjg .tmj").html("兑换价：");
|
|
$("#save2").val("立即兑换");
|
|
} else if (data.ttype == 2) {
|
|
$("#lsjg").css("display", "none");
|
|
$("#hyjg").css("display", "block");
|
|
//$("#hyjg0").css("display", "block");
|
|
|
|
$("#hyjg .tmj").html("价格：");
|
|
} else if (data.ttype == 5) {
|
|
$("#lsjg").css("display", "block");
|
|
$("#hyjg").css("display", "block");
|
|
//$("#hyjg0").css("display", "block");
|
|
$("#hyjg .tmj").html("会员价：");
|
|
} else if (data.ttype == 6) {
|
|
$("#lsjg").css("display", "block");
|
|
$("#hyjg").css("display", "block");
|
|
$("#hyjg .tmj").html("运费：");
|
|
//$("#hyjg0").css("display", "block");
|
|
|
|
} else if (data.ttype == 8) {
|
|
$("#lsjg").css("display", "block");
|
|
$("#hyjg").css("display", "block");
|
|
$("#hyjg .tmj").html("会员价：");
|
|
//$("#hyjg0").css("display", "none");
|
|
$("#zzjf").css("display", "block");
|
|
} else if (data.ttype == 11) {
|
|
$("#lsjg").css("display", "block");
|
|
$("#hyjg").css("display", "block");
|
|
$("#hyjg .tmj").html("会员价：");
|
|
//$("#hyjg0").css("display", "none");
|
|
//$("#hyjg0 .tmj").html("权益分红：");
|
|
} else {
|
|
$("#lsjg").css("display", "block");
|
|
$("#hyjg").css("display", "block");
|
|
//$("#hyjg0").css("display", "block");
|
|
$("#hyjg .tmj").html("会员价：");
|
|
|
|
//$(".yunfeishuoming").css("display","none");
|
|
}
|
|
|
|
$("#view_kc").html(data.kc);
|
|
|
|
$("#view_body").html(data.body);
|
|
$("#view_bianhao").html(data.bianhao);
|
|
$("#cartcount").html(data.cartcount);
|
|
var videos = $("#view_body video");
|
|
var w = $("#view_body").width();
|
|
for (var i = 0; i < videos.length; i++) {
|
|
$(videos[i]).attr("width", w + "px");
|
|
$(videos[i]).attr("height", (w / 1.6) + "px");
|
|
|
|
}
|
|
if (data.IFfavorite == 1) {
|
|
$("#addfavorite").html("已收藏");
|
|
//$("#addfavorite").addClass("favorited");
|
|
}
|
|
yunfeis = data.yunfeis;
|
|
showpic = data.showpic;
|
|
showpics = data.pic;
|
|
showimage = data.showpic;
|
|
showimages = data.pic;
|
|
$(".select_box_pic").html("<img src=\"" + showpic + "\" />");
|
|
guiges = data.guige;
|
|
|
|
var zkc = 0;
|
|
if (data.guige.length > 0) {
|
|
|
|
var html = '';
|
|
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>';
|
|
|
|
if (data.guige[i].colors.length > 0) {
|
|
html += '<div class="select_colors" onclick="showcolor(' + i + ')">';
|
|
html += '<div>选择颜色</div>';
|
|
html += '</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);
|
|
} else {
|
|
$("#guiges").css("display", "none");
|
|
}
|
|
|
|
var html = "";
|
|
if (showpics.length > 0) {
|
|
for (i = 0; i < showpics.length; i++) {
|
|
html += '<li>';
|
|
html += '<a class="pic" href="javascript:void(0);" onclick="onshowimg($(this).find(\'img\').attr(\'src\'))"><img src="' + showpics[i].img + '" /></a>';
|
|
html += '</li>';
|
|
}
|
|
}
|
|
$("#slideBox .bd ul").html(html);
|
|
if (showpics.length > 0) {
|
|
$($("#slideBox .bd ul li img")[0]).on('load', function () {
|
|
TouchSlide({
|
|
slideCell: "#slideBox",
|
|
titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
|
|
mainCell: ".bd ul",
|
|
effect: "leftLoop",
|
|
delayTime: 200,
|
|
interTime: 6000,
|
|
autoPage: true, //自动分页
|
|
autoPlay: true //自动播放
|
|
});
|
|
$(".ajaxLoader").addClass("uhide");
|
|
});
|
|
} else {
|
|
$(".ajaxLoader").addClass("uhide");
|
|
}
|
|
|
|
showsave(data.ttype, zkc);
|
|
var imgs = $("#view_body img");
|
|
for (var i = 0; i < imgs.length; i++) {
|
|
$(imgs[i]).click(function () {
|
|
var _src = $(this).attr("src");
|
|
onshowimg(_src);
|
|
})
|
|
}
|
|
} else {
|
|
|
|
tishi3(data.msg);
|
|
$(".ajaxLoader").addClass("uhide");
|
|
if (data.msg == "您未登录") {
|
|
onlink("/");
|
|
}
|
|
}
|
|
} else {
|
|
tishi3("网络错误！");
|
|
$(".ajaxLoader").addClass("uhide");
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
function showsave(ttype, zkc) {
|
|
|
|
if (ttype == 0 || ttype == 1 || ttype == 2 || ttype == 3 || ttype == 4 || ttype == 5 || ttype == 6 || ttype == 7 || ttype == 8) {
|
|
$("#save").css("display", "none");
|
|
$("#save2").removeClass("input_shopjs");
|
|
$("#save2").addClass("input_shopdh");
|
|
if (zkc == 0) {
|
|
$("#save2").attr("disabled", true);
|
|
} else {
|
|
$("#save2").removeAttr("disabled");
|
|
}
|
|
|
|
} else {
|
|
if (zkc == 0) {
|
|
$("#save").attr("disabled", true);
|
|
$("#save2").attr("disabled", true);
|
|
} else {
|
|
$("#save").removeAttr("disabled");
|
|
$("#save2").removeAttr("disabled");
|
|
}
|
|
}
|
|
}
|
|
function onshowimg(_src) {
|
|
$(".layer div img").attr("src", _src);
|
|
$(".layer").fadeIn();
|
|
}
|
|
function stopPropagation(e) {
|
|
if (e.stopPropagation)
|
|
e.stopPropagation();
|
|
else
|
|
e.cancelBubble = true;
|
|
}
|
|
|
|
function bodyScroll(event) {
|
|
event.preventDefault();
|
|
}
|
|
function onselectout(event) {
|
|
|
|
if ($(".select_box_bg").css("display") != "none") {
|
|
$(".select_box_bg").css("display", "none");
|
|
$("body").css("overflow-y", "auto");
|
|
}
|
|
}
|
|
function closeselect() {
|
|
$(".select_box_bg").css("display", "none");
|
|
$("body").css("overflow-y", "auto");
|
|
}
|
|
function showcolor(index) {
|
|
var html = "";
|
|
var colors = guiges[index].colors;
|
|
if (colors.length > 0) {
|
|
for (var i = 0; i < colors.length; i++) {
|
|
var selcolor = guiges[index].selectedcolor;
|
|
var sclass = "";
|
|
if (selcolor != "") {
|
|
if (selcolor == colors[i].color) {
|
|
sclass = "selected";
|
|
}
|
|
}
|
|
html += '<div onclick="selcolor(' + index + ',' + i + ')" class="selguige_item ' + sclass + '" id="selcolor_item_' + i + '">';
|
|
html += '<span></span>';
|
|
html += '<div class="guigetit">' + colors[i].color + '</div>';
|
|
html += '</div>';
|
|
}
|
|
}
|
|
$("#color_box .select_box_selcolor").html(html);
|
|
$("#color_box").css("display", "flex");
|
|
|
|
}
|
|
function selcolor(index, index0) {
|
|
var acolor = guiges[index].colors[index0];
|
|
guiges[index].selectedcolor = acolor.color;
|
|
$("#selguige_item_" + index + " .select_colors div").html(acolor.color);
|
|
$("#selguige_item_" + index + " .productkc span").html(acolor.kc);
|
|
$("#color_box .select_box_selcolor .selguige_item.selected").removeClass("selected");
|
|
$("#color_box .select_box_selcolor .selguige_item#selcolor_item_" + index0 + "").addClass("selected");
|
|
if (guiges[index].selectednum > 0) {
|
|
var strimages = guiges[index].images;
|
|
if (strimages != "") {
|
|
var aimages = strimages.split('|');
|
|
var strshowimages = "[";
|
|
for (var i = 0; i < aimages.length; i++) {
|
|
if (aimages[i] != "") {
|
|
var images = aimages[i].split(',');
|
|
if (images.length == 2) {
|
|
if (images[1] == acolor.color) {
|
|
var image0 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=720x460&itmode=cut";
|
|
var image1 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=150x150&itmode=cut";
|
|
if (strshowimages == "[") {
|
|
strshowimages += "{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
} else {
|
|
strshowimages += ",{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
}
|
|
}
|
|
} else {
|
|
var image0 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=720x460&itmode=cut";
|
|
var image1 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=150x150&itmode=cut";
|
|
if (strshowimages == "[") {
|
|
strshowimages += "{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
} else {
|
|
strshowimages += ",{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
strshowimages += "]";
|
|
|
|
var ashowimages = JSON.parse(strshowimages);
|
|
if (ashowimages.length > 0) {
|
|
for (var j = 0; j < ashowimages.length; j++) {
|
|
if (ashowimages[j].yanse == acolor.color) {
|
|
showpic = ashowimages[j].minimg;
|
|
|
|
}
|
|
}
|
|
showpics = ashowimages;
|
|
|
|
}
|
|
}
|
|
}
|
|
topics();
|
|
closecolor();
|
|
}
|
|
function closecolor() {
|
|
$("#color_box").css("display", "none");
|
|
}
|
|
function topics() {
|
|
|
|
$(".select_box_pic").html("<img src=\"" + showpic + "\" />");
|
|
|
|
var html = "";
|
|
if (showpics.length > 0) {
|
|
for (i = 0; i < showpics.length; i++) {
|
|
html += '<li>';
|
|
html += '<a class="pic" href="javascript:void(0);" onclick="onshowimg($(this).find(\'img\').attr(\'src\'))"><img src="' + showpics[i].img + '" /></a>';
|
|
html += '</li>';
|
|
}
|
|
}
|
|
|
|
$("#slideBox .bd ul").html(html);
|
|
if (showpics.length > 0) {
|
|
settimeout = setInterval(function () {
|
|
TouchSlide({
|
|
slideCell: "#slideBox",
|
|
titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
|
|
mainCell: ".bd ul",
|
|
effect: "leftLoop",
|
|
delayTime: 200,
|
|
interTime: 6000,
|
|
autoPage: true, //自动分页
|
|
autoPlay: true //自动播放
|
|
});
|
|
clearInterval(settimeout);
|
|
}, 1000);
|
|
|
|
}
|
|
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 + "X" + num + "单");
|
|
} else {
|
|
strguiges += ("\n" + guiges[i].gg + color + "X" + 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");
|
|
}
|
|
if (guiges[index].images != "") {
|
|
|
|
var aimages = guiges[index].images.split('|');
|
|
var strshowimages = "[";
|
|
for (var i = 0; i < aimages.length; i++) {
|
|
if (aimages[i] != "") {
|
|
var images = aimages[i].split(',');
|
|
var ifb = false;
|
|
if (guiges[index].selectedcolor != "") {
|
|
if (images.length == 2) {
|
|
if (guiges[index].selectedcolor == images[1]) {
|
|
ifb = true;
|
|
}
|
|
} else {
|
|
ifb = true;
|
|
}
|
|
} else {
|
|
ifb = true;
|
|
}
|
|
if (ifb) {
|
|
var image0 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=720x460&itmode=cut";
|
|
var image1 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=150x150&itmode=cut";
|
|
if (strshowimages == "[") {
|
|
strshowimages += "{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
} else {
|
|
strshowimages += ",{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
strshowimages += "]";
|
|
var ashowimages = JSON.parse(strshowimages);
|
|
var strimages = ashowimages[0].minimg;
|
|
if (guiges[index].selectedcolor != "") {
|
|
for (var j = 0; j < ashowimages.length; j++) {
|
|
if (ashowimages[j].yanse == guiges[index].selectedcolor) {
|
|
strimages = ashowimages[j].minimg;
|
|
}
|
|
}
|
|
}
|
|
showpic = strimages;
|
|
showpics = ashowimages;
|
|
|
|
}
|
|
}
|
|
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");
|
|
var strimages = "";
|
|
var ashowimages = [];
|
|
var aguige = guiges;
|
|
for (var i = 0; i < aguige.length; i++) {
|
|
var num = parseInt(aguige[i].selectednum);
|
|
if (num > 0) {
|
|
if (guiges[i].images != "") {
|
|
var aimages = guiges[i].images.split('|');
|
|
var strshowimages = "[";
|
|
for (var j = 0; j < aimages.length; j++) {
|
|
if (aimages[j] != "") {
|
|
var images = aimages[j].split(',');
|
|
var ifb = false;
|
|
if (guiges[i].colors.length > 0) {
|
|
if (guiges[i].selectedcolor != "") {
|
|
if (images.length == 2) {
|
|
if (guiges[i].selectedcolor == images[1]) {
|
|
ifb = true;
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
ifb = true;
|
|
}
|
|
|
|
if (ifb) {
|
|
var image0 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=720x460&itmode=cut";
|
|
var image1 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=150x150&itmode=cut";
|
|
if (strshowimages == "[") {
|
|
strshowimages += "{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
} else {
|
|
strshowimages += ",{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
strshowimages += "]";
|
|
|
|
ashowimages = JSON.parse(strshowimages);
|
|
if (ashowimages.length > 0) {
|
|
strimages = ashowimages[0].minimg;
|
|
if (guiges[index].selectedcolor != "") {
|
|
for (var j = 0; j < ashowimages.length; j++) {
|
|
if (ashowimages[j].yanse == guiges[i].selectedcolor) {
|
|
strimages = ashowimages[j].minimg;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
if (ashowimages.length > 0) {
|
|
showpic = strimages;
|
|
showpics = ashowimages;
|
|
} else {
|
|
showpic = showimage;
|
|
showpics = showimages;
|
|
}
|
|
} else {
|
|
if (guiges[index].images != "") {
|
|
|
|
var aimages = guiges[index].images.split('|');
|
|
var strshowimages = "[";
|
|
for (var i = 0; i < aimages.length; i++) {
|
|
if (aimages[i] != "") {
|
|
var images = aimages[i].split(',');
|
|
var ifb = false;
|
|
if (guiges[i].selectedcolor != "") {
|
|
if (images.length == 2) {
|
|
if (guiges[i].selectedcolor == images[1]) {
|
|
ifb = true;
|
|
}
|
|
} else {
|
|
ifb = true;
|
|
}
|
|
} else {
|
|
ifb = true;
|
|
}
|
|
if (ifb) {
|
|
var image0 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=720x460&itmode=cut";
|
|
var image1 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=150x150&itmode=cut";
|
|
if (strshowimages == "[") {
|
|
strshowimages += "{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
} else {
|
|
strshowimages += ",{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
strshowimages += "]";
|
|
var ashowimages = JSON.parse(strshowimages);
|
|
var strimages = ashowimages[0].minimg;
|
|
if (guiges[index].selectedcolor != "") {
|
|
for (var j = 0; j < ashowimages.length; j++) {
|
|
if (ashowimages[j].yanse == guiges[index].selectedcolor) {
|
|
strimages = ashowimages[j].minimg;
|
|
}
|
|
}
|
|
}
|
|
showpic = strimages;
|
|
showpics = ashowimages;
|
|
|
|
} else {
|
|
showpic = showimage;
|
|
showpics = showimages;
|
|
}
|
|
}
|
|
}
|
|
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");
|
|
}
|
|
if (b > 0) {
|
|
if (guiges[index].images != "") {
|
|
var aimages = guiges[index].images.split('|');
|
|
var strshowimages = "[";
|
|
for (var i = 0; i < aimages.length; i++) {
|
|
if (aimages[i] != "") {
|
|
var images = aimages[i].split(',');
|
|
var ifb = false;
|
|
if (guiges[i].selectedcolor != "") {
|
|
if (images.length == 2) {
|
|
if (guiges[i].selectedcolor == images[1]) {
|
|
ifb = true;
|
|
}
|
|
} else {
|
|
ifb = true;
|
|
}
|
|
} else {
|
|
ifb = true;
|
|
}
|
|
if (ifb) {
|
|
var image0 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=720x460&itmode=cut";
|
|
var image1 = apiurl + "/GetFiles.ashx?image=" + images[0] + "&itsize=150x150&itmode=cut";
|
|
if (strshowimages == "[") {
|
|
strshowimages += "{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
} else {
|
|
strshowimages += ",{\"img\":\"" + image0 + "\",\"minimg\":\"" + image1 + "\",\"label\":\"\",\"yanse\":\"" + (images.length > 1 ? images[1] : "") + "\"}";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
strshowimages += "]";
|
|
var ashowimages = JSON.parse(strshowimages);
|
|
if (ashowimages.length > 0) {
|
|
var strimages = ashowimages[0].minimg;
|
|
if (guiges[index].selectedcolor != "") {
|
|
for (var j = 0; j < ashowimages.length; j++) {
|
|
if (ashowimages[j].yanse == guiges[index].selectedcolor) {
|
|
strimages = ashowimages[j].minimg;
|
|
}
|
|
}
|
|
}
|
|
showpic = strimages;
|
|
showpics = ashowimages;
|
|
}
|
|
}
|
|
} else {
|
|
showpic = showimage;
|
|
showpics = showimages
|
|
}
|
|
}
|
|
topics();
|
|
}
|
|
var settimeout = null;
|
|
function addcart(t) {
|
|
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 });
|
|
$(".select_box_bg").css("display", "block");
|
|
$("#addtype").val(t);
|
|
} else {
|
|
setlocalStorage("logindata", "shop_cart|addcart(" + t + ")");
|
|
onlink("/");
|
|
}
|
|
}
|
|
function qyaddcart() {
|
|
var userId = getlocalStorage("userId");
|
|
var LoginId = getlocalStorage("LoginId");
|
|
|
|
if (userId != null && LoginId != null) {
|
|
var bb = true;
|
|
var at = $("#addtype").val();
|
|
|
|
|
|
|
|
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 ($("#btntj").val() != "确认") {
|
|
bb = false;
|
|
}
|
|
}
|
|
if (bb) {
|
|
$("#btntj").attr("disabled", true);
|
|
$("#btntj").val("请稍候...");
|
|
var datas = {
|
|
at: at,
|
|
viewId: viewId,
|
|
guiges: strguiges,
|
|
CartId: CartId,
|
|
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) {
|
|
location.replace("shop_qygm.html");
|
|
} else {
|
|
onlink("/");
|
|
}
|
|
}
|
|
} else {
|
|
|
|
tishi3(data.msg, 3000);
|
|
}
|
|
$("#btntj").removeAttr("disabled");
|
|
$("#btntj").val("确认");
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
} else {
|
|
setlocalStorage("logindata", "shop_cart|qyaddcart()");
|
|
onlink("/");
|
|
}
|
|
}
|
|
function hideselectbg() {
|
|
$(".cartmsg").css("display", "block");
|
|
clearInterval(settimeout);
|
|
settimeout = setInterval(function () {
|
|
$(".cartmsg").css("display", "none");
|
|
clearInterval(settimeout);
|
|
}, 5000);
|
|
}
|
|
function addfavorite() {
|
|
userId = getlocalStorage("userId");
|
|
LoginId = getlocalStorage("LoginId");
|
|
if (userId != null) {
|
|
if ($("#addfavorite").html() == "收藏") {
|
|
$("#addfavorite").html("请稍候...");
|
|
var datas = {
|
|
userId: userId,
|
|
LoginId: LoginId,
|
|
viewId: viewId
|
|
}
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: "/apiajax.ashx?action=addfavorite",
|
|
data: datas,
|
|
dataType: "JSON",
|
|
error: function (xhr, type) {
|
|
tishi3("发生错误：" + JSON.stringify(xhr));
|
|
},
|
|
success: function (data) {
|
|
|
|
$("#addfavorite").html("收藏");
|
|
if (data.status == '1') {
|
|
|
|
tishi3(data.msg);
|
|
$("#addfavorite").html("已收藏");
|
|
|
|
} else {
|
|
|
|
tishi3(data.msg);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
} else {
|
|
onlink("/");
|
|
}
|
|
}
|
|
</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 id="content" class="ub ub-ver ub-f1 tx-l">
|
|
<div class="ub ub-f1 uhide" id="JCHG_Box">
|
|
<div class="tab flex-around">
|
|
<a class="on">洞藏购买</a>
|
|
<a href="JCHG.html">精彩回顾</a>
|
|
</div>
|
|
</div>
|
|
<div id="slideBox" class="slideBox">
|
|
|
|
<div class="bd">
|
|
<ul></ul>
|
|
</div>
|
|
|
|
<div class="hd">
|
|
<ul></ul>
|
|
</div>
|
|
</div>
|
|
<div style=" clear: both; height:0;">
|
|
<div style="padding:0 0.8em; box-sizing:border-box;">
|
|
<div class="jhqw_view">
|
|
<div class="jhqw_view_title">
|
|
<h1 id="view_title"></h1>
|
|
<div style="clear: both;"></div>
|
|
<h2 class="tmje" id="lsjg" style=" display:none"><span class="lsj">零售价：</span><del id="view_lsjg"></del></h2>
|
|
<div style="clear: both;"></div>
|
|
<h2 class="tmje" id="hyjg" style=" display:none"><span class="tmj">会员价：</span><em id="view_hyje"></em></h2>
|
|
<div style="clear: both;"></div>
|
|
<h2 class="tmje" id="hynum" style=" display:none"><span class="tmj">购买数量：</span><em id="view_hynum"></em></h2>
|
|
<div style="clear: both;"></div>
|
|
<h2 class="tmje" id="hyjg2" style="display:none; position:absolute; top:2.5em; right:0; width:10em; height:3em; text-align:center; background-color:#c24e4b; line-height:3em; border:2px solid #6a0304 font-size:18px; color:#fff;border-radius:0.5em 0 0 0.5em;"><span id="view_hyje2_title">会员价：</span><span id="view_hyje2"></span></h2>
|
|
<div style="clear: both;"></div>
|
|
<h2 id="bianhao_box">编号：<span id="view_bianhao"></span></h2>
|
|
<div style="clear: both;"></div>
|
|
<h2>库存：<span id="view_kc">0</span></h2>
|
|
</div>
|
|
|
|
<div style="clear: both;"></div>
|
|
<h3 class="detail"><label>图文详情</label></h3>
|
|
<div style="clear: both;"></div>
|
|
<div class="Body" id="view_body"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<div style="height:3em;"></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<p class="pullUp">上拉加载...</p>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
<footer class="" style=" width:100%; padding:0;background-color:#fff;border:0;">
|
|
<div class="cartmbox">
|
|
<div class="leftbox">
|
|
<div class="leftbox_button" onclick="onloginlink('mykf.html');">
|
|
<img src="../image/server.png" />
|
|
<span>客服</span>
|
|
</div>
|
|
<div class="leftbox_button" style="width:2.8em;" onclick="addfavorite();">
|
|
<img src="../image/favorite.png" id="addfavoriteimg" />
|
|
<span id="addfavorite">收藏</span>
|
|
</div>
|
|
|
|
<div class="leftbox_ShoppingCart" onclick="hideselectbg()">
|
|
<label></label>
|
|
|
|
<div class="cartnum" id="cartcount">0</div>
|
|
</div>
|
|
</div>
|
|
<div class="rightbox">
|
|
<input id="save2" type="button" onclick="addcart(1);" value="立即购买" class="input_shopjs">
|
|
<input id="save" type="button" InventoryId="" onclick="addcart(0);" value="加入购物车" class="input_shopcart">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
<!-- 选择规格框 -->
|
|
<div class="select_box_bg" onclick="onselectout()">
|
|
<div class="select_box" onclick="stopPropagation(event)" style="background:#1C7A47">
|
|
<div class="select_box_to">
|
|
<div class="select_box_pic"></div>
|
|
<div class="select_box_title">
|
|
<div class="selguige">
|
|
<span class="selguige_font">请选择：</span>
|
|
<span class="selguige_title">规格或颜色</span>
|
|
</div>
|
|
</div>
|
|
<div class="close" onclick='closeselect()'><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="btntj" type="button" onclick="qyaddcart();" value="确认" class="qybtn" />
|
|
|
|
</div>
|
|
<input id="addtype" type="hidden" value="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="Hidden_box" id="color_box" onclick="closecolor()">
|
|
<div class="Hidden_box_to" onclick="stopPropagation(event)">
|
|
<div class="title">点击下面颜色</div>
|
|
<div class="close" onclick="closecolor()"><img src="../image/close.png" /></div>
|
|
<div class="body">
|
|
|
|
<div class="select_box_selcolor">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cartmsg">
|
|
<h3>商品已经成功加入</h3>
|
|
<h4 onclick='onlink("shop_cart.html")'>去付款</h4>
|
|
<em></em><i onclick="$('.cartmsg'),'display:none')">x</i>
|
|
</div>
|
|
<div class="layer" onclick='$(".layer").fadeOut();'>
|
|
<div><img src="/images/jt.png" alt=""></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>
|