{include file="public/mall_top" /}
{include file="public/mall_header" /}
<div class="w1200">

    <div class="nch-container mt10 mb10">
        <div class="nch-compare-title">基本信息对比</div>
        {if $compare_list}
        <table class="nch-compare-table">
            {volist name="compare_list" id="v"}
            <!-- 显示商品图片及名称 -->
            {if $v.key == 'goodsinfo'}
            <tr id="comparetr_{$key}" class="goods_tr">
                <th>{$v.name}</th>
                {for start="0" end="$maxnum"}
                {if $v[$i]}
                <td>
                    <dl class="goods-info">
                    <dt class="goods-pic"><a href="{:url('goods/index',['goods_id'=>$v[$i]['goods_id']])}" target="_blank"><img src="{:cthumb($v[$i]['goods_image'],240,$v[$i]['store_id'])}"></a></dt>
                    <dd class="goods-name"><a href="{:url('goods/index',['goods_id'=>$v[$i]['goods_id']])}" target="_blank">{$v[$i]['goods_name']}</a></dd>
                    {if $i>0}
                    <dd class="del" onclick="javascript:delCompare({$v[$i]['goods_id']},'info');"><i class="icon-trash"></i>删除</dd>
                    {/if}
                </dl>
                </td>
                {else /}
                <td><div class="no-compare">
                    <h3>暂无对比项</h3>
                    <a href="{:url('search/index',['cate_id'=>$cate_id])}" title="" target="_blank">添加</a></div></td>
                {/if}
                {/for}
            </tr>
            {/if}
            <!-- 显示商品价格 -->
            {if $v.key == 'goodsprice'}
            <tr id="comparetr_{$k}">
                <th>{$v.name}</th>
                {for start="0" end="$maxnum"}
                <td><div class="goods-price">{$v[$i]?$Think.lang.currency.$v[$i]:''}&nbsp;</div></td>
                {/for}
            </tr>
            {/if}
            <!-- 显示品牌 -->
            {if $v.key == 'brand'}
            <tr id="comparetr_{$key}">
                <th>{$v.name}</th>
                {for start="0" end="$maxnum"}
                <td><?php echo is_array($v[$i])?$v[$i]['brand_name']:$v[$i];?>&nbsp;</td>
               {/for}
            </tr>
            {/if}
            <!-- 显示普通文字项 -->
            {if !$v.key}
            <tr id="comparetr_{$key}">
                <th>{$v.name}
                    <input type="hidden" name="isdiff[]" value="{$key}|{$v.isdiff}" /></th>
                {for start="0" end="$maxnum"}
                <td>{$v[$i]}&nbsp;</td>
                {/for}
            </tr>
            {/if}
           {/volist}
        </table>
        <div class="nch-compare-bottom"> <a href="javascript:void(0);" nc_type="comparediff" data-param='{"type":"light"}'><i class="icon-indent-right"></i>高亮显示不同项</a> <a href="javascript:void(0);" nc_type="comparediff" data-param='{"type":"cancel"}' style="display: none;"><i class="icon-indent-left"></i>取消高亮不同项</a> <a href="javascript:void(0);" nc_type="comparesame" data-param='{"type":"hide"}'><i class="icon-resize-small"></i>隐藏相同项</a> <a href="javascript:void(0);" nc_type="comparesame" data-param='{"type":"show"}' style="display: none;"><i class="icon-resize-full"></i>显示相同项</a> <a href="javascript:void(0);" class="delall" onclick="javascript:delCompare('all','info');"><i class="icon-remove-sign"></i>清空对比栏</a></div>
       {else /}
        <table class="nch-compare-table">
            <tbody>
            <tr>
                <td class="nch-compare-null"><p> <i class="icon-search"></i>对比栏暂无对比商品，先添加对比商品再来进行详细比较吧！</p></td>
            </tr>
            </tbody>
        </table>
      {/if}
    </div>
</div>
{include file="public/mall_server" /}
{include file="public/mall_footer" /}
<script type="text/javascript">
    /* 当鼠标移到表格上是，当前一行背景变色 */
    $(document).ready(function(){
        $(".nch-compare-table tr td").mouseover(function(){
            $(this).parent().find("td").css("background-color","#F5F5F5");
            $(this).parent().find("th").css("background-color","#F5F5F5");
        });
    })
    /* 当鼠标在表格上移动时，离开的那一行背景恢复 */
    $(document).ready(function(){
        $(".nch-compare-table tr td").mouseout(function(){
            var bgc = $(this).parent().attr("bg");
            $(this).parent().find("td").css("background-color","#FFFFFF");
            $(this).parent().find("th").css("background-color","#FFFFFF");
        });
    })

    $(function(){
        //高亮显示和取消高亮不同项
        $("[nc_type='comparediff']").click(function(){
            //处理参数
            var data_str = '';
            eval('data_str =' + $(this).attr('data-param'));
            var type = data_str.type;
            $("[nc_type='comparediff']").show();
            $(this).hide();
            $("[name='isdiff[]']").each(function(){
                var itemval = $(this).val();
                if(itemval){
                    itemval = itemval.split("|");
                    if(type == 'light'){
                        itemval[1] == 1?$("#comparetr_"+itemval[0]).addClass('diffrow'):'';
                    } else {
                        itemval[1] == 1?$("#comparetr_"+itemval[0]).removeClass('diffrow'):'';
                    }
                }
            });
        });
        //隐藏和显示相同项
        $("[nc_type='comparesame']").click(function(){
            //处理参数
            var data_str = '';
            eval('data_str =' + $(this).attr('data-param'));
            var type = data_str.type;
            $("[nc_type='comparesame']").show();
            $(this).hide();
            $("[name='isdiff[]']").each(function(){
                var itemval = $(this).val();
                if(itemval){
                    itemval = itemval.split("|");
                    if(type == 'show'){
                        itemval[1] == 0?$("#comparetr_"+itemval[0]).show():'';
                    } else {
                        itemval[1] == 0?$("#comparetr_"+itemval[0]).hide():'';
                    }
                }
            });
        });
    });
</script>