{extend name="$LAYOUT_MOBILE_BASE" /}
{block name="title"}商品列表 - {__block__}{/block}
{block name="header"}
{/block}
{block name="footer"}
{/block}
{block name="css"}
<link rel="stylesheet"  href="__ROOT__/addons/coupon/view/mobile/index/coupon.css?v={$v}">
{/block}
{block name="main"}
<div class="wst-gs-ls">
    <div class="title">
        <img class="return" src="__ROOT__/addons/coupon/view/images/return.png" onclick="history.go(-1)">
        <div class="search">
            <input type="search" placeholder="请输入商品名称" onsearch="javascript:couponSearch();" autocomplete="off" id="keyword">
            <img src="__ROOT__/addons/coupon/view/images/search.png" onclick="javascript:couponSearch()">
        </div>
    </div>
    <div class="order">
        <div class="wst-flex-row wst-shl-head">
            <div class="sorts active" status="down" onclick="javascript:orderCondition(this,0);">
                <p class="pd0">销量</p><i class="down2"></i>
            </div>
            <div class="sorts" status="down" onclick="javascript:orderCondition(this,1);">
                <p class="pd0">价格</p><i class="down"></i>
            </div>
            <div class="sorts" status="down" onclick="javascript:orderCondition(this,2);">
                <p class="pd0">人气</p><i class="down"></i>
            </div>
            <div class="sorts" status="down" onclick="javascript:orderCondition(this,3);">
                <p style="margin-right:0.3rem;">上架时间</p><i class="down"></i>
            </div>
        </div>

    </div>

    <div class="desc">
    <ul class="ui-tab-content">
        <li id="goods-list"></li>
    </ul>
    <input type="hidden" name="" value="{$couponId}" id="couponId" autocomplete="off">
    <input type="hidden" name="" value="" id="condition" autocomplete="off">
    <input type="hidden" name="" value="" id="desc" autocomplete="off">
    <input type="hidden" name="" value="" id="currPage" autocomplete="off">
    <input type="hidden" name="" value="" id="totalPage" autocomplete="off"> 
    <script id="list" type="text/html">  
        <div class="list wst-flex-row wst-jsb wst-fw">
            {{# if(d && d.length>0){ }}
            {{# for(var i=0; i<d.length; i++){ }}
            <div class="goods wst-flex-column" onclick="javascript:toGoodsDetail({{ d[i].goodsId }} )">
                <div class="image"><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{{ d[i].goodsImg }}"></div>
                <p>{{ d[i].goodsName }}</p>
                <div class="wst-flex-row wst-jsb wst-ac goods-info">
                    <span class="price">￥{{ d[i].shopPrice }}</span>
                    <span>销售量：{{d[i].saleNum}}</span>
                </div>
            </div>
            {{# } }}
            {{# }else{ }}
            <div class="wst-prompt-icon">
                <img src="__MOBILE__/img/no_data.png">
                <p>对不起，没有相关商品。</p>
            </div>
            {{# } }}
        </div>
    </script>
    </div>
</div>
{/block}
{block name="js"}
<script type='text/javascript' src='__ROOT__/addons/coupon/view/mobile/index/goods_list.js?v={$v}'></script>
{/block}