<?php include_once(mvc::$cfg['PATH_TPL'].'public/headMenu.php');?>
<div class="h-sear"><?php include_once(mvc::$cfg['PATH_TPL'].'public/topSearch.php');?></div>
<?php include_once(mvc::$cfg['SELF_TPL'].'public/heard01.php');?>


<div class="mui-content mui-scroll-wrapper" id="index-page">
	<div class="mui-scroll">
		<div class="shop-logo">
			<div id="slider" class="mui-slider" >
				<?php if(!empty($banner)){?>
				<?php if(count($banner)>1){?>
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a data-href="<?php echo end($banner)['url'];?>">
							
							<img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',end($banner)['img']).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
							
						</a>
					</div>
					<?php foreach($banner as $v){?>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<a data-href="<?php echo $v['url'];?>">
							<img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',$v['img']).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
						</a>
					</div>
					<?php }?>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a data-href="<?php echo reset($banner)['url'];?>">
							
							<img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',reset($banner)['img']).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
						
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<?php foreach($banner as $k=> $v){?>
					<div class="mui-indicator <?php if($k==0){?> mui-active <?php }?>"></div>
					<?php }?>
				</div>
				<?php }else{?>
					<a data-href="<?php echo current($banner)['url'];?>">
						<img width="100%" src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=adorn&f='.str_replace('100/','',current($banner)['img']).mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>">
					</a>
				<?php }?>
				<?php }?>
			</div>
		</div>
		<!-- <div class="search-type">
			<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
				<a class="mui-control-item mui-active" stype="number" place="可输入OE编码或者参考编码"  href="javascript:;">号码</a>
				<a class="mui-control-item" stype="vin" place="请输入17位车架号" href="javascript:;">车架号</a>
				<a class="mui-control-item" stype="model" place="请选择车型" href="<?php echo mvc::$cfg['SELF_URI'];?>model/brand">车型</a>
				<a class="mui-control-item" stype="item" place="请输入关键字" href="javascript:;">配件</a>
			</div>
			<form method="get" action="<?php echo mvc::$cfg['SELF_URI'];?>item/search" onsubmit="return checkMainSearch(this)">
				<div class="input-btn mui-input-row">
					<input type="hidden" name="type" value="number"/>
					<div class="input mui-input-row">
						<input type="text" name="keyword" class="input-btn-txt mui-input-clear" placeholder="可输入OE编码、参考编码" autocomplete="off">
					</div>
					<div class="vin-camera" id="vin-camera" style="display:none"><span class="mui-icon mui-icon-camera"></span></div>
					<span class="btns"><button type="submit" class="btn mui-btn mui-btn-danger mui-icon mui-icon-search">搜索</button></span>
				</div>
			</form>
		</div>
		 -->
		 <div class="search-type">
			<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
				<a p="search_engine" class="mui-control-item  mui-active" stype="engine" place="请输入发动机型号" href="javascript:;">发动机型号</a>
				<a p="search_vin" class="mui-control-item" stype="vin" place="请输入17位车架号" href="javascript:;">车架号</a>
				<a p="search_model" class="mui-control-item" stype="model" place="请选择车型" href="<?php echo mvc::$cfg['SELF_URI'];?>model/brand">车型</a>
				<a p="search_number" class="mui-control-item mui-control-item-last01" stype="number" place="可输入OE编码、参考编码"  href="javascript:;">号码</a>
			</div>
			<form method="get" action="<?php echo mvc::$cfg['SELF_URI'];?>item/search" onsubmit="return checkMainSearch(this)">
				<div class="input-btn mui-input-row">
					<input type="hidden" name="type" value="engine"/>
					<div class="input mui-input-row">
						<input type="text" name="keyword" class="input-btn-txt mui-input-clear" placeholder="请输入发动机型号" autocomplete="off">
					</div>
					<div class="vin-camera" id="vin-camera" style="display:none"><span class="mui-icon mui-icon-camera"></span></div>
					<span class="btns"><button type="submit" class="btn mui-btn mui-btn-danger mui-icon mui-icon-search">搜索</button></span>
				</div>
			</form>
		</div>


		<div class="hot-item index_hot_item" id="item-list-box">
			<div class="gray-txt gray-txt01"><span class="line01 m20"></span><span>产品展示</span><span class="line01 m120"></span></span></div>
			<div class="pro-zs">
				<a href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7604"><img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/item1.png"></a>
				<a href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7624"><img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/item2.png"></a>
			</div>
			<div class="gray-txt"><span class="line01 m20"></span><span>关于我们</span><span class="line01 m120"></span></span></div>
			<div class="h-ab">
				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/h03.jpg">
				<p>
					重庆五顺汽车零部件有限公司是一家集自主研发、生产、销售为一体的产业链公司。
				</p>
				<p class="h-txt01">
					公司秉承着专业经营超值服务、用户至上、追求卓越的经营理念为合作伙伴带来诚信为先，实效为本的五顺文化灵魂，致力于精细制造、合法经营、技术支持等共建汽车市场发动机体系产业链的持续健康发展。
				</p>
				<div class="h-txt02">我们的优势</div>
				<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/map_03.jpg">
				<a href="<?php echo mvc::$cfg['SELF_URI'];?>index/contact">进入了解</a>
			</div>

			<div class="gray-txt gray-txt01"><span class="line01 m20"></span><span>产品分类</span><span class="line01 m120"></span></span></div>
			<ul class="item-list">
				<li class="h-item-list01">
					<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/h01.jpg">
					<a data-href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7665" class="h-item-list-a01">	</a>
					<a data-href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7638" class="h-item-list-a02">	</a>
				</li>
				<li class="h-item-list01">
					<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/h02.jpg">
					<a data-href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7616" class="h-item-list-a03"></a>
					<a data-href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7664" class="h-item-list-a04">	</a>
				</li>
				<li class="h-item-list01">
					<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/h04.jpg">
					<a data-href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7604" class="h-item-list-a03"></a>
					<a data-href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7624" class="h-item-list-a04">	</a>
				</li>
				<!-- <li class="h-item-list01">
					<img src="<?php echo mvc::$cfg['SELF_URL'];?>static/images/h04.jpg">
					<a data-href="<?php echo mvc::$cfg['SELF_URI'];?>item/search?type=all&sortId=7375" class="h-item-list-a03"></a>
					<a data-href="<?php echo mvc::$cfg['SELF_URI'];?>item/index" class="h-item-list-a04">	</a>	
				</li> -->
			</ul>
			
			
		</div>
	</div>
