pai_user-order.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310
  1. <!-- 观众竞拍订单详情 -->
  2. {include file="inc/header.html"}
  3. <?php
  4. $this->_var['dpagecss'][] = $this->_var['TMPL_REAL']."/css/pai_user-goods.css";
  5. $this->_var['dcpagecss'][] = $this->_var['TMPL_REAL']."/css/pai_user-goods.css";
  6. $this->_var['dpagecss'][] = $this->_var['TMPL_REAL']."/css/pai_user-order.css";
  7. $this->_var['dcpagecss'][] = $this->_var['TMPL_REAL']."/css/pai_user-order.css";
  8. ?>
  9. <link rel="stylesheet" type="text/css" href="{function name="parse_css" v="$dpagecss" c="$dcpagecss"}" />
  10. <script type="text/javascript">
  11. var is_true = {$data.data.is_true};
  12. /*var ua = navigator.userAgent.toLowerCase();
  13. if (/iphone|ipad|ipod/.test(ua)) {
  14. document.write("<style>.page, .page-group{height:calc(100% - 22px);}</style>");
  15. }*/
  16. </script>
  17. <div class="page page-current page_pai_order" id="page-pai_user-order">
  18. <!-- {if !isApp()}
  19. <header class="bar bar-nav">
  20. <a class="button button-link button-nav pull-left" href="/demos/card" data-transition='slide-out'>
  21. <span class="icon icon-left"></span>
  22. </a>
  23. <h1 class="title">订单详情</h1>
  24. </header>
  25. {/if} -->
  26. {if $data.data.is_true eq 1}
  27. <!-- 实物竞拍 -->
  28. {include file="./pai_user-true_order.html"}
  29. {else}
  30. <!-- 虚拟竞拍 -->
  31. <div class="content {if $data.data.status eq 2 || $data.data.status eq 3 || $data.data.order_status gte 4}content-no-footer_btn{/if}">
  32. <div class="order_status bg_theme">
  33. <div class="container">
  34. <!-- 订单状态 -->
  35. {if $data.data.refund_platform eq 4}
  36. <!-- 申诉,竞拍失败 -->
  37. <div class="status_info">
  38. <div class="status f15">竞拍关闭</div>
  39. <span class="time f12">{$data.data.refund_reason}</span>
  40. </div>
  41. <i class="status_ico status_fail"></i>
  42. {else}
  43. {if $data.data.status eq 1}
  44. {if $data.data.order_status eq 1}
  45. <div class="status_info">
  46. <div class="status f15">等待买家付款</div>
  47. <span class="time f12">剩余<span class="left_time" data-leftTime="{$data.data.expire_time}"></span>自动关闭</span>
  48. </div>
  49. <i class="status_ico status_wait_pay"></i>
  50. {elseif $data.data.order_status eq 6}
  51. <div class="status_info">
  52. <div class="status f15">竞拍关闭</div>
  53. <span class="time f12">买家超时未付款</span>
  54. </div>
  55. <i class="status_ico status_fail"></i>
  56. {/if}
  57. {elseif $data.data.status eq 2}
  58. <div class="status_info">
  59. <div class="status f15">竞拍关闭</div>
  60. {if $data.data.order_status eq 6}
  61. <span class="time f12">买家超时未付款</span>
  62. {else}
  63. <span class="time f12">流拍</span>
  64. {/if}
  65. </div>
  66. <i class="status_ico status_fail"></i>
  67. {elseif $data.data.status eq 3}
  68. <div class="status_info">
  69. <div class="status f15">竞拍关闭</div>
  70. <span class="time f12">卖家未遵守约会</span>
  71. </div>
  72. <i class="status_ico status_fail"></i>
  73. {elseif $data.data.status eq 4}
  74. {if $data.data.order_status eq 2}
  75. {if $data.data.expire_date_time gt 0}
  76. <div class="status_info">
  77. <div class="status f15">等待完成约会</div>
  78. <span class="time f12">距离约会时间还剩&nbsp;<span class="left_time" data-leftTime="{$data.data.expire_time}"></span></span>
  79. </div>
  80. <i class="status_ico status_wait_date"></i>
  81. {else}
  82. <div class="status_info">
  83. <div class="status f15">等待主播确认</div>
  84. <span class="time f12">距离主播确认完成还剩&nbsp;<span class="left_time" data-leftTime="{$data.data.expire_time}"></span></span>
  85. </div>
  86. <i class="status_ico status_wait_date"></i>
  87. {/if}
  88. {elseif $data.data.order_status eq 3}
  89. <div class="status_info">
  90. <div class="status f15">已完成约会</div>
  91. <span class="time f12">距离确认完成还剩&nbsp;<span class="left_time" data-leftTime="{$data.data.expire_time}"></span></span>
  92. </div>
  93. <i class="status_ico status_wait_date"></i>
  94. {elseif $data.data.order_status eq 4}
  95. <div class="status_info">
  96. <div class="status f15">竞拍成功</div>
  97. </div>
  98. <i class="status_ico status_dated"></i>
  99. {elseif $data.data.order_status eq 5}
  100. {if $data.data.refund_buyer_status eq 1}
  101. <div class="status_info">
  102. <div class="status f15">竞拍关闭</div>
  103. <span class="time f12">退款中,等待主播确认退款</span>
  104. </div>
  105. <i class="status_ico status_fail"></i>
  106. {elseif $data.data.refund_buyer_status eq 3}
  107. <div class="status_info">
  108. <div class="status f15">竞拍关闭</div>
  109. <span class="time f12">主播确认退款,退款成功</span>
  110. </div>
  111. <i class="status_ico status_fail"></i>
  112. {/if}
  113. {elseif $data.data.order_status eq 6}
  114. <div class="status_info">
  115. <div class="status f15">竞拍关闭</div>
  116. <span class="time f12">买家超时未付款</span>
  117. </div>
  118. <i class="status_ico status_fail"></i>
  119. {elseif $data.data.order_status eq 7}
  120. <div class="status_info">
  121. <div class="status f15">竞拍成功</div>
  122. </div>
  123. <i class="status_ico status_dated"></i>
  124. {/if}
  125. {/if}
  126. {/if}
  127. </div>
  128. </div>
  129. <div class="list-block media-list m0 adress">
  130. <ul>
  131. <li>
  132. <div class="item-content f_555">
  133. <div class="item-media">
  134. <i class="icon iconfont f20">&#xe661;</i>
  135. </div>
  136. <div class="item-inner">
  137. <div class="item-title-row">
  138. <div class="item-subtitle">联系人:{$data.data.contact}</div>
  139. <div class="item-after">{$data.data.mobile}</div>
  140. </div>
  141. <div class="item-subtitle date_info">
  142. <div>约会地址:{$data.data.place}</div>
  143. <div>约会时间:{$data.data.date_time}</div>
  144. </div>
  145. </div>
  146. </div>
  147. </li>
  148. </ul>
  149. </div>
  150. <div class="list-block cards-list order_list">
  151. <ul>
  152. <li class="card block-good-virtual">
  153. <div class="card-header">
  154. <div class="item-title">{$data.data.supplier_name}</div>
  155. </div>
  156. <div class="card-content good_content">
  157. <div class="list-block media-list">
  158. <ul>
  159. {foreach from=$data.data.goods_list item=item key=key name=item_name}
  160. <li class="item-content">
  161. <div class="item-media">
  162. <img src="{$data.data.img}" width="90" height="80">
  163. </div>
  164. <div class="item-inner">
  165. <div class="item-title-row">
  166. <div class="item-title good_name">{$item.goods_name}</div>
  167. </div>
  168. <div class="item-subtitle f_999">最高价:<span class="diamond f_theme">{$data.data.last_pai_diamonds}</span></div>
  169. </div>
  170. </li>
  171. {/foreach}
  172. </ul>
  173. </div>
  174. </div>
  175. <div class="card-footer">
  176. <div class="list-block">
  177. <ul>
  178. <li class="item-content">
  179. <div class="item-inner">
  180. <div class="item-title f_green">
  181. {if $data.data.order_status eq 5}
  182. {if $data.data.refund_buyer_status eq 1}
  183. 退款中
  184. {elseif $data.data.refund_buyer_status eq 2}
  185. 退货中
  186. {elseif $data.data.refund_buyer_status eq 3}
  187. 退款成功
  188. {elseif $data.data.refund_buyer_status eq 4}
  189. 主动撤销退款
  190. {else}
  191. 被动关闭
  192. {/if}
  193. {elseif $data.data.order_status eq 1}
  194. 待付款
  195. {elseif $data.data.order_status eq 6}
  196. 未付款
  197. {else}
  198. 已付款
  199. {/if}
  200. </div>
  201. <div class="item-after"><span class="diamond f_theme">{$data.data.total_diamonds}</span></div>
  202. </div>
  203. </li>
  204. <li class="item-content">
  205. <div class="item-inner f_555">
  206. <div class="item-title">保证金:<span class="diamond">{$data.data.bz_diamonds}</span></div>
  207. <div class="item-after">{if $data.data.join_status eq 0}托管中{elseif $data.data.join_status eq 1}已退还{else}已罚没{/if}</div>
  208. </div>
  209. </li>
  210. </ul>
  211. </div>
  212. </div>
  213. </li>
  214. </ul>
  215. </div>
  216. <div class="list-block media-list">
  217. <ul>
  218. <li>
  219. <div class="item-content f_555">
  220. <div class="item-inner">
  221. <div class="item-title-row">
  222. <div class="item-subtitle f_999">
  223. <div>订单编号:{$data.data.order_sn}</div>
  224. <div>下单时间:{function name="to_date" v=$data.data.create_time}</div>
  225. {if $data.data.pay_time}
  226. <div>付款时间:{$data.data.pay_time}</div>
  227. {/if}
  228. <!--{if $data.data.refund_over_time}-->
  229. <!--<div>退款时间:{$data.data.refund_over_time}</div>-->
  230. <!--{/if}-->
  231. <!--{if $data.data.order_status_time}-->
  232. <!--{if $data.data.order_status >3}-->
  233. <!--<div>关闭时间:{$data.data.order_status_time}</div>-->
  234. <!--{/if}-->
  235. <!--{/if}-->
  236. {if $data.data.final_time}
  237. <div>完成时间:{$data.data.final_time}</div>
  238. {/if}
  239. {if $data.data.order_status > 5}
  240. {if $data.data.refund_platform eq 4}
  241. <div>关闭时间:{$data.data.refund_over_time}</div>
  242. {elseif $data.data.order_status_time}
  243. <div>关闭时间:{$data.data.order_status_time}</div>
  244. {/if}
  245. {/if}
  246. </div>
  247. <!-- <div class="item-after">
  248. <a href="#" class="button button-round">复制</a>
  249. </div> -->
  250. </div>
  251. </div>
  252. </div>
  253. </li>
  254. </ul>
  255. </div>
  256. <!-- <div class="list-block media-list pay_way_list">
  257. <ul>
  258. <li>
  259. <label class="item-content f_555">
  260. <div class="item-media">
  261. <input name="pay_way" value="balance" type="checkbox" checked>
  262. </div>
  263. <div class="item-inner">
  264. <div class="item-title-row">
  265. <div class="item-subtitle">
  266. 使用帐号余额支付&nbsp;<span class="diamond f_theme">{$data.data.diamonds}</span>
  267. </div>
  268. <div class="item-after">
  269. <a href="javascript:void(0);" class="button button-round J_recharge"><span class="f_theme">充值</span></a>
  270. </div>
  271. </div>
  272. </div>
  273. </label>
  274. </li>
  275. </ul>
  276. </div> -->
  277. </div>
  278. {if $data.data.order_status lt 4 || ($data.data.order_status eq 5 && $data.data.refund_buyer_status eq 1)}
  279. <nav class="bar bar-tab footer_btn tc">
  280. {if $data.data.order_status eq 1}
  281. <a class="button button40 button-round button-middle button-fill button-theme" href='{url_wap r="pai_user#virtual_order_details" p="order_sn=$data.data.order_sn&pai_id=$data.data.pai_id"}'>付款</a>
  282. {elseif $data.data.order_status eq 2}
  283. {if $data.data.expire_date_time gt 0}
  284. <a class="button button40 button-round button-middle button-fill button-theme J-remind_podcast_to_date" href="javascript:void(0);" data-to_podcast_id="{$data.data.podcast_id}" data-order_sn="{$data.data.order_sn}">提醒约会</a>
  285. {else}
  286. <a class="button button40 button-round button-middle button-fill button-theme J-remind_podcast_to_confirm_date" href="javascript:void(0);" data-to_podcast_id="{$data.data.podcast_id}" data-order_sn="{$data.data.order_sn}">提醒主播确认</a>
  287. {/if}
  288. {elseif $data.data.order_status eq 3}
  289. {if $data.data.refund_platform}
  290. {if $data.data.refund_platform eq 3}
  291. <a class="button button40 button-round button-middle" href="javascript:void(0);">投诉中,请等待</a>
  292. {elseif $data.data.refund_platform eq 4}
  293. <a class="button button40 button-round button-middle button-fill button-theme J-buyer_confirm_date" href="javascript:void(0);" data-to_podcast_id="{$data.data.podcast_id}" data-order_sn="{$data.data.order_sn}" data-confirm-tip="请约会成功后,再确认完成!以免造成损失。">确认完成</a>
  294. <a class="button button40 button-round button-middle button-fill button-theme J-buyer_to_complaint" href="javascript:void(0);" data-to_podcast_id="{$data.data.podcast_id}" data-order_sn="{$data.data.order_sn}">我要投诉</a>
  295. {/if}
  296. {else}
  297. <a class="button button40 button-round button-middle button-fill button-theme J-buyer_confirm_date" href="javascript:void(0);" data-to_podcast_id="{$data.data.podcast_id}" data-order_sn="{$data.data.order_sn}" data-confirm-tip="请约会成功后,再确认完成!以免造成损失。">确认完成</a>
  298. <a class="button button40 button-round button-middle button-fill button-theme J-buyer_to_complaint" href="javascript:void(0);" data-to_podcast_id="{$data.data.podcast_id}" data-order_sn="{$data.data.order_sn}">我要投诉</a>
  299. {/if}
  300. {elseif $data.data.order_status eq 5}
  301. {if $data.data.refund_buyer_status eq 1}
  302. <a href="javascript:void(0);" id="J-oreder_revocation" class="button button40 button-round button-middle button-fill button-theme" data-to_podcast_id="{$data.data.podcast_id}" data-order_sn="{$data.data.order_sn}">主动撤销</a>
  303. {/if}
  304. {/if}
  305. </nav>
  306. {/if}
  307. {/if}
  308. </div>
  309. {include file="inc/footer.html"}