Ingen beskrivning
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

shop_after_service_details.htm 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>售后服务详情-{eyou:global name='web_name' /}</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  9. <link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  10. {eyou:static file="users/skin/css/eyoucms.css" /}
  11. {eyou:static file="users/skin/css/shop.css" /}
  12. {eyou:static file="users/skin/css/element/index.css" /}
  13. {eyou:static file="users/skin/css/e-user.css" /}
  14. {eyou:include file="users/skin/css/diy_css.htm"/}
  15. {eyou:static file="/public/static/common/js/jquery.min.js"/}
  16. {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
  17. {eyou:static file="/public/plugins/laydate/laydate.js"/}
  18. {eyou:static file="/public/static/common/js/tag_global.js"/}
  19. </head>
  20. <body class="centre shop">
  21. {eyou:include file="users/users_header.htm" /}
  22. <div class="breadcrumbs"></div>
  23. <div class="ey-body-bg">
  24. <div class="ey-body pd0">
  25. <div class="ey-container w1226">
  26. {eyou:include file="users/users_left.htm" /}
  27. <div class="ey-con fr" >
  28. <div class="el-main xin_mian main-bg">
  29. <div class="service-box service-main-box">
  30. <div class="service-content-box order-view-box">
  31. <div class="box-hd">
  32. <h1 class="title">服务单详情</h1>
  33. <div class="more clearfix">
  34. <h2 class="subtitle">服务单号: {$eyou.field.refund_code}</h2>
  35. <div class="actions">
  36. {eyou:if condition="!in_array($eyou.field.status, $eyou.StatusArr)"}
  37. <a href="JavaScript:void(0);" class="btn-xin el-button btn-line-gray" data-url="{$eyou.field.CancelUrl}" data-id="{$eyou.field.service_id}" onclick="cancelService(this);">取消售后</a>
  38. {/eyou:if}
  39. </div>
  40. </div>
  41. </div>
  42. {eyou:eq name="$eyou.field.status" value="2"}
  43. <form id="postForm">
  44. <input type="hidden" name="service_id" value="{$eyou.field.service_id}">
  45. <input type="hidden" name="details_id" value="{$eyou.field.details_id}">
  46. <input type="hidden" name="order_id" value="{$eyou.field.order_id}">
  47. <input type="hidden" name="status" value="4">
  48. <div class="service-detail-box">
  49. <div class="uc-order-item uc-order-item-pay">
  50. <div class="order-detail">
  51. <div class="order-summary">
  52. <div class="order-detail-status order-status-address">
  53. <div class="line1"><p class="left opacity54">邮寄地址: </p></div>
  54. <div class="line2">{$eyou.maddr.addr_shipping_addr}</div>
  55. <div class="line3">收货人: {$eyou.maddr.addr_contact_person}(收){$eyou.maddr.addr_contact_phone}</div>
  56. <div class="delivery-submit">
  57. <a href="JavaScript:void(0);" id="wl-btn" class="btn-xin btn-primary btn-small">已邮寄填写物流单号</a>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="mi-popup" style="z-index: 100;display: none;">
  65. <div class="mi-popup__mask mi-modal" style="display: none;"></div>
  66. <div class="mi-popup__box">
  67. <div class="mi-popup__content">
  68. <div class="mi-dialog__wrapper modal-devilvery" style="width: 500px;">
  69. <div aria-modal="true" class="mi-dialog">
  70. <a class="mi-dialog__headerbtn no-header" onclick="closeMsg();" href="javascript:void(0);"><i class="mi-dialog__close iconfont"></i></a>
  71. <div class="mi-dialog__body no-header">
  72. <div class="mi-dialog__inner">
  73. <div class="modal-delivery" >
  74. <div class="hd"><h3>填写寄回物流信息</h3></div>
  75. <div class="bd">
  76. <div class="form">
  77. <div class="select-wrap">
  78. <div class="arrow"></div>
  79. <select name="delivery[name]" id="name">
  80. <option value=" ">选择物流公司</option>
  81. {eyou:volist name="$eyou.ExpressList" id="ex"}
  82. <option value="{$ex.express_name}">{$ex.express_name}</option>
  83. {/eyou:volist}
  84. </select>
  85. </div>
  86. <input maxlength="20" name="delivery[code]" id="code" placeholder="填写物流单号" class="expressId" autocomplete="off">
  87. <input type="text" name="delivery[cost]" class="expressId" autocomplete="off" placeholder="请输入快递费用">
  88. <input type="text" name="delivery[time]" id="add_time" class="expressId" autocomplete="off" placeholder="请输入选择发货时间">
  89. </div>
  90. <p class="error-tip"></p>
  91. <p class="tip">温馨提示: 请认真核对物流信息,一旦提交无法修改,如有其它异常,请联系客服咨询</p>
  92. <div class="btn-wrap">
  93. <a onclick="closeMsg();" href="javascript:void(0);">取消</a>
  94. <a onclick="submitReturnGoods(this);" href="javascript:void(0);" data-url="{:url('Shop/after_service_update', ['_ajax'=>1])}">确认</a>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </form>
  106. {/eyou:eq}
  107. <div class="box-hd">
  108. <div class="progress_xin">
  109. <div class="order-progress-xin">
  110. <ol class="progress-list clearfix progress-list-col-4">
  111. {eyou:if condition='$eyou.field.manual_refund == 1'}
  112. <!-- 手动退款 -->
  113. <li class="step-xin step-first step-done">
  114. <div class="progress-xin"><div class="text">手动退款</div></div>
  115. </li>
  116. <li class="step-xin step-last step-active">
  117. <div class="progress-xin"><div class="text">已完成</div></div>
  118. </li>
  119. {eyou:elseif condition='$eyou.field.status == 3'}
  120. <!-- 审核不通过 -->
  121. <li class="step-xin step-first step-done">
  122. <div class="progress-xin"><div class="text">审核</div></div>
  123. </li>
  124. <li class="step-xin step-last step-active">
  125. <div class="progress-xin"><div class="text">审核不通过</div></div>
  126. </li>
  127. {eyou:elseif condition='$eyou.field.status == 8'}
  128. <!-- 关闭售后 -->
  129. <li class="step-xin step-first step-done">
  130. <div class="progress-xin"><div class="text">审核</div></div>
  131. </li>
  132. <li class="step-xin step-last step-active">
  133. <div class="progress-xin"><div class="text">已取消</div></div>
  134. </li>
  135. {eyou:else/}
  136. <li class="step-xin step-first step-done {eyou:if condition='$eyou.field.status < 4'} step-active {/eyou:if} ">
  137. <div class="progress-xin"><div class="text">审核</div></div>
  138. </li>
  139. <li class="step-xin {eyou:if condition='$eyou.field.status > 3' } step-done {/eyou:if} {eyou:if condition='$eyou.field.status > 3 && $eyou.field.status < 5'} step-active {/eyou:if}">
  140. <div class="progress-xin"><div class="text">客户邮寄</div></div>
  141. </li>
  142. <li class="step-xin {eyou:if condition='$eyou.field.status > 4' } step-done {/eyou:if} {eyou:if condition='$eyou.field.status > 4 && $eyou.field.status < 6'} step-active {/eyou:if}">
  143. <div class="progress-xin"><div class="text">受理中</div></div>
  144. </li>
  145. <li class="step-xin step-last {eyou:if condition='$eyou.field.status > 5' } step-done {/eyou:if} {eyou:if condition='$eyou.field.status > 5'} step-active {/eyou:if} ">
  146. <div class="progress-xin"><div class="text">已完成</div></div>
  147. </li>
  148. {/eyou:if}
  149. </ol>
  150. </div>
  151. <div class="showDetail J_showOrderDetail" >
  152. <div class="order-delivery order-delivery-detail">
  153. <div class="delivery-list-wrapper">
  154. <ul class="delivery-list">
  155. {eyou:volist name="$eyou.StatusLog" id="vo"}
  156. <li class="first">{$vo.log_note} {$vo.add_time|date='Y-m-d H:i:s',###}</li>
  157. {/eyou:volist}
  158. </ul>
  159. </div>
  160. </div>
  161. </div>
  162. {gt name='$eyou.StatusLog|count' value='3'}
  163. <a class="order-delivery-trigger has-result"><span>展开服务详情∨</span></a>
  164. {/gt}
  165. </div>
  166. <div class="order-info">
  167. <table class="order-items-table">
  168. <tbody>
  169. <tr>
  170. <td class="col col-thumb">
  171. <div class="figure figure-thumb"><a href="{$eyou.field.arcurl}"><img src="{$eyou.field.product_img}"></a></div>
  172. </td>
  173. <td colspan="2" class="col col-name">
  174. <p class="name">
  175. <a href="{$eyou.field.arcurl}">{$eyou.field.product_name}&nbsp;{eyou:volist name='$eyou.field.product_spec_list' id='spec'}{$spec.value}&nbsp;{/eyou:volist}</a>
  176. </p>
  177. </td>
  178. <td colspan="2" class="col">¥{$eyou.field.refund_price}</td>
  179. <td colspan="2" class="col">x</td>
  180. <td colspan="2" class="col">{$eyou.field.product_num}</td>
  181. </tr>
  182. </tbody>
  183. </table>
  184. {eyou:eq name="$eyou.field.status" value="6"}
  185. <div class="order-detail-info">
  186. <table class="info-table">
  187. <tbody>
  188. <tr> <th>温馨提示:</th> <td>卖家已为你重新发货,详情如下</td> </tr>
  189. <tr> <th>快递公司:</th> <td>{$eyou.field.admin_delivery.name}</td> </tr>
  190. <tr> <th>快递单号:</th> <td>{$eyou.field.admin_delivery.code}</td> </tr>
  191. </tbody>
  192. </table>
  193. </div>
  194. {/eyou:eq}
  195. <div class="order-detail-info">
  196. <table class="info-table">
  197. <tbody>
  198. <tr> <th>进度查询: </th> <td>{$eyou.field.StatusName}</td> </tr>
  199. {eq name="$eyou.field.service_type_old" value="2"}
  200. <tr>
  201. <th>退还余额:</th>
  202. <td>¥{$eyou.field.refund_total_price}(减<span style="color: red;">{$eyou.field.ShippingFee}</span>运费)</td>
  203. </tr>
  204. {/eq}
  205. <tr> <th>申请单号: </th> <td>{$eyou.field.refund_code}</td> </tr>
  206. <tr> <th>服务类型: </th> <td>{$eyou.field.service_type}</td> </tr>
  207. <tr>
  208. <th>问题描述: </th>
  209. <td>
  210. {$eyou.field.content}
  211. <br />
  212. {eyou:volist name='$eyou.field.upload_img' id='vo'}
  213. {eyou:notempty name="$vo"}
  214. <a href="{$vo}" ><img src="{$vo}" width="80" height="80" style="margin-top: 5px;"/></a>
  215. {/eyou:notempty}
  216. {/eyou:volist}
  217. </td>
  218. </tr>
  219. <tr> <th>联系人: </th> <td>{$eyou.field.consignee}</td> </tr>
  220. <tr> <th>联系电话: </th> <td>{$eyou.field.mobile}</td> </tr>
  221. <tr> <th>收货地址: </th> <td>{$eyou.field.address}</td> </tr>
  222. </tbody>
  223. </table>
  224. </div>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. {eyou:static file="users/skin/js/shop_after_service_details.js"/}
  235. {eyou:include file="users/users_footer.htm" /}