{imp:"c_page/lay_comm"}<!--继承父模板-->

{block:init}
<?php
$fexts = vopCell::exFields($this->mod,$catid); //,$this->vars
$null = "<span class='cCCC'>------</span>";
?>
{/block:init}

{block:pimp}
{php}
eimp('/~base/cssjs/multpic.js');
eimp('/~base/cssjs/sordbar.js');
eimp('/layer/layer.js','vendui');
{/php} 
<script src="{=PATH_BASE}?ajax-comjs&act=jsTypes:cargo;jsFields:cargo"></script> 
{/block:pimp}

{block:main}
    <!-- Detail Start -->
    <h1 class="pro_title">{title($title,96,$this->vars)}</h1>
    <div class="pro_bar"> 发布:<i class="atime">{stime($atime,min)}</i> &nbsp; 
      点击<i id="jsid_field_{=$this->mod}:{=$did}:click">{=$click}<!--,add1--></i>次 &nbsp; 
      评论:<i id="cnt_nrem">0</i>条 </div>

    <table class="pro-resume" width="100%">
        <tr>
            <td align="center" class="pro-picBig" id="picBig"><img src="{spic($mpic,demo_nop300x200.jpg)}" width='100%' height='300' onload="imgShow(this,'100%',300)" /></td>
        </tr>
        <tr>
            <td valign="top" id="picMini">&nbsp;</td>
        </tr>
        <tr>
            <td class="pro-paras">
                <p><i>品牌:</i><b class="uimark-pos-rel">{sopt($brand,brand,0,$null)}{if !empty($hinfo)}<span>{sopt($hinfo,hinfo)}</span><span class="uimark-star-icon1a"></span>{/if}</b></p>
                <p><i>型号:</i><b class='itm-text'>{=$xinghao} </b></p>
                <p><i>规格:</i><b class='itm-text'>{=$guige} </b></p>
                {if !empty($fexts)}
                {loop $fexts $f $fc}
                    <p><i>{=$fc[title]}:</i><b>{sopt($this->vars[$f],$fc,tpl)} </b></p>
                {/loop}
                {/if}
                <p><i>价格:</i><b class='itm-text'>{=$price}(元) 批量价</b></p>
            </td>
        </tr>

        <tr>
            <td class="pa10">
            订购数量：<input name="" type="text" value="1" class="w80"> 　
            价格：<input name="" type="text" value="{=$price}" class="w80" readonly><br />
            <span class="right">
            <input name="" type="button" value="+ 购物车">
            </span>
            认证码：<input name="" type="text" class="w80"> 　
            
            </td>
        </tr>
    </table>
    <div class="h10">&nbsp;</div>
    <table class="pro-detail" width="100%">
        <tr class='detab'> 
            <td width="15%">商品详情</td>
            <td width="15%">商品评论</td>
            <td width="60%">&nbsp;</td>
        </tr>
        <tr class='detail'>
            <td colspan="4">{html($detail)}</td>
        </tr>
        <tr class='xxrem'>
            <td colspan="4" class="news_rem">        
                <div class="rembar"> 
                <span class="remadd">评论(<i id="jsid_count_crem:{=$did}">0<!--,cnt_crem--></i>条) &nbsp; <a {php vopCell::vOpen("crem",$did); }>&gt;&gt;发布</a></span> 
                <span class="remtitle">评论列表</span> 
                </div><!--[cache,60]-->
                {tag:dlist=[jsList][modid,crem][pid,$did][limit,10]}
                {:row}
                <dl>
                  <dt>{title($t_title,48,$v)} </dt>
                  <dd>
                  {text($t_detail,2400)}
                  <p class="tr"><span>{=$t_mname}</span> &nbsp; 发布于:<i class="atime">{stime($t_atime,min)} </i></p>
                  </dd>
                </dl>
                {/row}
                {/tag:dlist}
             </td>
        </tr>   
        <tr class='pic' style="display:none;">
            <td colspan="4">
<div id="fm_pics_out" class="mpic_out">
<div><b class="cntout">共<i class="cntall">0</i>个图</b><i class="seltype">select</i></div>
<div id="fm_pics_show">full|外观图;side|侧面图;inn|内部图;att|附件图;</div>
<div id="fm_pics_tarea" class="clear">
<textarea name="fm[pics]" cols="88" rows="8" id="fm_pics_" style="display:none;">
{= comStore::revSaveDir($rel_pic);}
</textarea></div>
</div>
            </td>
        </tr>
    </table>

    <div class="clear"></div>
    <!-- Detail End -->
{/block:main}

{block:exend}
<script>
//mpic_view('fm_pics_',270,200);
$('.detab td').each(function(i1, e1) {
    $(e1).click(function(){ 
        $('.pro-detail tr').each(function(i2, e2) {
            if(i2==0 || i2==i1+1) $(e2).show();
            else $(e2).hide();
        });
        $('.detab td').removeClass('act');
        $(e1).addClass('act');        
    });

});

//显示-初始化vmini
var cfg,i,a,v,pic,opt,str='';
cfg = mpic_data('fm_pics_', 1);
w=50; h=50;
for(i=0;i<cfg.data.length;i++){
    a = cfg.data[i].split(',');
    v = a.length>0 ? a[1] : '';
    pic = "<img src='"+a[0]+"' width="+w+" height="+h+" data-val='"+v+"' onclick='mpro_vbig(this)' onload='imgShow(this,"+w+","+h+")'>";
    str += pic;
}
$('#picMini').html(str);

</script>
{/block:exend}