{include file="public/seller_top" /}

<div class="seller_main w1200">
    {include file="public/seller_left" /}
    <div class="seller_right clearfix">

<div class="dssc-flow-layout" id="dsscComplainFlow">
    <div class="dssc-flow-container">
        <div class="title">
            <h3>交易投诉申请</h3>
        </div>

        <div class="dssc-flow-step">
            <dl id="state_new" class="step-first current">
                <dt>{$Think.lang.complain_state_new}</dt>
                <dd class="bg"></dd>
            </dl>
            <dl id="state_appeal" class="">
                <dt>{$Think.lang.complain_state_appeal}</dt>
                <dd class="bg"></dd>
            </dl>
            <dl id="state_talk" class="">
                <dt>{$Think.lang.complain_state_talk}</dt>
                <dd class="bg"></dd>
            </dl>
            <dl id="state_handle" class="">
                <dt>{$Think.lang.complain_state_handle}</dt>
                <dd class="bg"></dd>
            </dl>
            <dl id="state_finish" class="">
                <dt>{$Think.lang.complain_state_finish}</dt>
            </dl>
        </div>
        <div class="dssc-form-default">
            <h3>{$Think.lang.complain_message}</h3>
            <dl>
                <dt>投&nbsp;&nbsp;诉&nbsp;&nbsp;人：</dt>
                <dd>{$complain_info.accuser_name}</dd>
                <dt>{$Think.lang.complain_subject_content}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.complain_subject_content}</dd>
                <dt>{$Think.lang.complain_datetime}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.complain_datetime|date="Y-m-d H:i:s",###}</dd>
                <dt>{$Think.lang.complain_content}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.complain_content}</dd>
                <dt>{$Think.lang.complain_evidence}{$Think.lang.ds_colon}</dt>
                <dd>
                    {if $complain_info.complain_pic1 == '' && $complain_info.complain_pic2 == ''&&
                    $complain_info.complain_pic3 == ''}
                    {$Think.lang.complain_pic_none}
                   {else}
                    <a href="" target="_blank">{$Think.lang.complain_pic_view}</a>
                    {/if}
                </dd>
            </dl>
            <h3>{$Think.lang.complain_appeal_message}</h3>
            <dl>
                <dt>{$Think.lang.complain_appeal_datetime}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.appeal_datetime|date="Y-m-d H:i:s",###}</dd>
                <dt>{$Think.lang.complain_appeal_content}{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.appeal_message}</dd>
                <dt>{$Think.lang.complain_appeal_evidence}{$Think.lang.ds_colon}</dt>
                <dd>
                    {if $complain_info.complain_pic1 == '' && $complain_info.complain_pic2 == ''&&
                    $complain_info.complain_pic3 == ''}
                    {$Think.lang.complain_pic_none}
                    {else}
                    <a href="" target="_blank">{$Think.lang.complain_pic_view}</a>
                    {/if}
                </dd>
            </dl>
            {if $complain_info.complain_state > 20}
            {include file="sellercomplain/complain_talk_info" /}
            {/if}
            {if $complain_info.complain_state == '99'}
            <h3>{$Think.lang.final_handle_message}</h3>
            <dl>
                <dt>处理意见{$Think.lang.ds_colon}</dt>
                <dd>{$complain_info.final_handle_message}&nbsp; </dd>
                <dt>{$Think.lang.final_handle_datetime}{$Think.lang.ds_colon}></dt>
                <dd>{$complain_info.final_handle_datetime|date="Y-m-d H:i:s",###}</dd>
            </dl>
            {/if}
            <div class="bottom"><a href="javascript:history.go(-1);" class="dssc-btn"><i class="icon-reply"></i>返回列表</a></div>
        </div>
    </div>
    {include file="sellercomplain/complain_order_info" /}
</div>
    </div>
</div>
{include file="public/mall_footer" /}
<script type="text/javascript">
    $(document).ready(function(){
        var state = {$complain_info.complain_state ? $complain_info.complain_state : 0};
        if(state <= 10) {
            $("#state_new").addClass('current');
        }
        if(state == 20 ){
            $("#state_new").addClass('current');
            $("#state_appeal").addClass('current');
        }
        if(state == 30 ){
            $("#state_new").addClass('current');
            $("#state_appeal").addClass('current');
            $("#state_talk").addClass('current');
        }
        if(state == 40 ){
            $("#state_new").addClass('current');
            $("#state_appeal").addClass('current');
            $("#state_talk").addClass('current');
            $("#state_handle").addClass('current');
        }
        if(state == 99 ){
            $("#state_new").addClass('current');
            $("#state_appeal").addClass('current');
            $("#state_talk").addClass('current');
            $("#state_handle").addClass('current');
            $("#state_finish").addClass('current');
        }
    });
</script>