{include file="public/mall_top" /}
{include file="public/mall_header" /}
<link rel="stylesheet" href="{$Think.config.url_domain_root}static/home/css/member.css">
<div class="dsm-container">
    {include file="public/member_left" /}
    <div class="right-layout">
        <div class="dsm-flow-layout">
            <div class="dsm-flow-container">
                <div class="title"><a href="{:url('memberevaluate/index')}" class="dsm-btn-mini fr"><i
                        class="icon-reply"></i>返&nbsp;回</a>
                    <h3>对商品进行晒单</h3>
                </div>
                <div class="alert">
                    <h4>图片上传要求：</h4>
                    请使用jpg\jpeg\png等格式、单张大小不超过1M的图片，最多可发布5张晒图，上传后的图片也将被保存在个人主页相册中以便其它使用。
                </div>
                <form id="add_form" action="{:url('memberevaluate/add_image_save')}" method="post">
                    <input type="hidden" name="geval_id" value="{$geval_info.geval_id}">
                    <div class=" dsm-default-form">
                        <h3>评价信息</h3>
                        <dl>
                            <dt>商品信息：</dt>
                            <dd>
                                <div>
                                    <a href="{:url('Goods/index',['goods_id'=>$geval_info.geval_goodsid])}"
                                       target="_blank"><img
                                            src="{$geval_info.geval_goodsimage}" /></a>
                                    <a href="{:url('Goods/index',['goods_id'=>$geval_info.geval_goodsid])}"
                                       target="_blank">{$geval_info.geval_goodsname}</a>
                                </div>
                            </dd>
                        </dl>
                        <dl>
                            <dt>商品评分：</dt>
                            <dd>
                                <div class="raty" style="display:inline-block;"
                                     data-score="{$geval_info.geval_scores}"></div>
                            </dd>
                        </dl>
                        <dl>
                            <dt>评价详情：</dt>
                            <dd>{$geval_info.geval_content}</dd>
                        </dl>
                        <h3 class="mt20">上传晒单图片</h3>
                        <div class="evaluation-image">
                            <ul>
                                {for start="0" end="5" }
                                <li>
                                    <div class="upload-thumb">
                                        <div nctype="image_item" style="display:none;"><img src="">
                                            <input type="hidden" nctype="input_image" name="evaluate_image[]" value="">
                                            <a href="javascript:;" nctype="del" class="del" title="移除">X</a>
                                        </div>
                                    </div>
                                    <div class="upload-btn">
                                        <a href="javascript:void(0);"> 
                                            <span><input type="file" hidefocus="true" size="1" class="input-file" name="file"></span>
                                            <p>图片上传</p>
                                        </a>
                                    </div>
                                </li>
                                {/for}
                            </ul>
                        </div>
                        <div class="bottom">
                            <label class="submit-border">
                                <input id="btn_submit" class="submit" type="submit" value="确定提交">
                            </label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="dsm-flow-item">
                {if $store_info.is_own_shop}
                
                
                <div class="dsm-evaluation-store">
                    <div class="title">店铺信息</div>
                    <div class="store-name"> {$store_info.store_name}</div>
                    <div class="store-info">
                        {if !$store_info.is_own_shop}
                        <dl class="all-rate">
                            <dt>综合评分：</dt>
                            <dd>
                                <div class="rating"><span style="width:{$store_info.store_credit_percent}%"></span></div>
                                <em>{$store_info.store_credit_average}</em>分</dd>
                        </dl>
                        <div class="detail-rate">
                            <h5><strong>{$Think.lang.member_evaluation_storeevalstat}</strong>与行业相比</h5>
                            <ul>
                                {volist name="store_info.store_credit" id="val"}
                                <li>
                                    <span>{$val.text}</span><span class="credit">{$val.credit}分</span>
                                    {present name="val.percent_class" && present name="val.percent_text"}
                                    <span class="{$val.percent_class}"><i></i>{$val.percent_text}<em>{$val.percent}</em></span>
                                    {/present}
                                </li>
                                {/volist}
                            </ul>
                        </div>
                        {/if}
                        {if $store_info.store_qq || $store_info.store_ww}
                        <dl class="messenger">
                            <dt>联系方式：</dt>
                            <dd><span member_id="{$store_info.member_id}"></span>
                                {if $store_info.store_qq}
                                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={$store_info.store_qq}&site=qq&menu=yes" title="QQ: {$store_info.store_qq}"><img border="0" src="http://wpa.qq.com/pa?p=2:{$store_info.store_qq}:52" style=" vertical-align: middle;"/></a>
                                {/if}
                                {if $store_info.store_ww}
                                <a target="_blank" href="http://amos.im.alisoft.com/msg.aw?v=2&amp;uid={$store_info.store_ww}&site=cntaobao&s=1&charset=utf-8" ><img border="0" src="http://amos.im.alisoft.com/online.aw?v=2&uid={$store_info.store_ww}&site=cntaobao&s=2&charset=utf-8" alt="{$Think.lang.ds_message_me}" style=" vertical-align: middle;"/></a>
                                {/if}
                            </dd>
                        </dl>
                        {/if}
                        {if $store_info.store_phone}
                        <dl class="messenger">
                            <dt>店铺电话：</dt>
                            <dd>{$store_info.store_phone}</dd>
                        </dl>
                        {/if}
                        <dl class="no-border">
                            <dt>公司名称：</dt>
                            <dd>{$store_info.company_name}</dd>
                        </dl>
                        <dl >
                            <dt>所&nbsp;&nbsp;在&nbsp;&nbsp;地：</dt>
                            <dd>{$store_info.company_address}</dd>
                        </dl>
                    </div>
                </div>
                
                
                {/if}
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="{$Think.config.url_domain_root}static/plugins/js/jquery.raty/jquery.raty.min.js"></script> 
<script type="text/javascript" src="{$Think.config.url_domain_root}static/plugins/js/fileupload/jquery.iframe-transport.js" charset="utf-8"></script>
<script type="text/javascript" src="{$Think.config.url_domain_root}static/plugins/js/fileupload/jquery.ui.widget.js" charset="utf-8"></script>
<script type="text/javascript" src="{$Think.config.url_domain_root}static/plugins/js/fileupload/jquery.fileupload.js" charset="utf-8"></script>

