{extend name="default/users/base" /}
{block name="title"}投诉详情 - 买家中心{__block__}{/block}
{block name="css"}
{/block}
{block name="content"}
  <div class="wst-user-head"><span>投诉详情</span></div>

  <div class='wst-user-content'>
    <table border='0' class='wst-complain-detail'>
           <tr>
              <td colspan='2' class='head'>投诉信息</td>
           </tr>
           <tr>
              <th width='80'>订单号：</th>
              <td>{$data['orderNo']}</td>
           </tr>
           <tr>
              <th>投诉类型：</th>
              <td>
               {php}$reason = WSTDatas('ORDER_COMPLAINT',$data['complainType']);{/php}
               {$reason['dataName']}
              </td>
           </tr>
           <tr>
              <th>投诉内容：</th>
              <td class='line-break'>{$data['complainContent']}</td>
           </tr>
           <tr>
              <th valign='top'>附件：</th>

              <td id="photos-complain">
               {volist name="$data['complainAnnex']" id="annex"}
                <a href="javascript:void(0)">
                <img  layer-src="__IMGURL__/{$annex}" width="100" height="100" src="__IMGURL__/{$annex}" />
                </a>
               {/volist}
              </td>

           </tr>
           <tr>
              <th>投诉时间：</th>
              <td>{$data['complainTime']}</td>
           </tr>
        </table>

        {if condition="$data['needRespond'] eq 1 AND $data['respondContent'] neq ''"}
        <table border='0' class='wst-complain-detail'>
           <tr>
              <td colspan='2' class='head'>应诉信息</td>
           </tr>
           <tr>
              <th width='80'>应诉内容：</th>
              <td class='line-break'>{$data['respondContent']}</td>
           </tr>
           <tr>
              <th valign='top'>附件：</th>
              <td>
               <div id="respondAnnex">
                 {volist name="$data['respondAnnex']" id="annex2"}
                  <a href="javascript:void(0)"><img class='lazyImg' src="__IMGURL__/{$annex2}" layer-src="__IMGURL__/{$annex2}" height="100" width="100"/></a>
                 {/volist}
                </div>
              </td>
           </tr>
           <tr>
              <th>应诉时间：</th>
              <td>{$data['respondTime']}</td>
           </tr>
        </table>
        {/if}
        <table border='0' class='wst-complain-detail' style='margin-top:15px;'>
           <tr>
              <td colspan='2' class='head'>仲裁结果</td>
           </tr>
           <tr>
              <th width='80'>仲裁结果：</th>
              <td>
              {if condition="$data['complainStatus'] eq 0"}
                                          等待处理
              {elseif condition="$data['complainStatus'] eq 1"/}
                                          等待应诉人回应
              {elseif condition="$data['complainStatus'] eq 2 OR $data['complainStatus'] eq 3"/}
                                          等待仲裁
              {elseif condition="$data['complainStatus'] eq 4"/}
                                          已仲裁                        
              {/if}
              </td>
           </tr>
           {if condition="$data['complainStatus'] eq 4"}
           <tr>
              <th valign='top'>仲裁结果：</th>
              <td class='line-break'>
               {$data['finalResult']}
              </td>
           </tr>
           {/if}
           {if condition="$data['complainStatus'] eq 4"}
           <tr>
              <th>仲裁时间：</th>
              <td>{$data['finalResultTime']}&nbsp;</td>
           </tr>
           {/if}
           <tr>
              <td colspan='2' style='text-align:center;'>
                <button onclick="javascript:history.go(-1)" class="wst-sec-but u-btn">返回</button>
              </td>
           </tr>
        </table>

  </div>
{/block}
{block name="js"}
<script type='text/javascript' src='__STYLE__/users/orders/orders.js?v={$v}'></script>
<script>
$(function(){
  // 调用图像层
  layer.photos({
    photos: '#photos-complain'
  });
  layer.photos({
    photos: '#respondAnnex'
  });
})
</script>
{/block}