<?php include_once(mvc::$cfg['PATH_TPL'].'public/topIndex.php');?>
<script type="text/javascript" src="/cache/js/partdata.js?ver=<?php echo mvc::$cfg['VER']['js'];?>"></script>
<!-- 横向昂 导航-->
<div class="main-nav-box">
	<div class="main-nav">
		<div class="inner-con2">配件分类</div>
		<a href="<?php echo mvc::$cfg['HOST']['b2c'];?>">首页</a>
		<?php foreach($menuPartArr as $id=>$v){?>
        <?php if(!empty($v['part_name'])){?>
		    <a href="/search/index?partId=<?php echo $id?>"><?php echo $v['part_name']?></a>
        <?php }?>
		<?php }?>
	</div>
</div>
<div id="banner">
    <div class="nav-con">
        <div class="normal-nav-box">
            <ul class="normal-nav">
              <?php foreach($partArr as $k=>$v){?>
                <li class="partLi<?php echo $k;?>" onmouseenter="INDEXPART.show('<?php echo $k;?>');" onmouseleave="INDEXPART.hide('<?php echo $k;?>');">
                    <a href="javascript:void(0);"><?php echo $v['name'];?></a>
                </li>
              <?php }?>
            </ul>
        </div>
        <!-- 二级菜单 -->
        <?php foreach($partArr as $k=>$v){?>
            <div class="service-float hidden" id="<?php echo $k;?>" onmouseenter="INDEXPART.show('<?php echo $k;?>');" onmouseleave="INDEXPART.hide('<?php echo $k;?>');">
                <div class="service-float-l">
                    <?php if(isset($v['part'])&&$v['part']){?>
                    <?php foreach($v['part'] as $level2=>$level3){?>
                    <div class="service-float01">
                        <div class="service-float01-l header-row" data-part="<?php echo $level2;?>"><span><span><?php echo $level3['name'];?></span></span></div>
                        <div class="service-float01-r" <?php if(count($level3['PB'])){?> data-part='<?php echo json_encode($level3['PB']);?>'<?php }else{?> data-part="" <?php }?>>
                        </div>
                    </div>
                    <?php }?>
                    <?php }?>
                </div>
                <div class="service-float-r">
                    <img src="/static/images/bg06.jpg">
                </div>
            </div>
        <?php }?>
    </div>
    <div id="index-banner-img">
        <div id='slider' class="slider">
            <script type='text/javascript'>callB2cNa(1)</script>
        </div>
    </div>
</div>
<!-- 特卖场 -->
<div class="sale-field">
    <div class="sale-field-tit">
        <div class="sale-field-tit-l">
            <div class="floor-title">特卖场<div class="floor-sub-name">给你不一样的特价</div></div>
        </div>
        <!--<div class="sale-field-tit-r">
            <a href="#" class="floor-more">更多特卖配件</a>
        </div>-->
    </div>
    <div class="Pro-roast-box">
        <script type='text/javascript'>callB2cNa(2)</script>
    </div>
</div>



<!-- 品牌热卖 -->
<div class="hot-brand-box">
  <div class="hot-brand-box-left">
    <img src="/static/images/img02.jpg" class="hot-brand-box-left-img01">
    <img src="/static/images/img01.png" class="hot-brand-box-left-img02">
  </div>
  <div class="hot-brand-box-right">
    <script type='text/javascript'>callB2cNa(3)</script>
  </div>
</div>