<script type="text/javascript">
    $(document).ready(function(){
      $('.raty').raty({
            path: "{$Think.config.url_domain_root}static/plugins/js/jquery.raty/img",
            readOnly: true,
            score: function() {
                return $(this).attr('data-score');
            }
        });
        
        //图片上传
        $(".input-file").fileupload({
            dataType: 'json',
            url: "{:url('Snsalbum/swfupload')}",
            formData: "",
            add: function(e, data) {
                data.formData = {category_id:{$ac_id}}
                data.submit();
            },
            done: function (e, data) {
                if(data.result.state) {
                    $item = $(this).parents('li');
                    $item.find('img').attr('src', data.result.file_url);
                    $item.find('[nctype="input_image"]').val(data.result.file_name);
                    var file_id = $item.find('[nctype="del"]').attr('data-file-id');
                    album_pic_del(file_id);
                    $item.find('[nctype="del"]').attr('data-file-id', data.result.file_id);
                    $item.find('[nctype="image_item"]').show();
                } else {
                    showError(data.result.message);
                }
            }
        });

        $('[nctype="del"]').on('click', function() {
            album_pic_del($(this).attr('data-file-id'));
            $item = $(this).parent();
            $item.find('[nctype="input_image"]').val('');
            $item.hide();
        });

        function album_pic_del(file_id) {
            var del_url = "{:url('Snsalbum/album_pic_del')}";
            del_url += '?id=' + file_id;
            $.get(del_url);
        }

        $('#btn_submit').on('click', function() {
            ajaxpost('add_form', '', '', 'onerror')
        });
    });
</script>


{include file="public/mall_server" /}
{include file="public/mall_footer" /}