2 Star 1 Fork 2

徐子玉 / 品贷网

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
product.html 35.86 KB
一键复制 编辑 原始数据 按行查看 历史
徐子玉 提交于 2017-07-05 11:21 . + pdw
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{$SEO_Title_html}</title>
<meta name="keywords" content="{$SEO_Keywords_html}" />
<meta name="description" content="{$SEO_Description_html}">
<meta name="author" content="Administrator">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--css-->
<link rel="stylesheet" href="css/head.css" />
<link rel="stylesheet" href="css/index2.css" />
<link rel="stylesheet" href="css/topbannerSecond.css" />
<link rel="stylesheet" href="css/indent.css" />
<link rel="stylesheet" href="css/add.css" />
<link rel="stylesheet" href="css/shopListing.css" />
<link rel="stylesheet" href="css/productDetails.css" />
<link rel="stylesheet" href="css/footercom.css" />
<!--js-->
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!-- 数量加减 -->
<script type="text/javascript" src="js/jquery.Spinner.js"></script>
<!--[if lte IE 8]>
<script src="js/ieBetter.js"></script>
<![endif]-->
<!-- 产品页轮播 -->
<script type="text/javascript" src="js/right-side/parabola.js"></script>
<script type="text/javascript" src="js/right-side/right_side.js"></script>
<script type="text/javascript" src="js/json2.js"></script>
<script type="text/javascript" src="js/cookie.js"></script>
<script type="text/javascript" src="js/hd_nav.js"></script>
</head>
<body>
<!-- gg_top -->
{$ad_head_html}
<!-- top_header 顶部 -->
{$user_head_html}
<!-- top-main-->
{$search_head_html}
<div id="indexMain11">
<!--导航-->
<div id="headerNav">
<div class="wrap_1200 hd_header_nav clearfix">
<!--所有商品分类-->
<div id="allSortOuterbox" class="hd_header_nav_div clearfix">
<div class="allSortOuterbox_til">产品类别</div>
</div>
<!--快速导航-->
<ul id="global_menu" class="hd_header_nav_div">
<img src="images/images/oratil2_12.jpg" class="allSortOuter_trigon">
<li><a href="index.php" class="active">&nbsp;&nbsp;首页&nbsp;&nbsp;</a> </li>
<li id="applyAgent" class="header_nav_bigger"><a href="applicationAgency.php" target="_blank">申请代理意向</a> </li>
<li class="header_nav_bigger">
<div class="header_nav_order">装修师傅预约<i class="pullIcon"></i></div>
<div class="header_nav_pulldown" style="display: none;">
<ul>
<li><a href="seekMaster.php">查询装修师傅</a></li>
<li><a href="fitmentRegister.php">装修维修登记</a></li>
<li><a href="masterSeekJob.php">装修师傅找活</a></li>
</ul>
</div>
</li>
<li class="header_nav_bigger">
<div>同城顺带物流<i class="pullIcon"></i></div>
<div class="header_nav_pulldown" style="display: none;">
<ul>
<li><a href="shipments.php">我要发货</a></li>
<li><a href="deliverGoods.php">我要送货</a></li>
<li><a href="shipmentList.php">我的物流</a></li>
</ul>
</div>
</li>
<li><a href="quickorder.php" target="_blank">快速下单</a> </li>
<li><a href="./brandWall.php" target="_blank">品牌大全</a> </li>
<li><a href="./commodity.php" target="_blank">商品专区</a> </li>
</ul>
<!--手机品代-->
<div class="global_menu_mobile">
<i class="header_nav_mobile"></i>
<div class="header_nav_mobile_img" style="display: none;">
<img src="images/head/downloadAPP.jpg" />
</div>
</div>
<!--申请代理-->
<!--<div id="applyAgent" class="hd_header_nav_div1">
<a href="applicationAgency.php">
<img src="images/head/proposer.jpg" class="applypic" />
</a>
</div>-->
</div>
</div>
</div>
<!--主界面-->
<div id="Deatils_main">
<div class="wrap_1200 Details_main clearfix">
<div class="ProDetails_top">
<div class="DetailsTop_top">
<p>品代首页</p>
<p>></p>
<a id="href_factory" href="">
<p id="name"></p>
</a>
</div>
<div class="DetailsTop_buttom">
<div class="DetailsTop_left">
<img src="" class="DetailsLeft_pic" />
<div class="DetailsLeft_box">
<ul id="p_image">
</ul>
</div>
<div class="DetailsLeft_collect">
<i class="details_collect_icon"></i>
<p>收藏此产品</p>
</div>
</div>
<div class="DetailsTop_mid">
</div>
<div class="DetailsTop_right DetailsR_box clearfix" id="box">
<div class="DetailsRight_top">
<i class="IconsLine right_line"></i>
<span>热销商品</span>
</div>
<div class="DetailsRight_buttom">
<div class="DetailsRight_pic">
</div>
<!--<div class="DetailsRight_Text"><a id="about_factory" href="">去厂家店铺逛逛&nbsp;></a></div>-->
</div>
</div>
</div>
</div>
<div class="ProDetails_buttom clearfix">
<div class="product_left">
<div id="p_name" class="productCase_service">
</div>
<div class="productCase_sort">
<div class="shopCase_shopSearch">
<i class="product_icon_search"></i>
<span>宝贝分类</span>
</div>
<div class="shopCase_shangpin">
<div class="shopCase_chakan">
<i class="icon_Sort"></i>
<i class="icon_allSort" style="display: none;"></i>
<span>查看所有宝贝</span>
</div>
</div>
<div class="productCase_detail clearfix">
<ul id="p_factory">
</ul>
</div>
</div>
<div class="productCase_recommendation">
<div class="shopCase_shopSearch">
<i class="product_icon_search"></i>
<span>产品推荐</span>
</div>
<div class="shopCase_picWall">
</div>
</div>
</div>
<div class="DetailsButtom_right ">
<div class="DetailsBRight_top">
<p class="DetailsBRight_text">商品介绍</p>
</div>
<div class="DetailsBRight_but">
<!-- <a href="javascript:;"><img src="images/images/pic_shuangshiyi.jpg" /></a>
<a href="javascript:;"><img src="images/images/xiangya.jpg" /></a>-->
</div>
</div>
</div>
</div>
</div>
<!--sidebar-->
{$sidebar_html}
<!--footer-->
<div class="comfooter">
{$foot_html}
</div>
<script>
//滚动到头部
$.fn.smartFloat = function () {
var position = function (element) {
$(window).scroll(function () {
var scrolls = $(this).scrollTop();
if (scrolls > 850 && scrolls < 1535) {
element.show();
if (window.XMLHttpRequest) {
element.css({
position: "fixed",
top: "0px",
left: "50%",
marginLeft : "398px"
});
} else {
element.css({
top: scrolls
});
}
} else {
element.show();
element.css({
position: "absolute",
top: top,
left: "50%",
marginLeft : "398px"
});
}
if(scrolls >1535){
$('#box').unbind('scroll');
}
});
};
return $(this).each(function () {
position($(this));
});
}
</script>
<script type="text/javascript">
$(document).ready(function() {
// 滚动到头部
$("#box").smartFloat();
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
}
var factoryId = GetQueryString("factoryId");
var productId = GetQueryString("productId");
$.ajax({
type:"post",
url:"api.php?act=productCollectState",
data:{productId:productId},
async:true,
success:function(result){
var collect = $('.details_collect_icon');
if(result == true){
collect.css('background-position','-300px -640px').addClass('abcd');
}
else{
collect.css('background-position','-260px -640px').removeClass('abcd');
}
}
});
var userProxyId = {$userId};
detail(productId, factoryId, userProxyId);
factoryName(factoryId);
nav(factoryId);
RecommendProduct(factoryId);
var num = 3;
HotProduct(factoryId, num);
//厂家或者产品选择
var hd_search_input1 = $('.hd_search_input1');
var searchdropdown = $('.searchdropdown');
$('#href_factory').attr('href', 'store.php?id=' + factoryId);
$('#enter_factory').attr('href', 'store.php?id=' + factoryId);
hd_search_input1.click(function() {
$('.searchdropdown').show();
});
$('.searchdropdown').mouseleave(function() {
$('.searchdropdown').hide();
});
$('.searchdropdown_til').click(function() {
var til1 = $(this).html();
$('.hd_search_input1').html(til1);
$('.searchdropdown').hide();
});
//产品类别
var allSortOuterbox_til = $('.allSortOuterbox_til');
var allSortOutbox_left = $('allSortOutbox_left');
allSortOuterbox_til.click(function() {
$('.allSortOutbox_left').show();
});
$('#allSortOuterbox').mouseleave(function() {
$('.allSortOutbox_left').hide();
});
//所有商品分类
var allSort_conli = $('.allSort_conli');
var allSortOuterbox_sort = $('.allSortOuterbox_sort');
allSort_conli.mouseover(function() {
$('#allSortOuterbox_div').css({
'display': 'block',
'z-index': '100'
});
$(this).addClass('active').siblings().removeClass('active');
var index3 = allSort_conli.index(this);
allSortOuterbox_sort.eq(index3).show().siblings().hide();
});
$('#allSortOuterbox').mouseleave(function() {
allSort_conli.removeClass('active');
$('#allSortOuterbox_div').css({
'display': 'none',
'z-index': '-10'
});
});
// 图片选中
// $('.p_image li').click(function(){
// var tills = $(this).attr('src');
//// console.log(tills);
// var aaa = $('.DetailsLeft_pic').attr('src', tills);
// $(this).css('border', '2px solid #ffa700').siblings().css('border', '2px solid #eeeeee');
// });
$('.DetailsLeft_small').toggle(function() {
var tills = $(this).attr('src');
// console.log(tills);
var aaa = $('.DetailsLeft_pic').attr('src', tills);
// console.log(aaa);
$(this).css('border', '2px solid #ffa700');
$(this).parent('li').siblings().find('.DetailsLeft_small').css('border', 'none');
}, function() {
$(this).removeClass('checked').find('.icon_checked').hide();
});
// 产品收藏
$('.DetailsLeft_collect').click(function(){
var collect = $('.details_collect_icon');
if(collect.hasClass('abcd')){
if(userProxyId > 0){
collect.css('background-position','-260px -640px').removeClass('abcd');
$.ajax({
type:"post",
url:"api.php?act=productCollect",
data:{
productId:productId,
status:1
},
async:true,
success:function(result){
}
});
}
else{
if(confirm("需要登录才能收藏产品,是否前往登陆?")){
var url = window.location.href;
var path = url.substr(url.lastIndexOf('/'), url.length - url.lastIndexOf('/'));
window.location.href = 'login.html?path=' + path;
}
}
}
else{
if(userProxyId > 0){
collect.css('background-position','-300px -640px').addClass('abcd');
$.ajax({
type:"post",
url:"api.php?act=productCollect",
data:{
productId:productId,
status:0
},
async:true,
success:function(result){
}
});
}
else{
if(confirm("需要登录才能收藏产品,是否前往登陆?")){
var url = window.location.href;
var path = url.substr(url.lastIndexOf('/'), url.length - url.lastIndexOf('/'));
window.location.href = 'login.html?path=' + path;
}
}
}
});
// 宝贝分类,点击查看更多宝贝
$('.productCase_detail ul li').click(function() {
//点击分类
// var typeId = $(this).find('span').attr('tid');
//alert(typeId);
// productLists('', factoryId, seriesId, typeId, 0, 0, 1, 10);
var detailLi = $('.productCase_detail ul li');
if (!$(this).hasClass('liac')) {
detailLi.removeClass('liac').find('i').removeClass('yellowchencked').addClass('chencked').end().find('span').removeClass('active');
$(this).addClass('liac');
$(this).find('i').removeClass('chencked').addClass('yellowchencked');
$(this).find('span').addClass('active');
} else {
$(this).removeClass('liac');
$(this).find('i').removeClass('yellowchencked').addClass('chencked');
$(this).find('span').removeClass('active');
}
});
$('.shopCase_chakan').toggle(function() {
$('.icon_allSort').show();
$('.icon_Sort').hide();
$('.productCase_detail').hide();
}, function() {
$('.icon_allSort').hide();
$('.icon_Sort').show();
$('.productCase_detail').show();
});
//分享收藏
$('.IconPic').toggle(function() {
$(this).css('background-position', '-40px -60px');
}, function() {
$(this).css('background-position', '-40px -40px');
});
$('.Iconpic1').toggle(function() {
$(this).css('background-position', '-70px -60px');
}, function() {
$(this).css('background-position', '-70px -40px');
});
/*
$('.DetailsLeft_box').click(function () {
$('.DetailsLeft_small').slideToggle();
});
*/
//上下滑动
$(function() {
var menu = $('#box'),
pos = menu.offset();
//console.log(pos.top);
$(window).scroll(function() {
if ($(this).scrollTop() > pos.top + menu.height() && menu.hasClass('DetailsR_box')) {
menu.fadeOut('fast', function() {
$(this).removeClass('DetailsR_box').addClass('DetailsR_box_right').fadeIn('fast');
});
} else if ($(this).scrollTop() <= pos.top && menu.hasClass('DetailsR_box_right')) {
menu.fadeOut('fast', function() {
$(this).removeClass('DetailsR_box_right').addClass('DetailsR_box').fadeIn('fast');
});
}
})
});
//获取推荐商品
function RecommendProduct(factoryId) {
$.ajax({
type: "post",
url: "api.php?act=Recommend",
async: false,
data: {
factoryId: factoryId,
},
success: function(data) {
if (data != "") {
data = $.parseJSON(data);
var html = '';
$.each(data, function(n, value) {
html += '<div class="shopCase_Wall">';
html += '<div class="shopCase_pic">';
html += '<a href ="product.php?factoryId=' + factoryId + '&productId=' + value.ProductId + '"><img src="' + value.picUrl + '" /></a>';
html += '</div>';
html += '<div class="shopCase_textWall">';
html += '<p class="shopCase_WallText" title="">' + value.ProductName + '</p>'
html += '</div>';
html += '</div>';
});
$('.shopCase_picWall').html(html);
}
}
});
}
//获取热门商品
function HotProduct(factoryId, num) {
$.ajax({
type: "post",
url: "api.php?act=HotDetail",
async: false,
data: {
factoryId: factoryId,
num: num,
},
success: function(data) {
var html = '';
if (data != "") {
data = $.parseJSON(data);
$.each(data, function(n, value) {
html += '<div class="DetailsRight_img">';
html += '<a href="product.php?factoryId=' + factoryId + '&productId=' + value.ProductId + '">';
html += '<img src="' + value.picUrl + '">';
html += '<div class="DetailsRight_text">';
html += '<p class="DetailsRight_text1" title="">' + value.ProductName + '</p>';
html += '</div>';
html += '</a>';
html += '</div>';
});
$('.DetailsRight_pic').html(html);
}
}
});
}
//获取厂家导航
function nav(factoryId) {
$.ajax({
type: "post",
url: "api.php?act=getShopInfo",
async: false,
data: {
factoryId: factoryId,
},
success: function(data) {
if (data != "") {
data = $.parseJSON(data);
var html = '';
$.each(data, function(n, value) {
html += '<li></i><a href="store.php?id=' + factoryId + '"><span tid="' + value.typeId + '">' + value.typeName + '</span></a></li>';
});
$('#p_factory').html(html);
}
}
});
}
//厂家名称
function factoryName(factoryId) {
$.ajax({
type: "post",
url: "api.php?act=factoryLogo",
async: false,
data: {
factoryId: factoryId,
},
success: function(data) {
if (data != "") {
data = $.parseJSON(data);
var html = '';
$.each(data, function(n, value) {
//console.info(value);
if (n < 1) {
html += '<div class="productCase_text">' + value.Abbreviation + '</div>';
html += '<div class = "productCase_text1" >';
//html += '<div class = "shopCase_textTop"><span> 品代客服 </span><i class="icon_checke"></i></a></div>';
html += '<div class = "productCase_button clearfix">';
html += '<div id="enter" class = "productCase_btn active"><a id="enter_factory" href="">进入厂家</a></div>';
html += '<div id="btn" class = "productCase_btn"> 收藏厂家 </div>';
html += '</div>';
html += '</div>';
}
});
$('#p_name').html(html);
//进入厂家,收藏厂家
var userId = {$userId}
$('#btn').click(function() {
$.post("api.php?act=collectState", {
factoryId: factoryId,
userProxyId: userProxyId
}, function(data) {
if (data == 1) {
alert('您已经该厂家,请不要重复收藏!');
} else {
if (userId != 0) {
var state = 0;
$('.shop_guanzhu').hide();
$('.shop_guanzhu1').show();
$.post("api.php?act=collect", {
factoryId: factoryId,
status: state
}, function(data) {});
alert('厂家收藏成功');
} else {
alert('请您先登录再收藏厂家');
}
}
});
});
$('.productCase_btn').click(function() {
$(this).addClass('active').siblings().removeClass('active');
$("#about_factory").attr("href", "store.php?id=" + factoryId);
});
}
}
});
}
//获取商品详情
function detail(productId, factoryId, userProxyId) {
$.ajax({
type: "post",
url: "api.php?act=factoryDetail",
async: false,
data: {
productId: productId,
factoryId: factoryId,
userProxyId: userProxyId,
},
success: function(data) {
var html = '';
var userId = {$userId};
var c_price = '';
var c_originaleprice = '';
if (data != "") {
items = $.parseJSON(data);
$.each(items, function(n, value) {
$('.DetailsBRight_but').html(value.memo);
var pic_html = '';
if (value.productPic != null) {
$.each(value.productPic, function(o, v) {
if (o == 0) {
$('.DetailsLeft_pic').attr("src", v.PicUrl);
pic_html += '<li><img src="' + v.PicUrl + '" class="DetailsLeft_small" style="border: 2px solid rgb(255, 167, 0);"></li>';
} else {
pic_html += '<li><img src="' + v.PicUrl + '" class="DetailsLeft_small"></li>';
}
});
$("#p_image").append(pic_html);
} else {
$(".DetailsLeft_pic").attr("src", '');
}
html += '<div nid="' + value.FactoryName + '" class="DetailsMid_text"><span class="shopNameTil">' + value.FactoryName + '</span><span class="title">' + value.productName + '</span></div>';
var count_nn = 1;
var standardhtml = ''
var unitoption = '';
var standardoption = '';
var fstStandard = "";
var c_discount = '';
var coloroption = '';
var color = '';
var unitArr = new Array();
var colorArray = new Array();
$.each(value.productStandard, function(m, l) {
if (m == 0) {
fstStandard = l.Standard;
}
if ($.inArray(l.Unit, unitArr) < 0) {
unitArr.push(l.Unit)
}
if($.inArray(l.Color,colorArray) < 0){
colorArray.push(l.Color);
}
if (l.Unit == unitArr[0]) {
if(l.Color == colorArray[0]){
standardhtml += '<li color="' + l.Color + '" unit="' + l.Unit + '"originalPrice ="' + l.originalPrice + '" price="' + l.price + '">' + l.Standard + '</li>';
}
else{
standardhtml += '<li style="display:none;" color="' + l.Color + '" unit="' + l.Unit + '"originalPrice ="' + l.originalPrice + '" price="' + l.price + '">' + l.Standard + '</li>';
}
} else {
standardhtml += '<li style="display:none;" color="' + l.Color + '" unit="' + l.Unit + '"originalPrice ="' + l.originalPrice + '" price="' + l.price + '">' + l.Standard + '</li>';
}
if (count_nn == 1) {
c_price = l.price;
c_originalPrice = l.originalPrice;
c_discount = Number(l.discount);
}
count_nn++;
});
var colorHtml = '';
for (j = 0; j < colorArray.length; j++) {
if(j == 0){
colorHtml += '<div id="f_color" class="DetailsMid_color pcolor active"><span>' + colorArray[j] + '</span><i class="IconsLine colorIcon" style="display:block;"></i></div>';
}
else{
colorHtml += '<div id="f_color" class="DetailsMid_color pcolor"><span>' + colorArray[j] + '</span><i class="IconsLine colorIcon" style="display:none;"></i></div>';
}
}
//颜色
html += '<div class="DetailsMid_Color">颜色:</div>';
html += colorHtml;
//单位加载
html += '<div class="DetailsMid_choose">';
html += '<span>单位:</span>';
html += '<div class="chooseDetailsMid" id = "punit">';
html += '<div class="DetailsMid_ProSel"><p id=selectedUnit>' + unitArr[0] + '</p><i class="yellowDaoSanjiao"></i></div>';
html += '<ul class="DetailsMidPullDown" style="display: none;">';
$.each(unitArr, function(x, u) {
html += '<li>' + u + '</li>';
});
html += '</ul>';
html += '</div>';
html += '</div>';
//规格加载
html += '<div class="DetailsMid_choose">';
html += '<span>规格:</span>';
html += '<div class="chooseDetailsMid">';
html += '<div class="DetailsMid_ProSel" id="standard_prosel">';
html += '<p id="selectedStandard">' + fstStandard + '</p>';
html += '<i class="yellowDaoSanjiao"></i>';
html += '</div>';
html += '<ul id="standard_ul" class="DetailsMidPullDown listStandard" style="display:none ;">';
html += standardhtml;
html += '</ul>'
html += '</div>';
html += '</div>';
html += ' <div id="type" class="DetailsMid_text2">';
html += '<div id="num" class="DetailsMid_text2">数量:';
html += '<div class="detailsMid_btn">-</div>';
html += '<input id="DetailsMid_text_box" class="number" name="goodnum" type="text" value="1" style="width:90px;text-align: center;" />';
html += '<div class="detailsMid_btn1">+</div>';
html += '<div class="DetailsMid_price">';
html += '<div id="price" class="DetailsMid_text1">单价:<span id="p_price" class="DetailsMid_text3">' + c_price + '</span><span id="p_originalprice" class="DetailsMid_Protext4">' + c_originalPrice + '</span></div>';
if (userId > 0) {
if (c_discount == 10) {
html += '<div class="MidCase_Protext2">折扣:无折扣</div>';
} else {
html += '<div class="MidCase_Protext2">折扣:' + c_discount + '折</div>';
}
} else {
html += '<div class = "DetailsMid_text8" > 折扣:注册会员享受优惠! </div>';
}
html += '</div>';
html += '<div class = "DetailsMid_text5" id="buttom">';
html += '<div class = "DetailsMid_text6" > 立即结算 </div>';
html += '<div class = "DetailsMid_text7" > 加入购物车 </div>';
html += '</div>';
html += '</div>';
html += '</div>';
html += '</div>';
});
$('.DetailsTop_mid').html(html);
//产品首页加载
var f_name = $('.DetailsTop_mid').find('.DetailsMid_text').attr('nid');
$('#name').text(f_name);
//单位选择
$('.DetailsMid_ProSel').click(function() {
$(this).parent('.chooseDetailsMid').find('ul').show();
});
$('.chooseDetailsMid').mouseleave(function() {
$(this).find('ul').hide();
});
$('.listStandard li').click(function() {
var first_standard = '';
var p_price = '';
var p_originalprice = '';
var till = $(this).html();
$(this).parents('.chooseDetailsMid').find('.DetailsMid_ProSel p').html(till);
var selectedUnit = $("#selectedUnit").html();
$('.DetailsMidPullDown').hide();
// $("#standard_ul li").each(function() {
// if (!($(this).attr('unit') == selectedUnit)) {
// $(this).hide();
// } else {
// if (first_standard == '') {
// first_standard = $(this).html();
// p_price = $(this).attr("price");
// p_originalprice = $(this).attr("originalprice");
// }
// $(this).show();
// }
// });
$("#selectedStandard").html(first_standard);
$("#p_price").html(p_price);
$("#p_originalprice").html(p_originalprice);
});
$('#punit').find('li').on('click',function(){
var till = $(this).html();
$(this).parents('.chooseDetailsMid').find('.DetailsMid_ProSel p').html(till);
$('.DetailsMidPullDown').hide();
var selectUnit = $(this).html();
var selectColor = $('.DetailsMid_color.active').find('span').html();
var i = 0;
$('#standard_ul li').each(function(){
if($(this).attr("color") == selectColor && $(this).attr("unit") == selectUnit){
$(this).show();
if(i == 0){
i++;
$(this).click();
}
}
else{
$(this).hide();
}
});
});
//颜色选择
$('.pcolor').on('click',function() {
$(this).addClass('active').find('.colorIcon').show();
$(this).siblings().removeClass('active').find('.colorIcon').hide();
var selectUnit = $('#selectedUnit').html();
var selectColor = $('.DetailsMid_color.active').find('span').html();
var i = 0;
$('#standard_ul li').each(function(){
if($(this).attr("color") == selectColor && $(this).attr("unit") == selectUnit){
$(this).show();
if(i == 0){
i++;
$(this).click();
}
}
else{
$(this).hide();
}
});
});
$("#standard_ul li").click(function() {
var first_standard = $(this).html();
var p_price = $(this).attr("price");
var p_originalprice = $(this).attr("originalprice");
$("#selectedStandard").html(first_standard);
$("#p_price").html(p_price);
$("#p_originalprice").html(p_originalprice);
});
//数量加
$(".detailsMid_btn1").click(function() {
//alert(1);
var number = $(this).siblings(".number");
if (number.val() < 999) {
number.val(parseInt(number.val()) + 1); //数量框+1
$(".detailsMid_btn1").attr("enabled", "true");
} else {
number.val(999);
$(".detailsMid_btn1").attr({
"border-color": "#000",
"color": "#ccc"
});
$(".detailsMid_btn1").attr("enabled", "false");
}
});
//数量减
$(".detailsMid_btn").click(function() {
var number = $(this).siblings(".number");
if (number.val() > 1) {
number.val(parseInt(number.val()) - 1);
$(".detailsMid_btn").attr("enabled", "true");
} else {
number.val(1);
$(".detailsMid_btn").attr({
"border-color": "#000",
"color": "#ccc"
});
$(".detailsMid_btn").attr("enabled", "false");
}
});
var userId = {$userId};
// console.info(userId);
//加入购物车
$('.DetailsMid_text7').bind('click', function() {
//alert(1);
if (userId > 0) {
var cartId = GetQueryString("factoryId"); //获取店铺ID
// console.info(cartId);
var itemId = GetQueryString("productId"); //商品ID
var title = $(this).parents('#buttom').parents('#num').parent('#type').siblings('.DetailsMid_text').find('.title').text(); //获取名称
var specUnit = $('#selectedUnit').html(); //规格单位
var spec = $('#selectedStandard').html(); //获取规格
var specPrices = $('#p_price').text(); //获取单价
var specOriginalPrices = $(this).parents('#buttom').siblings('.DetailsMid_price').children('#price').find('.DetailsMid_text3').text(); //规格原价
//console.info(specOriginalPrices);
var count = $(this).parents('#buttom').siblings('#DetailsMid_text_box').val(); //获取数量
var showPic = $(this).parents('#buttom').parents('#num').parents('#type').parents('.DetailsTop_mid').siblings('.DetailsTop_left').find(".DetailsLeft_pic").attr('src');
//console.info(showPic);
var factory = $(this).parents('#buttom').parents('#num').parents('#type').siblings(".DetailsMid_text").find('.shopNameTil').text(); //厂家名称
var color = $('.pcolor.active').text(); //颜色
if (count.match(/(^\d{1,3}$)/)) {
var val = parseInt(count);
if (val > 999 || val < 1) {
alert('每件商品一次下单只允许1-999件。');
} else {
var cartHelper = new ShoppingCartHelper(userId, cartId, factory);
cartHelper.Init();
cartHelper.Addnew(itemId, title, count, specOriginalPrices, specPrices, specUnit, spec, showPic, color);
//console.info(itemId, title, count, specOriginalPrices, specPrices, specUnit, spec, showPic, color);
alert('添加成功');
var flyElm = $(this).parents('#buttom').parents('#num').parents('#type').parents('.DetailsTop_mid').siblings('.DetailsTop_left').find('.DetailsLeft_pic').clone().css('opacity', '0.7');
//console.info(flyElm);
flyElm.css({
'z-index': 9000,
'display': 'block',
'position': 'absolute',
'top': $(this).offset().top + 'px',
'left': $(this).offset().left + 'px',
'width': 50 + 'px',
'height': 50 + 'px',
'border-radius': 25 + 'px',
});
$('body').append(flyElm);
flyElm.animate({
top: $('.mycart').offset().top,
left: $('.mycart').offset().left,
width: 0,
height: 0,
}, 'slow');
var user_id = {$userId};
if (user_id > 0) {
var shopping = new ShoppingCartList(user_id);
var list = shopping.Read();
var goods_count = 0;
$.each(list, function(n, id) {
var store = new ShoppingCartHelper(user_id, id);
if (store.Count() > 0) {
var cart = store.Read();
$.each(cart.Items, function(n, item) {
goods_count++;
});
}
});
$('.shoppingText').text(goods_count);
//console.info($('.shoppingText').text());
}
}
} else {
alert('请重新输入一个有效的正整数。');
}
} else {
alert('要下单?请先登录品代网!');
var url = window.location.href;
var path = url.substr(url.lastIndexOf('/'), url.length - url.lastIndexOf('/'));
window.location.href = 'login.html?path=' + path;
}
});
//立即结算
$('.DetailsMid_text6').bind('click', function() {
if (userId > 0) {
var cartId = GetQueryString("factoryId"); //获取店铺ID
var itemId = GetQueryString("productId"); //商品ID
var title = $(this).parents('#buttom').parents('#num').parent('#type').siblings('.DetailsMid_text').find('.title').text(); //获取名称
var specUnit = $('#selectedUnit').html() //规格单位
var spec = $('#selectedStandard').html(); //获取规格
var specPrices = $('#p_price').text(); //获取单价
var specOriginalPrices = $(this).parents('#buttom').siblings('.DetailsMid_price').children('#price').find('.DetailsMid_text3').text(); //规格原价
//console.info(specOriginalPrices);
var count = $(this).parents('#buttom').siblings('#DetailsMid_text_box').val(); //获取数量
var showPic = $(this).parents('#buttom').parents('#num').parents('#type').parents('.DetailsTop_mid').siblings('.DetailsTop_left').find(".DetailsLeft_pic").attr('src');
//console.info(showPic);
var factory = $(this).parents('#buttom').parents('#num').parents('#type').siblings(".DetailsMid_text").attr('nid'); //厂家名称
var color = $('#f_color').text(); //颜色
if (count.match(/(^\d{1,3}$)/)) {
var val = parseInt(count);
if (val > 999 || val < 1) {
alert('每件商品一次下单只允许1-999件。');
} else {
var cartHelper = new ShoppingCartHelper(userId, cartId, factory);
cartHelper.Init();
cartHelper.Addnew(itemId, title, count, specOriginalPrices, specPrices, specUnit, spec, showPic, color);
// console.info(itemId, title, count, specOriginalPrices, specPrices, specUnit, spec, showPic, color);
location.href = "cart.php";
}
} else {
alert('请重新输入一个有效的正整数。');
}
} else {
alert('要下单?请先登录品代网!');
var url = window.location.href;
var path = url.substr(url.lastIndexOf('/'), url.length - url.lastIndexOf('/'));
window.location.href = 'login.html?path=' + path;
}
});
}
}
});
}
});
</script>
</body>
</html>
1
https://gitee.com/xuqipeter/pdw.git
git@gitee.com:xuqipeter/pdw.git
xuqipeter
pdw
品贷网
master

搜索帮助