comment.hbs 9.99 KB
<div class="comment-me-page me-page yoho-page clearfix">
    {{> path}}
    {{> navigation}}
    <div class="me-main">
        <div class="comment block">
            <h2 class="title"></h2>

            {{#with comment}}
                <div class="me-comment">
                    <div class="main-tip">
                        {{#if isComment}}
                            您己对<span id="goodsNum">{{goodsNum}}</span>件商品发表评论,感谢您优质的评论和分享!
                            <select class="right" onchange="javascript:location.href='/home/comment?isComment='+this.value;">
                                <option value="N">未发表评论的商品</option>
                                <option value="Y" selected="">己发表评论的商品</option>
                            </select>
                        {{else}}
                            您还有<span id="goodsNum">{{goodsNum}}</span>件商品未发表评论,欢迎您发表原创、与商品质量相关、对其他用户有参考价值的商品评论。
                            <select class="right" onchange="javascript:location.href='/home/comment?isComment='+this.value;">
                                <option value="N" selected="">未发表评论的商品</option>
                                <option value="Y">己发表评论的商品</option>
                            </select>
                        {{/if}}
                    </div>
                    <p class="comment-table-header table-header clearfix">
                        <span class="info">商品信息</span>
                        <span class="type">操作</span>
                    </p>

                    {{#if orders.length }}
                        <table class="comment-table">
                            {{#each orders}}
                                <!--<tr>
                                    <th colspan="4">
                                        订单编号:{{orderNum}}
                                        <span class="right">下单时间:{{orderTime}}</span>
                                    </th>
                                </tr>-->
                                {{#each goods}}
                                    <tr>
                                        <td width="70" class="goods-img">
                                            <a href="{{href}}"><img src="{{thumb}}"></a>
                                        </td>
                                        <td>
                                            <a href="{{href}}" class="name">{{name}}</a>
                                            <div>下单时间{{../orderTime}}</div>
                                        </td>
                                        <td style="width:50%" class="center">
                                            <button class="btn active radius" data-role="showCommentForm">评价商品</button>
                                        </td>
                                    </tr>
                                    <tr data-role="commentAddForm" class="m-hide">
                                        <td colspan="3" class="comment-add">
                                            <div class="arrow"><i></i><em></em></div>
                                            <div class="row">
                                                <label class="fl-left"><i class="color-warn require-sign">*</i> 商品满意度:</label>
                                                <span class="comment-star editable">
                                                    <span class="star-5"></span>
                                                    <span class="star-4"></span>
                                                    <span class="star-3"></span>
                                                    <span class="star-2"></span>
                                                    <span class="star-1"></span>
                                                </span>
                                            </div>
                                            <div class="row">
                                                <span class="col btn-group">
                                                    <label><i class="color-warn require-sign">*</i> 尺码符合度:</label>
                                                    <a href="#" class="btn btn-outline">偏小</a>
                                                    <a href="#" class="btn btn-outline">合身</a>
                                                    <a href="#" class="btn btn-outline">偏大</a>
                                                </span>
                                                <span class="col">
                                                    <label>身高:</label>
                                                     <span class="color-gray">
                                                         <a href="#" class="btn btn-outline disabled">175</a> 厘米
                                                     </span>
                                                </span>
                                                <span class="col">
                                                    <label>体重:</label>
                                                    <a href="#" class="btn btn-outline disabled">80</a> 公斤
                                                </span>
                                            </div>
                                            <div class="row textarea" data-role="goodsCommentWrap">
                                                <label for="desc" class="text-tip">晒单有奖,<i>100YOHO币</i>等你来拿!</label>
                                                <textarea name="goodsComment"></textarea>
                                            </div>
                                            <div class="row img-list clearfix">
                                                <div class="img-preview selected">
                                                    <img src="" alt="">
                                                    <input type="file" id="upload-{{@index}}" />
                                                    <i class="view">查看</i>
                                                    <i class="del">删除</i>
                                                </div>
                                                <span class="color-warn">最多上传1张图片</span>
                                            </div>
                                            <div class="btns">
                                                <a href="#" class="btn btn-submit active radius">提交评价</a>
                                                <span class="color-warn">带*为必填选项</span>
                                            </div>
                                        </td>
                                    </tr>
                                    {{#if comments}}
                                        <tr class="commented-list">
                                            <td class="vtop right">购买评价:</td>
                                            <td colspan="2">
                                                {{#each comments}}
                                                    <div class="item">
                                                        <div class="comment-info clearfix color-gray">
                                                            <span class="comment-star fl-left">
                                                                <span class="star-3 active"></span>
                                                            </span>
                                                            <span>合适</span>
                                                            <span>身高:175厘米</span>
                                                            <span>体重:70公斤</span>
                                                        </div>
                                                        <p>阿斯顿发送到发送到发生大幅度发生大水电费</p>
                                                        <div class="clearfix">
                                                            <div class="img-preview selected">
                                                                <img src="{{img}}" />
                                                                <i class="view">查看</i>
                                                                <i class="del">删除</i>
                                                            </div>
                                                        </div>
                                                        <p class="color-gray">评论时间:2016-10-10 21:21:21</p>
                                                    </div>
                                                {{/each}}
                                            </td>
                                        </tr>
                                    {{/if}}
                                {{/each}}
                            {{/each}}
                        </table>
                        {{#with ../pager}}
                            {{> common/foot-pager footPager=this}}
                        {{/with}}
                    {{else}}
                        {{> empty this}}
                    {{/if}}
                </div>
            {{/with}}
        </div>

        {{> help-us}}
    </div>
    <div id="comment-dialog-widget" class="comment-dialog-widget hide">
        <div class="dialog-titlebar">
            <span class="dialog-close-btn"></span>
        </div>
        <div class="dialog-content">
            <dl>
                <dd>商品评论:</dd>
                <dd>
                    <textarea id="comment-content"></textarea>
                </dd>
            </dl>
        </div>
        <div class="dialog-buttons">
            <button class="dialog-close-btn">取消</button>
            <button class="dialog-save-btn">提交评论</button>
        </div>
    </div>
</div>