2 Star 1 Fork 2

徐子玉 / 品贷网

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
search.html 28.08 KB
一键复制 编辑 原始数据 按行查看 历史
徐子玉 提交于 2017-07-05 11:21 . + pdw
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="代理,加盟,招商,批发,零售,建材网上商城,PPR,PVC,PE,管材,管件,波纹管,缠绕管,卫浴,陶瓷,龙头,浴缸,地漏,吊顶,灯具,开关,插线板,插座,电线,电缆,水暖五金,地板,油漆,地暖,太阳能,净水器,装修材料" />
<meta name="description" content="品代网(pindai123.com)是中国首家采用云管理系统,互联网加实体营销管理为一体的交易平台。专业的建材行业综合网上购物平台,销售管材管件,水暖卫浴,厨卫洁具,灯具开关,板材五金,油漆涂料,电线电缆,家装材料,建筑材料,五金配件,防水等。正品低价,品质保证,便捷操作,诚信服务。">
<meta name="author" content="Administrator">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>厂商搜索-品代网</title>
<link rel="shortcut icon" href="favicon.ico"/>
<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/topCaseListing.css" />
<link rel="stylesheet" href="css/factory_listing.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/hd_nav.js"></script>
</head>
<body>
<!--头部广告位-->
{$ad_head_html}
<!--公共头部-->
{$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>
</div>
</div>
<!--选择块-->
<div id="MidMain" class="wrap_1200 MidMain clearfix">
<div class="wrap_1200">
<div class="wrap_920">
<div class="BigCase_factory" style="display: block;">
<!--面包屑-->
<div class="topCase_first ">
<div class="topCase_text11"><i class="icon_index"></i><a href="index.php" >品牌首页</a></div>
<img src="images/images/small_03.jpg" />
<span class="topCase_text3"><a href="javascript:;" >厂家</a></span>
</div>
<div class="topCase_factory" >
<!--系列-->
<div class="topCase_second topCase_show clearfix" >
<div class="topCase_text1 "><span>系列</span></div>
<div class="topCase_second_right" id="series">
</div>
</div>
<!--分类-->
<div class="topCase_third topCase_show clearfix" style="display: block;">
<div class="topCase_text1">分类</div>
<div class="topCase_second_right">
<ul class="guide_con clearfix" id="classify">
{$pindaiClassHtml}
</ul>
<a href="javascript:;" class="choosemore">多选</a>
<div class="topCase_second2Buttom" style="display: none;">
<div class="topCase_buttom topCase_buttom1">确定</div><div class="topCase_buttom topCase_buttom2">取消</div>
</div>
</div>
</div>
<!-- <div class="topCase_forth topCase_show clearfix">
<div class="topCase_text1 topCase_text5">区域</div>
<div class="topCase_second_right" id="city">
{$pindaiCityHtml}
</div>
</div>
<div class="topCase_fifth topCase_noshow clearfix">
<div class="topCase_text1">乡镇</div>
<div class="topCase_second_right" id="town">
<span class="topCase_text" >全部</span>
</div>
</div>-->
</div>
<!--更多选项-->
<!-- <div class="topCase_more">
<p class="topCase_text6">更多选项</p>
</div>-->
</div>
<div class="MidCase_Factory">
{$Listhtml}
</div>
</div>
<input type="hidden" id="hid_seriesId">
<div class="hotSell">
<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>
</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">
$(document).ready(function () {
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 search = GetQueryString("search");
var seriesId = GetQueryString("seriesId");
var subTypeId = GetQueryString("subTypeId");
var typeIds = GetQueryString("typeId");
var getAll = GetQueryString("getAll");
var pageIndex = GetQueryString("pageIndex");
var pageSize = GetQueryString("pageSize");
// alert(typeIds);
factory_series(typeIds);
//获取系列
get_factorytype(seriesId);
//search('', seriesId, typeIds, '', city, '', '', 1, 1, 20);
$.get("api.php?act=factorycity", {}, function (data) {
var html = '';
if (data != '') {
factoryCityTypes(data);
}
factoryCityTypes(city);
});
//获取城市方法
function factoryCityTypes(city) {
$.ajax({
type: "post",
url: "api.php?act=factoryListCity",
async: false,
data: {
city: city,
},
success: function (data) {
if (data != "") {
data = $.parseJSON(data);
var html = '';
$.each(data, function (n, value) {
html += '<span class="topCase_text" cit =1 cid= ' + value.district + '>';
html += value.district;
html += '</span>';
});
$('#city').html(html);
//区域
//var district = $(this).attr('cid');
//console.info(district);
$("[cit = '1']").on('click', function () {
var district = $(this).attr('cid');
$(this).css('color', '#ffa700').siblings().css('color', '#959595');
factoryTown(city, district);
});
}
}
});
}
//获取街道方法
function factoryTown(city, district) {
$.ajax({
type: "post",
url: "api.php?act=factoryListTown",
async: false,
data: {
city: city,
district: district,
},
success: function (data) {
if (data != "") {
data = $.parseJSON(data);
//console.info(data);
var html = '';
$.each(data, function (n, value) {
html += '<span class="topCase_text" cit = 2>';
html += value.town;
html += '</span>';
});
$('#town').html(html);
//街道
$("[cit = '2']").on('click', function () {
$(this).css('color', '#ffa700').siblings().css('color', '#959595');
});
}
}
});
}
//获取系列
function factory_series(typeIds) {
// alert(1);
if (typeIds != '') {
//alert(typeIds);
$.get("api.php?act=classify&seriesId=" + seriesId, {}, function (data) {
var html = '';
if (data != '') {
items = $.parseJSON(data);
$.each(items, function (m, v) {
html += '<li>';
html += '<a><u></u><span tid ="' + v.TypeId + '">' + v.TypeName + '</span></a>';
html += '</li>';
})
$('#classify').html(html);
}
});
}
else
{
if (typeId = null) {
var typeId = '';
$.get("api.php?act=classify&seriesId=" + seriesId, {}, function (data) {
var html = '';
if (data != '') {
items = $.parseJSON(data);
html += '<li><a><u></u><span>全部</span></a></li>'
$('#classify').html(html);
}
});
}
}
}
//产品类别
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'
});
});
//页数的变化
$('.FinalCase_Text').click(function () {
$(this).addClass('active').siblings().removeClass('active');
});
//APP二维码下载
$('#glHd_APP').hover(function () {
$(this).addClass('tilactive');
$('.hd_menu_drop').stop().show();
//console.log(1);
}, function () {
$(this).removeClass('tilactive');
$('.hd_menu_drop').stop().hide();
});
//更多选项,收起选项
$('.topCase_noshow').hide();
$('.topCase_text6').toggle(function () {
var htmlvalue = $(this).html();
if (htmlvalue == '更多选项') {
$(this).html('收起选项');
} else {
$(this).html('更多选项');
}
$('.topCase_noshow').show();
}, function () {
var htmlvalue = $(this).html();
if (htmlvalue == '更多选项') {
$(this).html('收起选项');
} else {
$(this).html('更多选项');
}
$('.topCase_noshow').hide();
});
// //多选
// $('.choosemore').click(function () {
// $('.choosemore').hide();
// $('.guide_con li a u').show();
// $('.topCase_second2Buttom').show();
// $('.guide_con').addClass('guide_con_more');
// $('.guide_con li').unbind('click'); //解除绑定
// //多选
// $('.guide_con_more li').click(function () {
// if (!$(this).hasClass('aaa')) {
// $(this).addClass('aaa');
// var typeIds = "";
// $('.aaa').each(function(){
// if(typeIds == ""){
// typeIds = $(this).find('span').attr("tid");
// }
// else{
// typeIds = "," + $(this).find('span').attr("tid");
// }
// });
// var u = $(this).find('u');
// u.css({'background-position': '-160px -100px', 'margin-left': '0px', 'margin-right': '2px'});
// $(this).find('span').css('color', '#ffa700');
// $('.topCase_buttom1').click(function () {
// search('', seriesId, typeIds, 0, '', '', '', 0, 1, 20);
// });
// } else {
// $(this).removeClass('aaa');
// var u = $(this).find('u');
// u.css({'background-position': '-240px -100px', 'margin-left': '4px', 'margin-right': '-2px'});
// $(this).find('span').css('color', '#959595');
// }
//
// });
// });
});
function search(search, seriesId, typeIds, subTypeId, city, district, town, getAll, pageIndex, pageSize) {
$.ajax({
type: "post",
url: "api.php?act=factoryListByTypes",
async: false,
data: {
search: search,
seriesId: seriesId,
typeIds: typeIds,
subTypeId: subTypeId,
city: city,
district: district,
town: town,
getAll: getAll,
pageIndex: pageIndex,
pageSize: pageSize,
},
success: function (data) {
var html = '';
if (data != "") {
data = $.parseJSON(data);
$.each(data, function (n, value) {
html += '<a href="store.php?id=' + value.FactoryId + '">';
html += '<div class="MidCase_Box">';
html += '<img src="' + value.ListPic + '" class="MidCase_pic" />';
html += '<div class="MidCase_Text">';
html += '<p>';
html += value.Abbreviation;
html += '</p>';
html += '</div>';
html += '</div>';
html += '</a>';
});
}
else{
html += '<img src="images/img_nodata.png" style="margin-top:10px; margin-left:339px;"/>';
}
$('.MidCase_Factory').html(html);
}
})
}
function get_factorytype(seriesId) {
// alert(seriesId);
$.get("api.php?act=factorytype", {}, function (data) {
var html = '';
if (data != '') {
items = $.parseJSON(data);
$.each(items, function (n, value) {
if (seriesId == value.SeriesId) {
var color_css = 'style="color:#ffa770"';
} else {
var color_css = '';
}
html += '<span sid="' + value.SeriesId + '" class="topCase_text" ' + color_css + '>';
html += value.SeriesName;
html += '</span>';
})
$('#series').html(html);
// 第一次加载点击分类
$('.guide_con li').toggle(function () {
$(this).find('span').css('color', '#FFA700').end().siblings().find('span').css('color', '#959595');
var typeIds = $(this).find('a').find('span').attr('tid');
search('', seriesId, typeIds, 0, '', '', '', 0, 1, 20);
$(this).find('span').css('color', '#FFA700').end().siblings().find('span').css('color', '#959595');
}, function () {
$(this).find('span').css('color', '#959595');
});
//点击取消
$('.topCase_buttom2').click(function () {
$('.choosemore').show();
$('.topCase_second2Buttom').hide();
$('.guide_con li a u').hide();
$('.guide_con li a span').css('color', '#959595');
$('.guide_con').removeClass('guide_con_more');
$('.guide_con_more li').removeClass('aaa');
$('.guide_con li').removeClass('aaa');
$('.guide_con li').unbind('click'); //解除绑定
$('#classify li').toggle(function () {
var typeIds = $(this).find('a').find('span').attr('tid');
var seriesId1 = $('#series').find('.checked').attr("sid");
search('', seriesId1, typeIds, 0, '', '', '', 0, 1, 20);
$(this).find('span').css('color', '#FFA700').end().siblings().find('span').css('color', '#959595');
}, function () {
$(this).find('span').css('color', '#959595');
});
});
//点击 多选
$('.choosemore').click(function () {
$('.choosemore').hide();
$('.guide_con li a u').show();
$('.topCase_second2Buttom').show();
$('.guide_con').addClass('guide_con_more');
$('.guide_con li').unbind('click'); //解除绑定
//多选
$('.guide_con_more li').click(function () {
if (!$(this).hasClass('aaa')) {
$(this).addClass('aaa');
// console.info($(this));
var u = $(this).find('u');
u.css({'background-position': '-160px -100px', 'margin-left': '0px', 'margin-right': '2px'});
$(this).find('span').css('color', '#ffa700');
} else {
$(this).removeClass('aaa');
var u = $(this).find('u');
u.css({'background-position': '-240px -100px', 'margin-left': '4px', 'margin-right': '-2px'});
$(this).find('span').css('color', '#959595');
}
});
});
$('.topCase_buttom1').click(function () {
var typeIds = "";
$('.aaa').each(function(){
if(typeIds == ""){
typeIds = $(this).find('span').attr("tid");
}
else{
typeIds += "," + $(this).find('span').attr("tid");
}
});
var seriesId1 = $('#series').find('.checked').attr("sid");
search('', seriesId1, typeIds, 0, '', '', '', 0, 1, 20);
});
//点击系列
$('#series').find('span').on('click', function () {
$(this).css('color', '#ffa700').siblings().css('color', '#959595');
$(this).addClass('checked');
$(this).siblings().removeClass('checked');
$('.choosemore').show();
$('.guide_con li a u').hide();
$('.topCase_second2Buttom').hide();
var seriesId = $(this).attr('sid');
search('', seriesId, '', 0, '', '', '', 0, 1, 20);
$.get("api.php?act=classify&seriesId=" + seriesId, {}, function (data) {
var html = '';
if (data != '') {
items = $.parseJSON(data);
$.each(items, function (m, v) {
html += '<li>';
html += '<a><u></u><span tid ="' + v.TypeId + '">' + v.TypeName + '</span></a>';
html += '</li>';
})
$('#classify').html(html);
//第一次加载默认分类
$('.guide_con li').toggle(function () {
$(this).find('span').css('color', '#FFA700').end().siblings().find('span').css('color', '#959595');
var typeIds = $(this).find('a').find('span').attr('tid');
search('', seriesId, typeIds, 0, '', '', '', 0, 1, 20);
$(this).find('span').css('color', '#FFA700').end().siblings().find('span').css('color', '#959595');
}, function () {
$(this).find('span').css('color', '#959595');
});
}
})
}
);
}
});
}
</script>
</body>
</html>
1
https://gitee.com/xuqipeter/pdw.git
git@gitee.com:xuqipeter/pdw.git
xuqipeter
pdw
品贷网
master

搜索帮助