{extend name="default/base" /}
{block name="title"}商品评价 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet"  href="__MOBILE__/css/goods_appraises.css?v={$v}">
<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/webuploader/webuploader.css?v={$v}" />
<style>
    .webuploader-pick,.webuploader-pick-hover{width:0.8rem;height:0.8rem;background: url(../../img/upload-btn.png) center center no-repeat;background-size:100%;}
    #filePicker div:nth-child(2){top:0!important;left:0!important;width:100%!important;height:100%!important;}
    .weui_uploader_bd{overflow: visible;}
</style>
{/block}
{block name="header"}
    {php}$headerTitle = "商品评价"{/php}{__block__}
{/block}
{block name="main"}
    <input type="hidden" name="" value="{$orderId}" id="orderId" autocomplete="off">
    <section class="wst-container wst-flex-column wst-jsb">
        <div class="wst-ap-goods">
            <div class="list-i wst-flex-row wst-ac">
            <div class="img"><a href="javascript:void(0);" onclick="javascript:WST.intoGoods({$data['goodsId']});"><img src="__ROOT__/{:WSTConf('CONF.goodsLogo')}" data-echo="__ROOT__/{:WSTImg($data['goodsImg'],3)}" title="{$data['goodsName']}"></a></div>
            <div class="info wst-flex-column wst-jsb">
                <p class="name wst-nowrap-multi" onclick="javascript:WST.intoGoods({$data['goodsId']});">{$data['goodsName']}</p>
            </div>
            <div id="appBox_{$data['id']}"></div>
            </div>
        </div>
        <div class="wst-ap-content">
            <textarea id="content" maxLength='300' placeholder="请填写评价内容"></textarea>

        </div>
        <div class="wst-ap-evaluate wst-row">
            <div class="wst-col wst-col-30">商品评分</div>
            <div class="wst-col wst-col-60">{for start="0" end="5"}<i class="icon dark" onclick="javascript:clickStar(this,'goodsScore')"></i>{/for}</div>

            <div class="wst-col wst-col-10 score"><span id="goodsScore">0</span> 分</div>
            <div class="wst-col wst-col-30">服务评分</div>
            <div class="wst-col wst-col-60">{for start="0" end="5"}<i class="icon dark" onclick="javascript:clickStar(this,'serviceScore')"></i>{/for}</div>
            <div class="wst-col wst-col-10 score"><span id="serviceScore">0</span> 分</div>

            <div class="wst-col wst-col-30">时效评分</div>
            <div class="wst-col wst-col-60">{for start="0" end="5"}<i class="icon dark" onclick="javascript:clickStar(this,'timeScore')"></i>{/for}</div>
            <div class="wst-col wst-col-10 score"><span id="timeScore">0</span> 分</div>
        </div>

        <div class="weui_cell wst-ap-picture">
            <div class="weui_cell_bd weui_cell_primary">
                <div class="weui_uploader">
                    <div class="weui_uploader_hd weui_cell">
                        <div class="weui_cell_bd weui_cell_primary">上传图片</div>
                        <div class="weui_cell_ft"></div>
                    </div>
                    <div class="weui_uploader_bd">
                        <ul class="weui_uploader_files" id='upload'>
                        </ul>
                        <div class="weui_uploader_input_wrp">
                            <input class="weui_uploader_input" type="file" accept="image/jpg,image/jpeg,image/png,image/gif"  onchange="uploadImage(this)" multiple />
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="wst-ap-submit"><button class="button btn-red" onclick="javascript:submit({$data['goodsId']},{$data['id']});">提交</button></div>

    </section>
{/block}
{block name="include"}
{include file="default/dialog" /}<!-- 对话框模板 -->
{/block}
{block name="footer"}
{/block}
{block name="js"}
<script type='text/javascript' src='__STATIC__/js/jquery.min.js'></script>
<script type='text/javascript' src='__MOBILE__/users/orders/appraises.js?v={$v}'></script>
<script type='text/javascript' src='__STATIC__/plugins/webuploader/webuploader.js?v={$v}'></script>
<script>

</script>
{/block}