</div>

<?php include_once(mvc::$cfg['PATH_TPL'].'public/footBase.php');?>
<script type="text/javascript" src="<?php echo mvc::$cfg['SYS_URL'];?>static/js/item.js?ver=<?php echo mvc::$cfg['VER']['js'];?>" charset="utf-8"></script>
<script type="text/javascript">
var searchParams = {"type":"all","hot":"1", "page": 1, "maxPage":10};
wx.config({
	debug: false,
	appId: '<?php echo $signPackage["appId"];?>',
	timestamp: <?php echo $signPackage["timestamp"];?>,
	nonceStr: '<?php echo $signPackage["nonceStr"];?>',
	signature: '<?php echo $signPackage["signature"];?>',
	jsApiList: ['chooseImage', 'uploadImage']
});

$(document).ready(function(){
	
	if($("#segmentedControl .mui-control-item").length==0){
		$(".search-type").hide();
	}

	$("#segmentedControl .mui-control-item").each(function(index,item){
		if(index==0){
			$(this).addClass('mui-active');
			var  type = this.getAttribute('stype');
			$('.'+type+'-info').show();
			$('.search-info:not(.'+type+'-info)').hide();
			$('.search-type [name="type"]').val(type);
			$('.search-type [name="keyword"]').attr('placeholder', this.getAttribute("place"));
			if(type == 'vin') $('#vin-camera').show(); else $('#vin-camera').hide();
			if(type == 'model') MODEL.initBrand();
		}else{
			$(this).removeClass('mui-active');
		}
	});
	changeSearchType();
	vinInitEvent();
	var slider = mui("#slider");
	slider.slider({
		interval: 2000
	});
	$('.qh span').click(function(){
		$(this).addClass('qh-tit-act').siblings().removeClass('qh-tit-act');
		var num=$(this).index();
		$('.qh li').eq(num).show().siblings().hide();
	});
	sortPageEvent();

	$('.nan001-btn').click(function(){
		$('.nan001').toggle();
	});
});
</script>