代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>产品搜索-品代网</title>
<meta name="keywords" content="代理，加盟，招商，批发，零售，掌上建材，PPR，PVC,PE，管材，管件，波纹管，缠绕管，卫浴，陶瓷，龙头，浴缸，地漏，吊顶，灯具，开关，插线板，插座，电线，电缆，水暖五金，地板，油漆，地暖，太阳能，净水器，装修材料" />
<meta name="description" content="品代网（www.pwd123.com）是中国首家采用云管理系统，互联网加实体营销管理为一体的交易平台。专业的建材行业综合网上购物平台，销售管材管件，水暖卫浴，厨卫洁具，灯具开关，板材五金，油漆涂料，电线电缆，家装材料，建筑材料，五金配件，防水等。正品低价，品质保证，便捷操作，诚信服务">
<link rel="shortcut icon" href="favicon.ico"/>
<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,chrome=1" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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/footercom.css" />
<link rel="stylesheet" href="css/ProductListing.css"/>
<link rel="stylesheet" href="css/ProducttopCase.css" /><!--上面部分-->
<link rel="stylesheet" href="css/factory_listing.css" />
<link rel="stylesheet" href="css/jPages.css" />
<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/cart.js"></script>
<script src="js/jPages.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>
<img class="allSortOuter_trigon" src="images/images/oratil2_12.jpg" style="left: 149px;">
</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"> 首页 </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>
</div>
</div>
<!--选择块-->
<div id="MidMain" class="MidMain clearfix">
<div class="wrap_1200">
<div class="wrap_1200 relative clearfix">
<div class="wrap_925">
<div class="BigCase_product" >
<!--品代首页-->
<div class="TopCase_first ">
<div class="TopCase_text11"><i class="icon_index"></i><a href="javascript:" >产品列表</a></div>
<!-- <img src="images/images/small_03.jpg" />
<span id="seriesName" class="TopCase_text3"></span>-->
</div>
<div class="TopCase_product" >
<!--系列-->
<div class="TopCase_one TopCase_show clearfix" >
<div class="TopCase_text1">系列</div>
<div class="TopCase_right_box1" id="factory_type">
<span id= "sid_seriesId" class="TopCase_text" sid="1">管材管件</span>
<span id= "sid_seriesId" class="TopCase_text" sid="2">厨房卫浴</span>
<span id= "sid_seriesId" class="TopCase_text" sid="3">灯具开关</span>
<span id= "sid_seriesId" class="TopCase_text" sid="4">板材五金</span>
<span id= "sid_seriesId" class="TopCase_text" sid="5">油漆涂料</span>
<span id= "sid_seriesId" class="TopCase_text" sid="6">电线电缆</span>
</div>
</div>
<!--品牌-->
<div class="TopCase_second TopCase_show clearfix" >
<div class="TopCase_text1 ">品牌</div>
<!--未点击多选-->
<div class="TopCase_BoxPic3 clearfix" >
<div class="TopCase_BoxPic clearfix">
<ul>
<li id="type">
</li>
<a href="javascript:;" class="ChooseMore">多选</a>
</ul>
</div>
</div>
<!--点击多选后-->
<div class="TopCase_BoxPic2 clearfix"style="display: none;" >
<div class="TopCase_letter clearfix" >
<span class="active">推荐</span><span>A</span><span>B</span><span>C</span><span>D</span>
<span>F</span><span>G</span><span>H</span><span>I</span><span>J</span>
<span>K</span><span>L</span><span>M</span><span>N</span><span>O</span>
<span>P</span><span>Q</span><span>R</span><span>S</span><span>T</span>
<span>W</span><span>X</span><span>Y</span><span>Z</span><span>其他</span>
</div>
<div class="TopCase_BoxPic1 clearfix">
<ul>
<li id="producttype">
</li>
</ul>
</div>
<div class="TopCase_choose1 clearfix" id="check_name" >
<span class="TopCase_text4">已选：</span>
<ul class="choosed_box">
</ul>
</div>
<div class="TopCase_second2But">
<div class="TopCase_buttom TopCase_buttom1">确定</div><div class="TopCase_buttom TopCase_buttom2">取消</div>
</div>
</div>
</div>
<!--龙头系列-->
<div id="xilie"> </div>
</div>
<!--更多选项-->
<div class="TopCase_More1">
<p class="TopCase_text7">更多选项</p>
</div>
</div>
<div class="MidCase_product clearfix" id="itemContainer" fst="0">
</div>
</div>
<div class="hotSell MenuNavDefault">
<div class="hotSell_img"><img src="images/images/hotSell_03_03.jpg"></div>
<div class="hotSell_pic">
<a href="javascript:;">
<img src="images/images/hotSellpic_04.jpg">
</a>
</div>
<div class="hotSell_pic">
<a href="javascript:;">
<img src="images/images/hotSellpic_05.jpg">
</a>
</div>
</div>
<input type="hidden" id="flag" value="0">
<input type="hidden" id="subtype_hid" value="0">
<input type="hidden" id="factory_hid" value="0">
<input type="hidden" id="seriesId_hid" value="0">
</div>
<!--页码-->
<div class="holder" style="">
</div>
</div>
</div>
<!--sidebar-->
{$sidebar_html}
<!--footer-->
<div class="comfooter1">
{$foot_html}
</div>
<!-- <script src="js/jquery-1.8.3.min.js"></script>-->
<script type="text/javascript">
var per_page = 16; //每页显示的条目数
$(document).bind('click', function (e) {
var target = $(e.target);
if (target.closest(".MidCasePullDown,.MidCase_ProSel").length == 0) {
$(".MidCasePullDown").hide();
}
e.stopPropagation();
});
$(document).ready(function () {
(function ($) {
$.getUrlParam = function (name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null)
return unescape(r[2]);
return null;
};
})(jQuery);
var subtypeId = $.getUrlParam('subTypeId');
var seriesId = $.getUrlParam('seriesId');
var typeId = $.getUrlParam('TypeId');
productList(seriesId);
$('#factory_type').find('#sid_seriesId').each(function(){
var sid = $(this).attr('sid');
if(seriesId == sid){
$(this).css({"color": "#ffa700"});
}else{
$(this).css({"color": "#959595"});
}
});
if(seriesId == '' || seriesId == null){
$('#xilie').hide();
$('.TopCase_More1').hide();
}else{
factoryInfoList(seriesId);
}
loadData(1, 0);
$('#itemContainer').attr("fst", "0");
var recordCount = $('#itemContainer').attr("recordCount");
if (recordCount > per_page) {
pagination(recordCount);
$(".holder").show();
} else {
$(".holder").hide();
}
$(function () {
var productWidth = $(".MidCase_ProPic").width();
var productHeight = $(".MidCase_ProPic").height();
if (productWidth > productHeight) {
$(".MidCase_ProPic").css({"width": "auto", "height": "144px", "max-width": "221px"})
} else {
$(".MidCase_ProPic").css({"width": "221px", "height": "auto", "max-height": "144px"})
}
});
//系列列表
function factoryInfoList(SeriesId) {
$.ajax({
type: "post",
url: "api.php?act=factoryInfoType",
async: false,
data: {
SeriesId: SeriesId,
},
success: function (data) {
var html = '';
if (data != '') {
items = $.parseJSON(data);
$.each(items, function (n, value) {
if (n < 3) {
html += '<div class="TopCase_forth TopCase_show clearfix">';
html += '<div class="TopCase_text1">' + value.TypeName + '</div>';
html += '<div id="f_xilie" class="TopCase_right_box">';
$.each(value.subType, function (m, l) {
html += '<span sid="' + l.subTypeId + '" class="TopCase_text">' + l.subTypeName + '</span>';
});
html += '</div>';
html += '</div>';
}
else
{
if (n > 3) {
html += '<div class="TopCase_forth TopCase_noshow clearfix">';
html += '<div class="TopCase_text1">' + value.TypeName + '</div>';
html += '<div id="f_xilie" class="TopCase_right_box">';
$.each(value.subType, function (m, l) {
html += '<span sid="' + l.subTypeId + '" class="TopCase_text">' + l.subTypeName + '</span>';
});
html += '</div>';
html += '</div>';
}
}
});
$('#xilie').html(html);
}
}
})
}
//点击系列
$('#factory_type').find('.TopCase_text').toggle(function () {
var c_seriesId = $(this).attr('sid');
var seriesId = $('#seriesId_hid').val();
$('#seriesId_hid').val(c_seriesId);
loadData(1, 2);
$('#itemContainer').attr("fst", "0");
var recordCount = $('#itemContainer').attr("recordCount");
if (recordCount > per_page) {
pagination(recordCount);
$(".holder").show();
} else {
$(".holder").hide();
}
$(this).css('color', '#FFA700').siblings().css('color', '#959595');
}, function () {
$(this).css('color', '#959595');
});
//点击分类
$('#xilie').children('.TopCase_forth').children('#f_xilie').find('.TopCase_text').on('click',function () {
var c_subtypeId = $(this).attr('sid');
var subtypeId = $('#subtype_hid').val();
$('#subtype_hid').val(c_subtypeId);
loadData(1, 3);
$('#itemContainer').attr("fst", "0");
var recordCount = $('#itemContainer').attr("recordCount");
if (recordCount > per_page) {
pagination(recordCount);
$(".holder").show();
} else {
$(".holder").hide();
}
$('.TopCase_text').css('color', '#959595');
$(this).css('color', '#FFA700');
});
//
$('#xilie').children('.TopCase_forth').children('#f_xilie').find('.TopCase_text').each(function(){
var sub_id = $(this).attr('sid');
if(sub_id == subtypeId){
$(this).css({"color": "#ffa700"});
}else{
$(this).css({"color": "#959595"});
}
});
//分页
function pagination(recordCount) {
$(".holder").jPages({
containerID: "itemContainer",
first: '首页',
last: '尾页',
previous: '上页',
next: '下页',
totalItemCount: recordCount,
perPage: per_page,
startPage: 1,
startRange: 1,
midRange: 5,
endRange: 1,
keyBrowse: true,
callback: function (pages, items) {
if ($('#itemContainer').attr("fst") == "0") {
$('#itemContainer').attr("fst", "1");
}
else {
$('.cancelimg').remove();
var flag = $("#flag").val();
loadData(pages.current, flag);
}
}
});
}
function loadData(pageIndex, flag) {
if (flag == 0) { //初始化
//加载判断是否是搜索
var searchText = $.getUrlParam('keys');
if(searchText != '' && searchText != null){
// var searchText = '';
var typeId = 0;
var seriesId = 0;
var subtypeId = 0;
var factoryIds = '';
}else{
var searchText = '';
var typeId = $.getUrlParam('TypeId');
var seriesId = $.getUrlParam('seriesId');
var subtypeId = $.getUrlParam('subTypeId');
var factoryIds = "";
}
$("#flag").val("0");
} else if (flag == 1) { //点击品牌
var searchText = "";
var factoryIds = $("#factory_hid").val();
var typeId = "";
var seriesId = "";
var subtypeId = "";
$("#flag").val("1");
} else if (flag == 2) { //点击系列
var searchText = "";
var factoryIds = "";
var subtypeId = 0;
var seriesId = $('#seriesId_hid').val();
if(seriesId != ''){
$('#xilie').show();
$('.TopCase_More1').show();
factoryInfoList(seriesId);
}
var typeId = 0;
$("#flag").val("2");
} else if (flag == 3) { //点击分类
var searchText = "";
var factoryIds = "";
var subtypeId = $('#subtype_hid').val();
var seriesId = '';
var typeId = 0;
$("#flag").val("3");
}
var userProxyId = {$userId};
productLists(searchText, factoryIds, seriesId, typeId, subtypeId, userProxyId, pageIndex, per_page);
if(flag > 0 || pageIndex > 1 ){
mao();
}
}
//产品列表
function productLists(searchText, factoryIds, seriesId, typeId, subTypeId, userProxyId, pageIndex, pageSize) {
$.ajax({
type: "post",
url: "api.php?act=product",
async: false,
data: {
searchText: searchText,
factoryIds: factoryIds,
seriesId: seriesId,
typeId: typeId,
subTypeId: subTypeId,
userProxyId: userProxyId,
pageIndex: pageIndex,
pageSize: pageSize
},
success: function (data) {
if (data != "") {
items = $.parseJSON(data);
var html = '';
var userId = {$userId};
var c_price = '';
var c_originalPrice = '';
$.each(items, function (n, value) {
$('#itemContainer').attr("recordCount", value.recordCount);
html += '<div class="MidCase_ProBox">';
html += '<div class ="productTopPic"><a class="pic" nid="' + value.FactoryName + '" pid="' + value.productId + '" cid="' + value.FactoryId + '" href="product.php?factoryId=' + value.FactoryId + '&productId=' + value.productId + '"><img src="' + value.picUrl + '" class="MidCase_ProPic" id="show-img" /></a></div>';
html += '<div class="MidCase_ProGroup" >';
html += '<div class="MidCase_Protext"><span class="shopname">' + value.FactoryName + '</span><span class="productNameTitle">' + value.productName + '</span></div>';
html += '<div class="MidCase_Protext1"><span>' + value.Type + '</span></div>';
var count_nn = 1;
var unitoption = '';
var standardHtml = '';
var fstStandard = "";
var c_discount = '';
var coloroption = '';
var unitArr = new Array();
var colorArr = 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 (l.Unit == unitArr[0]) {
standardHtml += '<li color="' + l.ColorName + '" unit="' + l.Unit + '"originalPrice ="' + l.originalPrice + '" price="' + l.price + '">' + l.Standard + '</li>';
}
else {
standardHtml += '<li style="display:none;" unit="' + l.Unit + '"originalPrice ="' + l.originalPrice + '" price="' + l.price + '">' + l.Standard + '</li>';
}
if ($.inArray(l.ColorName, colorArr)) {
colorArr.push(l.ColorName)
}
if (count_nn == 1) {
c_price = l.price;
c_originalPrice = l.originalPrice;
c_discount = Number(l.discount);
}
count_nn++;
});
html += '<div class="MidCase_choose clearfix">';
html += '<span>颜色：</span>';
html += '<div class="chooseMidCase">';
html += '<div class="MidCase_ProSel">';
html += '<p id="selectedColor">' + colorArr[0] + '</p>';
html += '<i class="yelloSanjiao"></i>';
html += '</div>';
html += '<ul class="MidCasePullDown" style="display:none ;">';
$.each(colorArr, function (y, c) {
html += '<li>' + c + '</li>';
});
html += '</ul>';
html += '</div>';
html += '</div>';
html += '<div id="unit" class="MidCase_choose clearfix">';
html += '<span>单位：</span>';
html += '<div class="chooseMidCase">';
html += '<div class="MidCase_ProSel">';
html += '<p id=selectedUnit>' + unitArr[0] + '</p>';
html += '<i class="yelloSanjiao"></i>';
html += '</div>';
html += '<ul class="MidCasePullDown" style="display:none ;">';
$.each(unitArr, function (x, u) {
html += '<li>' + u + '</li>';
});
html += '</ul>';
html += '</div>';
html += '</div>';
html += '<div id="standard" class="MidCase_choose clearfix">';
html += '<span>规格：</span>';
html += '<div class="chooseMidCase">';
html += '<div class="MidCase_ProSel">';
html += '<p id="selectedStandard">' + fstStandard + '</p>';
html += '<i class="yelloSanjiao"></i>';
html += '</div>';
html += '<ul class="MidCasePullDown listStandard" style="display:none ;">';
html += standardHtml;
html += '</ul>';
html += '</div>';
html += '</div>';
html += '<div id="divPrice" class="MidCase_Protext2">单价：<span id="price" class="MidCase_Protext3">' + c_price + '</span><span id="originalPrice" class="MidCase_Protext4">' + c_originalPrice + '</span></div>';
html += '<div id="number" class="MidCase_Protext2">数量：<div class="detailsMid_btn">－</div><input id="MidCase_text_box" name="goodnum" class="num" type="text" value="1" style="width:60px;text-align: center;" /><div class="detailsMid_btn1">＋</div></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="MidCase_Protext2">折扣：注册会员享受优惠！</div>';
}
html += '<div class="MidCase_Protext5">';
html += '<div class="MidCase_Protext6">立即结算</div>';
html += '<div class="MidCase_Protext7">加入购物车</div>';
html += '</div>';
html += '</div>';
html += '</div>';
});
$('.MidCase_product').html(html);
$('.MidCase_ProPic').each(function () {
var productWidth = $(this).width();
var productHeight = $(this).height();
if (productWidth > productHeight) {
$(this).css({"width": "auto", "height": "144px", "max-width": "221px"});
} else if (productWidth <= productHeight) {
$(this).css({"width": "221px", "height": "auto", "max-height": "144px"});
}
;
});
//下拉框点击事件
$('.MidCase_ProSel').on('click', function () {
$(this).parents('.MidCase_choose').siblings('.MidCase_choose').find('ul').hide();
$(this).parents('.MidCase_ProBox').siblings('.MidCase_ProBox').find('ul').hide();
if ($(this).parent('.chooseMidCase').find('ul').is(":hidden")) {
$(this).parent('.chooseMidCase').find('ul').show();
}
else {
$(this).parent('.chooseMidCase').find('ul').hide();
}
});
$('.MidCasePullDown li').click(function () {
var till = $(this).html();
$(this).parents('.chooseMidCase').find('.MidCase_ProSel p').html(till);
$('.MidCasePullDown').hide();
var selectedColor = $(this).parents('.MidCase_ProBox').find('#selectedColor').html();
var selectedUnit = $(this).parents('.MidCase_ProBox').find('#selectedUnit').html();
$(this).parents('.MidCase_ProBox').find('.listStandard li').each(function () {
if (!($(this).attr('unit') == selectedUnit)) {
$(this).hide();
}
else {
$(this).show();
}
});
if (!$(this).parents('.MidCasePullDown').hasClass('listStandard')) {
$(this).parents('.MidCase_ProBox').find('.listStandard').show();
$(this).parents('.MidCase_ProBox').find('#selectedStandard').html($(this).parents('.MidCase_ProBox').find('.listStandard li:visible:first').html());
$(this).parents('.MidCase_choose').siblings('#divPrice').find('#price').html($(this).parents('.MidCase_ProBox').find('.listStandard li:visible:first').attr('price'));
$(this).parents('.MidCase_choose').siblings('#divPrice').find('#originalPrice').html($(this).parents('.MidCase_ProBox').find('.listStandard li:visible:first').attr('originalPrice'));
$(this).parents('.MidCase_ProBox').find('.listStandard').hide();
}
else {
$(this).parents('.MidCase_choose').siblings('#divPrice').find('#price').html($(this).attr('price'));
$(this).parents('.MidCase_choose').siblings('#divPrice').find('#originalPrice').html($(this).attr('originalPrice'));
}
});
//数量加
$(".detailsMid_btn1").click(function () {
var num = $(this).siblings(".num");
if (num.val() < 999) {
num.val(parseInt(num.val()) + 1); //数量框+1
$(".detailsMid_btn1").attr("enabled", "true");
}
else
{
num.val(999);
$(".detailsMid_btn1").attr({"border-color": "#000", "color": "#ccc"});
$(".detailsMid_btn1").attr("enabled", "false");
}
});
//数量减
$(".detailsMid_btn").click(function () {
var num = $(this).siblings(".num");
if (num.val() > 1) {
num.val(parseInt(num.val()) - 1);
$(".detailsMid_btn").attr("enabled", "true");
}
else
{
num.val(1);
$(".detailsMid_btn").attr({"border-color": "#000", "color": "#ccc"});
$(".detailsMid_btn").attr("enabled", "false");
}
});
var userId = {$userId};
//加入购物车
$('.MidCase_Protext7').bind('click', function () {
if (userId > 0) {
var cartId = $(this).parents('.MidCase_ProBox').find(".productTopPic a").attr('cid');
var itemId = $(this).parents('.MidCase_ProBox').find(".productTopPic a").attr('pid') //商品ID
var title = $(this).parents('.MidCase_Protext5').siblings('.MidCase_Protext').find('.productNameTitle').text(); //获取名称
var specUnit = $(this).parents('.MidCase_Protext5').siblings('#standard').children('.chooseMidCase').children('.MidCase_ProSel').find('#selectedStandard').text(); //规格单位
var spec = $(this).parents('.MidCase_Protext5').siblings('#unit').children('.chooseMidCase').children('.MidCase_ProSel').find('#selectedUnit').text(); //获取规格
var color = $(this).parents('.MidCase_Protext5').siblings('#Color').find('option:selected').text(); //获取颜色
var specPrices = $(this).parents('.MidCase_Protext5').siblings('#divPrice').find('#price').text(); //规格单价
var specOriginalPrices = $(this).parents('.MidCase_Protext5').siblings('#divPrice').find('#originalPrice').text(); //规格原价
var count = $(this).parents('.MidCase_Protext5').siblings('#number').find('#MidCase_text_box').val(); //获取数量
var showPic = $(this).parents('.MidCase_Protext5').parents('.MidCase_ProGroup').siblings('.productTopPic').children('.pic').find("#show-img").attr('src'); //商品图片
var factory = $(this).parents('.MidCase_Protext5').parents('.MidCase_ProGroup').siblings('.productTopPic').find('.pic').attr('nid'); //厂家名称
var color = $('#selectedColor').text();
console.info(factory);
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);
console.info(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('.MidCase_ProGroup').siblings('.productTopPic').find('#show-img').clone().css('opacity', '0.7').addClass('cancelimg');
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);
}
}
}
else {
alert('请重新输入一个有效的正整数。');
}
}
else {
alert('要下单？请先登录品代网！');
window.location.href = 'login.html';
}
});
//立即结算
$('.MidCase_Protext6').bind('click', function () {
if (userId > 0) {
var cartId = $(this).parents('.MidCase_ProBox').find(".productTopPic a").attr('cid');
var itemId = $(this).parents('.MidCase_ProBox').find(".productTopPic a").attr('pid') //商品ID
var title = $(this).parents('.MidCase_Protext5').siblings('.MidCase_Protext').find('.productNameTitle').text(); //获取名称
var specUnit = $(this).parents('.MidCase_Protext5').siblings('#standard').children('.chooseMidCase').children('.MidCase_ProSel').find('#selectedStandard').text();//规格单位
var spec = $(this).parents('.MidCase_Protext5').siblings('#unit').children('.chooseMidCase').children('.MidCase_ProSel').find('#selectedUnit').text();//获取规格
var specPrices = $(this).parents('.MidCase_Protext5').siblings('#divPrice').find('#price').text();//规格单价
var specOriginalPrices = $(this).parents('.MidCase_Protext5').siblings('#divPrice').find('#originalPrice').text();//规格原价
var count = $(this).parents('.MidCase_Protext5').siblings('#number').find('#MidCase_text_box').val(); //获取数量
var showPic = $(this).parents('.MidCase_Protext5').parents('.MidCase_ProGroup').siblings('.productTopPic').children('.pic').find("#show-img").attr('src'); //商品图片
var factory = $(this).parents('.MidCase_Protext5').parents('.MidCase_ProGroup').siblings('.productTopPic').find('.pic').attr('nid'); //厂家名称
var color = $('#selectedColor').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);
location.href = "cart.php";
}
}
else {
alert('请重新输入一个有效的正整数。');
}
}
else {
alert('要下单？请先登录品代网！');
window.location.href = 'login.html';
}
});
}
else{
$('#itemContainer').attr("recordCount", '0');
$('#itemContainer').empty();
alert('您点击的产品厂家暂未上传，请点击其它分类查看');
}
}
})
}
//品牌列表
function productList(SeriesId) {
$.ajax({
type: "post",
url: "api.php?act=productlistType",
async: false,
data: {
SeriesId: SeriesId,
},
success: function (data) {
if (data != "") {
items = $.parseJSON(data);
var html = '';
$.each(items, function (n, value) {
html += '<li><div tid="' + value.FactoryId + '" class="TopCase_pic2"><img style="width:100px;height:52px" src="' + value.ListPic + '"/><i class="icon_checked" style="display: none;"></i></div></li>';
});
$('#type').html(html);
//图片单选
$('.TopCase_pic2').toggle(function () {
var c_factoryId = $(this).attr('tid');
$("#factory_hid").val(c_factoryId);
loadData(1, 1);
$('#itemContainer').attr("fst", "0");
var recordCount = $('#itemContainer').attr("recordCount");
if (recordCount > per_page) {
pagination(recordCount);
$(".holder").show();
} else {
$(".holder").hide();
}
$(this).addClass('checked').find('.icon_checked').show();
$(this).parent('li').siblings().find('.TopCase_pic2').removeClass('checked').find('.icon_checked').hide();
}, function () {
$(this).removeClass('checked').find('.icon_checked').hide();
});
}
}
})
}
//厂家或者产品选择
// var hd_search_input1 = $('.hd_search_input1');
// var searchdropdown = $('.searchdropdown');
// 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();
});
//点击更多选项,收起选项
$('.TopCase_noshow').hide();
$('.TopCase_text7').click(function () {
var Htmlvalue = $(this).html();
if (Htmlvalue == '更多选项') {
$(this).html('收起选项');
$('.TopCase_noshow').show();
} else {
$(this).html('更多选项');
$('.TopCase_noshow').hide();
}
});
//更多选择
$('.ChooseMore').click(function () {
$.post("api.php?act=productlistType", {}, function (data) {
var html = '';
if (data != '') {
items = $.parseJSON(data);
$.each(items, function (n, value) {
html += '<div class="TopCase_pic1" id="image_' + n + '">';
html += '<img fid="' + value.FstPY + '" style="width:100px;height:52px" bn="' + value.Abbreviation + '" src="' + value.ListPic + '"/>';
html += '<i class="icon_checked" style="display: none;"></i>';
html += '</div>';
html += '<p style="display:none">' + value.Abbreviation + '</p>';
});
$('#producttype').html(html);
//A,B,C,D选择
$('.TopCase_letter span').click(function () {
var Fst = $(this).html(); //点击字母
var zimu = Fst.toLowerCase();//大小写转换
$('#producttype').find('.TopCase_pic1').each(function (m,value) {
var t_id = $(this).find('img').attr('fid');
if(zimu != t_id){
$('#image_' + m).hide();
}else{
$('#image_' + m).show();
}
});
$(this).addClass('active').siblings().removeClass('active');
});
}
//图片多选
$('.TopCase_pic1').click(function() {
var bn = $(this).children('img').attr('bn');
if(!$(this).hasClass('checked')){
$(this).addClass('checked').find('.icon_checked').show();
$('.choosed_box').append("<li class='choosed_div'>" + bn + "<i class='icon_checked'></i></li>").addClass('cc');
}
else if($(this).hasClass('checked')){
$(this).removeClass('checked').find('.icon_checked').hide();
$('.choosed_box').each(function(){
var bn = $('.TopCase_pic1').children('img').attr('bn');
//console.info($('.choosed_div').text())
if(bn == $('.choosed_div').text()){
// alert(1);
// console.log(bn);
// console.info($('.choosed_div').text());
$(this).parents('.TopCase_BoxPic1').siblings('.TopCase_choose1').children('.choosed_box').find('li').hide();
}
})
$(this).parents('.TopCase_BoxPic1').siblings('.TopCase_choose1').children('.choosed_box').find('li').hide();
}
});
//点击取消
$('.TopCase_buttom2').click(function () {
$('.TopCase_BoxPic2').hide();
$('.TopCase_BoxPic3').show();
});
//点击确定
$('.TopCase_buttom1').on('click', function () {
// alert(1);
});
});
$('.TopCase_BoxPic3').hide();
$('.TopCase_BoxPic2').show();
});
//页数的变化
$('.FinalCase_Text').click(function () {
$(this).addClass('active').siblings().removeClass('active');
});
//APP二维码下载
$('#glHd_APP').hover(function () {
$(this).addClass('tilactive');
$('.hd_menu_drop').stop().show();
}, function () {
$(this).removeClass('tilactive');
$('.hd_menu_drop').stop().hide();
});
//当多选时有选中的时候，确定按钮变色
$('.TopCase_pic1').click(function () {
$('.TopCase_buttom1').css({'background': '#ffa700', 'color': 'white', 'border': 'none'});
});
});
function mao(){
var t = $("#itemContainer").position().top;
$(window).scrollTop(t);//滚动到锚点位置
}
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。