trade3.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <title>我的订单</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <!-- No Baidu Siteapp-->
  13. <meta http-equiv="Cache-Control" content="no-siteapp" />
  14. <!-- Add to homescreen for Chrome on Android -->
  15. <meta name="mobile-web-app-capable" content="yes">
  16. <!-- Add to homescreen for Safari on iOS -->
  17. <meta name="apple-mobile-web-app-capable" content="yes">
  18. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  19. <meta name="apple-mobile-web-app-title" content="积分商城" />
  20. <!-- Tile icon for Win8 (144x144 + tile color) -->
  21. <meta name="msapplication-TileColor" content="#0e90d2">
  22. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  23. <link rel="stylesheet" href="__CDN__/assets/shop/css/menu/normalize.min.css">
  24. <link rel="stylesheet" href="__CDN__/assets/shop/css/menu/bootstrapmb.com.css">
  25. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  26. <style type="text/css">
  27. .am-list-news-default .am-list .am-list-thumb img {width: 86%;}
  28. .bg1{background:#4c4c4c;}
  29. </style>
  30. </head>
  31. <body>
  32. <!-- Header -->
  33. <header data-am-widget="header" class="am-header am-header-default">
  34. <h1 class="am-header-title">
  35. <a href="#title-link">我的订单</a>
  36. </h1>
  37. </header>
  38. <!-- Content -->
  39. <div class="wapper" data-html="tabs">
  40. <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
  41. <ul class="am-tabs-nav am-cf">
  42. <li class=""><a href="[data-tab-panel-0]" data-href="tradelist">全部</a></li>
  43. <li class=""><a href="[data-tab-panel-1]" data-href="trade1">待付款</a></li>
  44. <li class=""><a href="[data-tab-panel-2]" data-href="trade2">待收款</a></li>
  45. <li class="am-active"><a href="[data-tab-panel-3]" data-href="trade3">待上架</a></li>
  46. <li class=""><a href="[data-tab-panel-4]" data-href="trade4">已出售</a></li>
  47. <li class=""><a href="[data-tab-panel-5]" data-href="trade5">异常订单</a></li>
  48. </ul>
  49. <div class="am-tabs-bd">
  50. <div class="am-list am-padding-xs">
  51. {volist name="list" id="v"}
  52. <div class="am-margin-bottom-xs am-bg-white">
  53. <div class="am-g ubb am-padding-xs am-text-left ">
  54. <div class="am-u-sm-8">单号:{$v.orderNo}</div>
  55. <div class="am-u-sm-4 am-text-right am-text-danger">
  56. {if $v['status']==3 && $v['issell'] == 0}
  57. 待上架
  58. {elseif $v['status']==3 && $v['issell'] ==1/}
  59. 待茶室长确认
  60. {elseif $v['status']==3 && $v['issell'] ==2/}
  61. 已上架
  62. {elseif $v['issell'] ==2/}
  63. {if $v['on_resale'] == 1}
  64. 已置换
  65. {else/}
  66. 已上架
  67. {/if}
  68. {else/}
  69. 已自提
  70. {/if}
  71. </div>
  72. </div>
  73. <div class="am-padding-xs am-text-left">
  74. <div class="am-g ubb">
  75. <div class="am-u-sm-3">
  76. <img src="{$v.goods.image}" width="100%" height="68"/>
  77. </div>
  78. <div class="am-u-sm-9 am-padding-left-0">
  79. <p class="text-line1 am-bold">{$v.goods.title}【编号:{$v.goods.description}】</p>
  80. <p class=""><span class="am-btn-warning">卖家</span>{$v.selluser}</p>
  81. <p class=""><span class="am-btn-success">买家</span>{$v.buyuser}</p>
  82. </div>
  83. </div>
  84. <div class="am-g am-padding-bottom-xs am-padding-top-xs ubb">
  85. <div class="am-u-sm-8 am-padding-right-0">买入单时间:{$v.ctime|time_format=###,'Y-m-d H:i:s'}</div>
  86. <div class="am-u-sm-4 am-padding-left-0 am-text-right am-text-danger">商品金额¥{if $v['issell'] == 2}{$v.endnums}{else/}{$v.nums}{/if}</div>
  87. <div class="am-u-sm-12 am-padding-left-0 am-text-right am-text-danger">代拍金¥{$v.pre_price}</div>
  88. </div>
  89. <div class="am-g am-padding-bottom-xs am-padding-top-xs ubb">
  90. <div class="am-u-sm-8 am-padding-right-0">确认时间:{$v.confirm_time|time_format=###,'Y-m-d H:i:s'}</div>
  91. <div class="am-u-sm-4 am-padding-left-0 am-text-right am-text-danger">上架费¥{$v.fee}</div>
  92. </div>
  93. <div class="am-padding-top-sm am-text-right">
  94. {if $v['issell'] == 0}
  95. <span><input type="button" class="am-btn am-btn-danger am-btn-xs" value="上架" onclick="tosell({$v.id},{$v.fee})"></span>&nbsp;&nbsp;
  96. <span><input type="button" class="am-btn am-btn-success am-btn-xs" value="发货到家" ></span>
  97. <!-- <span><input type="button" class="am-btn am-btn-success am-btn-xs" value="发货到家" onclick="toorder({$v['id']},0)"></span>-->
  98. {/if}
  99. {if $v['issell'] == 2 && $v['on_resale'] != 1 && $v['status'] == 3}
  100. <span><input type="button" class="am-btn am-btn-danger am-btn-xs" value="转售平台" onclick="toresell({$v.id})"></span>&nbsp;&nbsp;
  101. {/if}
  102. <span><input type="button" class="am-btn am-btn-default am-btn-xs" value="订单详情" onclick="showtrade({$v.id})"></span>
  103. </div>
  104. </div>
  105. </div>
  106. {/volist}
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <div id="navbar">
  112. <ul id="menu">
  113. <li class="item"><a data-href="{:url('shop/index/index')}">首页</a></li>
  114. <li class="item"><a data-href="{:url('/shop/goods/index')}" >商城</a></li>
  115. <li class="item active"><a data-href="{:url('shop/trade/tradelist')}" >全部订单</a></li>
  116. <li class="item"><a data-href="{:url('shop/user/bonuspage')}" >分销中心</a></li>
  117. <li class="item"><a data-href="{:url('shop/user/index')}">个人中心</a></li>
  118. </ul>
  119. <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="display: none;"></audio>
  120. </div>
  121. <!--[if (gte IE 9)|!(IE)]><!-->
  122. <script src="__CDN__/assets/index/js/jquery.min.js"></script>
  123. <!--<![endif]-->
  124. <!--[if lte IE 8 ]>
  125. <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
  126. <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
  127. <script src="__CDN__/assets/index/js/amazeui.ie8polyfill.min.js"></script>
  128. <![endif]-->
  129. <script src="__CDN__/assets/index/js/amazeui.min.js"></script>
  130. <script src="__CDN__/assets/index/js/amazeui.dialog.js"></script>
  131. <script src="__CDN__/assets/index/js/app.js"></script>
  132. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  133. <script type="text/javascript">
  134. $(function() {
  135. // 导航跳转
  136. $("#navbar a").click(function(){
  137. var url = $(this).attr('data-href');
  138. if(url){
  139. playMusic();
  140. setTimeout(function(){
  141. location=url;
  142. }, 800)
  143. }
  144. })
  145. })
  146. /**
  147. * 按钮声音
  148. */
  149. function playMusic(){
  150. var audio = document.getElementById('menuAudio');
  151. if (audio.paused) {
  152. $(audio).attr('autoplay', true);
  153. $(audio).attr('controls', true);
  154. audio.play();
  155. } else {
  156. $(audio).removeAttr('autoplay');
  157. $(audio).removeAttr('controls');
  158. audio.pause();
  159. }
  160. }
  161. $('.am-tabs-nav li').click(function(){
  162. window.location=$(this).find('a').attr('data-href');
  163. });
  164. function tosell(id, fee)
  165. {
  166. //询问框
  167. layer.confirm('确认要上架此商品,上架费:¥'+fee, {
  168. title:'提示',
  169. btn: ['确认','取消'] //按钮
  170. }, function(){
  171. jQuery.post("{:url('api/trade/toupdatetrade')}" ,{id:id,type:1},function(data) {
  172. if(data.code>0)
  173. {
  174. layer.msg('操作完成',{time:1000},function(){
  175. location= '/shop/trade/trade4/';
  176. });
  177. }else{
  178. layer.msg(data.msg);
  179. }
  180. });
  181. }, function(){
  182. });
  183. }
  184. function toresell(e)
  185. {
  186. //询问框
  187. layer.confirm('确认转售此商品,享受平台流拍资金池每日{$release_rate}%返回本金? ', {
  188. title:'提示',
  189. btn: ['确认','取消'] //按钮
  190. }, function(){
  191. jQuery.post("{:url('api/trade/resaletrade')}" ,{id:e,type:1},function(data) {
  192. if(data.code>0)
  193. {
  194. layer.msg(data.msg,{time:1000},function(){
  195. location=location;
  196. });
  197. }else{
  198. layer.msg(data.msg);
  199. }
  200. });
  201. }, function(){
  202. });
  203. }
  204. function tochange(e)
  205. {
  206. location="/shop/trade/changestudio/goodsid/"+e;
  207. }
  208. function toorder(e,t)
  209. {
  210. //询问框
  211. layer.confirm('确认要将此都订单发货?', {
  212. title:'提示',
  213. btn: ['确认','取消'] //按钮
  214. }, function(){
  215. jQuery.post("{:url('api/trade/toupdatetrade')}" ,{id:e,type:2,isadd:t},function(data) {
  216. if(data.code>0)
  217. {
  218. layer.msg('操作完成',{time:1000},function(){
  219. location=location;
  220. });
  221. }else{
  222. layer.msg(data.msg);
  223. }
  224. });
  225. }, function(){
  226. });
  227. }
  228. function showtrade(e)
  229. {
  230. location="/shop/trade/showtrade/id/"+e;
  231. }
  232. </script>
  233. </body>
  234. </html>