<!--推荐   新品  排行-->
<div class="classification-box">
  <!-- 左 -->
  <div class="classification-l">
    <div class="sale-field-tit classification-l-tit">
        <div class="sale-field-tit-l">
          <div class="floor-title">商城推荐</div>
        </div>
        <!--<div class="sale-field-tit-r">
          <a href="#" class="floor-more">更多推荐</a>
        </div>-->
    </div>
    <script type='text/javascript'>callB2cNa(4)</script>
  </div>
  <!-- 中 -->
  <div class="classification-m">
    <div class="sale-field-tit classification-m-tit">
        <div class="sale-field-tit-l">
          <div class="floor-title">新品上市</div>
        </div>
        <!--<div class="sale-field-tit-r">
          <a href="#" class="floor-more">更多新品</a>
        </div>-->
    </div>
    <script type='text/javascript'>callB2cNa(5)</script>
  </div>
  <!-- 右 -->
  <div class="classification-r">
    <div class="sale-field-tit classification-r-tit">
        <div class="sale-field-tit-l">
          <div class="floor-title">销售排行</div>
        </div>
        <!--<div class="sale-field-tit-r">
          <a href="#" class="floor-more">更多排行</a>
        </div>-->
    </div>
    <div class="ranking-tab-box">
      <div class="ranking-tab-pbox">
      <ul class="ranking-tab">
        <?php if(!empty($saleTop)){ ?>
        <?php foreach($saleTop as $k=>$v){ ?>
                <li onmouseover="if(!$(this).hasClass('ranking-tab-active')){ajaxGetSaleTop(<?php echo $v['part_id'];?>,this);}" class="<?php if($k==0){echo 'ranking-tab-active';}?>"><a href="javascript:;"><?php echo $v['part_name'];?></a></li>
           <?php if($k<4){ ?>
                <li>|</li>
           <?php } ?>

        <?php } ?>
        <?php } ?>
      </ul>
      </div>
      <ul class="ranking-tab-pros">
        <?php if(!empty($saleTopFourByPart)){ ?>
        <?php foreach($saleTopFourByPart as $k=>$v){ ?>
        <li <?php if($k==1 || $k==3){echo 'style="border-right:none;"';}?> >
          <a href="/item/index?proId=<?php echo $v['pro_id'];?>" target="_blank">
            <div class="ranking-tab-pros-img">
                <?php if(!empty($v['proPic']['spi_name']) && !empty($v['proPic']['spi_path'])){?>
                <img src="<?php echo mvc::$cfg['FILE_CENTER']['b2c']['url_get'].'&c=product&f='.$v['proPic']['spi_path'].'100/'.$v['proPic']['spi_name'].mvc::$cfg['FILE_CENTER']['b2c']['get_uri'];?>" width="100px" height="100px">
                <?php }else{?>
                <img src="/static/images/noimg.png" alt="" width="100px">
                <?php }?>
            </div>
            <p class="ranking-tab-pros-tit"><?php  if(mb_strlen($v['pro_name'],'utf-8')>10){echo mb_substr($v['pro_name'],0,10,'utf-8').'...';}else{echo $v['pro_name'];}?></p>
           
            <p class="ranking-tab-pros-price">
              <?php if($v['pro_sale_price']){?>
              <i class="hot-pro-price01">¥</i><span class="hot-pro-price02"><?php echo sprintf("%.2f",$v['pro_sale_price']);?></span>
              <?php }?>
            </p>
           
          </a>
          <img src="/static/images/icon0<?php echo $k+5;?>.png" class="Line-labels <?php if($k<2){echo 'Line-labels01';}?>">
        </li>
        <?php } ?>
        <?php } ?>
      </ul>
    </div>
  </div>
</div>




<!-- 易损及耗材 -->
<div class="floor-four">
    <div class="sale-field-tit floor-four-tit">
    <div class="sale-field-tit-l">
      <div class="floor-title">易损及耗材</div>
    </div>
    <div class="sale-field-tit-r">
      <a href="javascript:;" onclick="callB2cNa(6,'','easyLostPart')" class="hot-word">刹车盘</a>
      <a href="javascript:;" onclick="callB2cNa(7,'','easyLostPart')" class="hot-word">横拉杆及球头</a>
      <a href="javascript:;" onclick="callB2cNa(8,'','easyLostPart')" class="hot-word">减震器</a>
      <!--<a href="#" class="floor-more">更多商品</a>-->
    </div>
  </div>
  <div class="Supplies-box">
    <div class="Supplies-l">
      <a href="#">
        <img src="/static/images/bg06.jpg">
        <img src="/static/images/124.png" class="detail-wrap">
      </a>
    </div>
    <div id="easyLostPart" class="Supplies-r">
        <script type='text/javascript'>callB2cNa(6)</script>
    </div>
  </div>
</div>
<?php include_once(mvc::$cfg['PATH_TPL'].'public/footAll.php');?>
<script type='text/javascript'>
$(document).ready(function(){
  //配件初始化
  INDEXPART.init();
	$('.i-empy').mouseover(function(){
		$(this).find('a').addClass('Current-nav');
		var type = $(this).find('[part]').attr('part');
		var order = $(this).find('[order]').attr('order');
		INDEXPART.show(this,type,order);
	}).mouseleave(function(){
		$(this).find('a').removeClass('Current-nav');
		$('.part-list').hide();
	});
});

// 获取销售排行
function ajaxGetSaleTop(partId,e)
{
    $.ajax({
        url:'/index/ajaxGetSaleTop?isAjax=1',
        type:'POST',
        dataType:'JSON',
        data:{'partId':partId},
        success:function(res){
            $(".ranking-tab-active").removeClass('ranking-tab-active');
            $(e).addClass("ranking-tab-active");
            $(".ranking-tab-pros").html(res.data);
        }
    });
}
</script>