refund_list.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/style.css" />
  10. <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
  11. <style>
  12. body{background:#f2f2f2;}
  13. .swiper-container {
  14. width: 100%;
  15. height: 100%;
  16. }
  17. .swiper-container{
  18. width: 100%;
  19. height: 50px;
  20. border-bottom: 1px solid #e8e8e8;
  21. }
  22. .swiper-slide{
  23. text-align: center;
  24. line-height: 50px;
  25. font-size: 15px;
  26. }
  27. .active{
  28. color: #eb4610;
  29. }
  30. .bottom-line{
  31. border-bottom:1px solid #e8e8e8;
  32. }
  33. .border-none{
  34. text-align:center;font-size: 0.28rem;
  35. }
  36. .border-none p{
  37. color:#999999;
  38. }
  39. .border-none-img{
  40. margin-top: 3rem;
  41. width: 1.73rem;
  42. height: auto;
  43. }
  44. .order-list-right p {
  45. font-size: 0.22rem;
  46. color: #999;
  47. height: 1.04rem;
  48. }
  49. p.font-size-18 {
  50. color: #666;
  51. height: auto;
  52. }
  53. .h5 {
  54. background: #f2f2f2;
  55. margin: 0 0 0 -0.32rem;
  56. width: 7.5rem;
  57. margin-top: 0.5em;
  58. }
  59. </style>
  60. <script>
  61. (function(w, d, m) {
  62. function r() {
  63. var t = 100,
  64. o = 750,
  65. e = d.documentElement.clientWidth || w.innerWidth,
  66. n = m.max(m.min(e, 480), 320),
  67. h = 50;
  68. 320 >= n && (h = m.floor(n / o * t * .99)),
  69. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  70. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  71. n > 375 && (h = m.floor(n / o * t * .97)),
  72. d.querySelector("html").style.fontSize = (e/7.5) + "px"
  73. };
  74. r();
  75. w.onresize = function() {
  76. r()
  77. }
  78. })(window, document, Math);
  79. </script>
  80. </head>
  81. <body>
  82. <div class="topbar"></div>
  83. <header class="back-header bottom-line">
  84. <ul>
  85. <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
  86. <li class="back-header-title"></li>
  87. <li class="more-btn"></li>
  88. </ul>
  89. </header>
  90. <section class="order-list white-back" style="padding-top: 1rem;"></section>
  91. <section class="border-none">
  92. <img src="../../image/border_none.png" class="border-none-img" />
  93. <p>没有售后记录</p>
  94. </section>
  95. <div class="back-h10"></div>
  96. </body>
  97. <script type="text/javascript" src="../../script/api.js"></script>
  98. <script type="text/javascript" src="../../script/swiper.min.js"></script>
  99. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  100. <script type="text/javascript" src="../../script/imagesloaded.pkgd.min.js"></script>
  101. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  102. <script type="text/javascript">
  103. var _state = 'all';
  104. var _tagname = '';
  105. var _minid = '';
  106. var lastpage = false;
  107. var _page = '1';
  108. apiready = function() {
  109. _state = api.pageParam.tag;
  110. _tagname = api.pageParam.tagname;
  111. $(".back-header-title").html('退货/售后');
  112. setFixStatusBar();
  113. getRouteData();
  114. api.addEventListener({
  115. name: 'scrolltobottom',
  116. extra: {
  117. threshold: 200
  118. }
  119. }, function(ret, err) {
  120. getRouteData();
  121. });
  122. api.addEventListener({
  123. name:'viewappear'
  124. }, function(ret, err){
  125. _minid = '';
  126. _page = '1';
  127. lastpage = false;
  128. getRouteData();
  129. });
  130. api.addEventListener({
  131. name:'resume'
  132. }, function(ret, err){
  133. _minid = '';
  134. _page = '1';
  135. lastpage = false;
  136. getRouteData();
  137. });
  138. };
  139. function getRouteData() {
  140. if (lastpage) {
  141. return false;
  142. }
  143. $.ajax({
  144. url: siteurl + 'v3/order/refund_list',//'?do=getorder',
  145. data: {
  146. memberid: $api.getStorage("memberid"),
  147. minid: _minid,
  148. state: _state,
  149. page: _page
  150. },
  151. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  152. dataType: 'json',
  153. type: 'post',
  154. success: function(datas) {
  155. if (datas.result) {
  156. var _html = '';
  157. if (datas.data.refund_list.length > 0) {
  158. $.each(datas.data.refund_list, function(index, item) {
  159. _html += '<div class="order-dtl-btn" state="' + item.order_state + '" keyid="' + item.id + '" goods_id="'+item.goods_id+'" order_id="'+item.order_id+'">';
  160. var arr = item.goods_name.split(" ");
  161. var name_arr = arr[0];
  162. var size_arr = item.goods_name.replace(name_arr, "");
  163. _html += '<div class="order-list-goods"><ul><li><img src="' + siteurl + "uploads/home/store/goods/" + item.goods_image.substr(0, item.goods_image.indexOf("\_")) + "/" + item.goods_image + '"/></li>';
  164. _html += '<li class="order-list-right"><span class="font-rem11">' + name_arr + '</span><p>' + size_arr + ' x' + item.goods_num + '</p>';
  165. _html += '<p class="font-size-18">¥' + item.goods_price + '</p></li>';
  166. _html += '</ul></div><div class="h2"></div>';
  167. if (item.evaluation_state == 1) {
  168. _html += '<div class="order-list-title" style="border-bottom:none;">合计:¥' + item.total_price + '</div></div>';
  169. } else {
  170. _html += '<div class="order-list-title" style="border-bottom:none;">合计:¥' + item.total_price;
  171. var status_mark = '';
  172. if(item.status == 1){
  173. status_mark = '待处理'
  174. }else if(item.status == 2){
  175. status_mark = '已退款'
  176. }else if(item.status == 3){
  177. status_mark = '不同意'
  178. }
  179. _html += '<span class="order-list-action" state="' + item.order_state + '" keyid="' + item.order_id + '" shippingtype="' + item.shipping_type + '">' + status_mark + '</span></div></div><div class="h5"></div>';
  180. }
  181. });
  182. if ( _page == 1 ){
  183. $(".order-list").html(_html);
  184. } else {
  185. $(".order-list").append(_html);
  186. }
  187. if (datas.data.refund_list.length > 0) {
  188. // _minid = datas[datas.length - 1].order_id;
  189. _page++;
  190. }
  191. $(".border-none").addClass("mask-hidden");
  192. } else {
  193. lastpage = true;
  194. // _html = '<div class="data-null" style="background:#f2f2f2;">订单加载完成</div>';
  195. // $(".order-list").append(_html);
  196. if ( $(".order-list .order-dtl-btn").length > 0 ) {
  197. $(".border-none").html("<p style='background: #f2f2f2;margin: 0 -0.32rem;'>订单加载完成</p>");
  198. }
  199. $(".border-none").removeClass("mask-hidden");
  200. }
  201. } else {
  202. errcode(datas, datas.code);
  203. }
  204. function_name();
  205. }
  206. });
  207. }
  208. var swiper = new Swiper('.swiper-container', {
  209. slidesPerView: 5,
  210. spaceBetween: 10,
  211. pagination: {
  212. el: '.swiper-pagination',
  213. clickable: true,
  214. },
  215. });
  216. ////
  217. $(".order-list").on("tap", ".order-dtl-btn", function() {
  218. var _keyid = $(this).attr("keyid");
  219. var goods_id = $(this).attr("goods_id");
  220. var order_id = $(this).attr('order_id')
  221. var _state = $(this).attr("state");
  222. api.openWin({
  223. name: 'refund_orderdtl',
  224. url: '../order/refund_orderdtl.html',
  225. bounces: false,
  226. pageParam: {
  227. goods_id: goods_id,
  228. order_id: order_id,
  229. keyid: _keyid,
  230. state: $(this).attr("state")
  231. }
  232. });
  233. return false;
  234. })
  235. ///
  236. $(".order-list").on("tap", ".order-list-action", function() {
  237. var _state = $(this).attr("state");
  238. var _keyid = $(this).attr("keyid");
  239. var _shippingtype = $(this).attr("shippingtype");
  240. if (_state == 10) {
  241. api.openWin({
  242. name: 'paymode',
  243. url: '../home/paymode.html',
  244. bounces: false,
  245. pageParam: {
  246. keyid: _keyid
  247. }
  248. });
  249. }
  250. if (_state == 20) {
  251. if (_shippingtype == 0) {
  252. api.openWin({
  253. name: 'urge',
  254. url: '../order/urge.html',
  255. bounces: false,
  256. pageParam: {
  257. keyid: _keyid
  258. }
  259. });
  260. } else {
  261. api.openWin({
  262. name: 'contacthotel',
  263. url: '../order/contacthotel.html',
  264. bounces: false,
  265. pageParam: {
  266. keyid: _keyid
  267. }
  268. });
  269. }
  270. }
  271. if (_state == 30) {
  272. api.confirm({
  273. title: '是否确认收货',
  274. buttons: ['取消', '确定']
  275. }, function(ret, err) {
  276. var index = ret.buttonIndex;
  277. if (index == 2) {
  278. $.ajax({
  279. url: siteurl + 'v2/order/confirm',//'?do=orderconfirm',
  280. data: {
  281. memberid: $api.getStorage("memberid"),
  282. order_id: _keyid
  283. },
  284. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  285. dataType: 'json',
  286. type: 'post',
  287. success: function(datas) {
  288. if (datas.result) {
  289. api.toast({ msg: '操作成功!' });
  290. refreshData();
  291. } else {
  292. errcode(datas, datas.code);
  293. }
  294. }
  295. });
  296. }
  297. })
  298. }
  299. if (_state == 40) {
  300. api.openWin({
  301. name: 'evaluate',
  302. url: '../order/evaluate.html',
  303. bounces: false,
  304. pageParam: {
  305. keyid: _keyid
  306. }
  307. });
  308. }
  309. if (_state == 0) {
  310. api.confirm({
  311. title: '是否要删除订单',
  312. buttons: ['取消', '确定']
  313. }, function(ret, err) {
  314. var index = ret.buttonIndex;
  315. if (index == 2) {
  316. $.ajax({
  317. url: siteurl + 'v2/order/drop',//'?do=orderdel',
  318. data: {
  319. order_id: _keyid
  320. },
  321. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  322. dataType: 'json',
  323. type: 'post',
  324. success: function(datas) {
  325. if (datas.result) {
  326. api.toast({ msg: '操作成功!' });
  327. refreshData();
  328. } else {
  329. errcode(datas, datas.code);
  330. }
  331. }
  332. });
  333. }
  334. })
  335. }
  336. return false;
  337. })
  338. $(".swiper-slide").on("tap", function() {
  339. $(".swiper-slide").removeClass("active");
  340. $(this).addClass("active");
  341. _state = $(this).attr("state");
  342. _minid = '';
  343. $(".order-list").empty();
  344. $(".border-none").addClass("mask-hidden");
  345. getRouteData();
  346. return false;
  347. })
  348. function refreshData() {
  349. _minid = '';
  350. getRouteData();
  351. }
  352. </script>
  353. </html>