123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
- <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
- <title></title>
- <link rel="stylesheet" type="text/css" href="../../css/api.css" />
- <link rel="stylesheet" type="text/css" href="../../css/style.css" />
- <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
- <style>
- body{background:#f2f2f2;}
- .swiper-container {
- width: 100%;
- height: 100%;
- }
- .swiper-container{
- width: 100%;
- height: 50px;
- border-bottom: 1px solid #e8e8e8;
- }
- .swiper-slide{
- text-align: center;
- line-height: 50px;
- font-size: 15px;
- }
- .active{
- color: #eb4610;
- }
- .bottom-line{
- border-bottom:1px solid #e8e8e8;
- }
- .border-none{
- text-align:center;font-size: 0.28rem;
- }
- .border-none p{
- color:#999999;
- }
- .border-none-img{
- margin-top: 3rem;
- width: 1.73rem;
- height: auto;
- }
- .order-list-right p {
- font-size: 0.22rem;
- color: #999;
- height: 1.04rem;
- }
- p.font-size-18 {
- color: #666;
- height: auto;
- }
- .h5 {
- background: #f2f2f2;
- margin: 0 0 0 -0.32rem;
- width: 7.5rem;
- margin-top: 0.5em;
- }
- </style>
- <script>
- (function(w, d, m) {
- function r() {
- var t = 100,
- o = 750,
- e = d.documentElement.clientWidth || w.innerWidth,
- n = m.max(m.min(e, 480), 320),
- h = 50;
- 320 >= n && (h = m.floor(n / o * t * .99)),
- n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
- n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
- n > 375 && (h = m.floor(n / o * t * .97)),
- d.querySelector("html").style.fontSize = (e/7.5) + "px"
- };
- r();
- w.onresize = function() {
- r()
- }
- })(window, document, Math);
- </script>
- </head>
- <body>
- <div class="topbar"></div>
- <header class="back-header bottom-line">
- <ul>
- <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
- <li class="back-header-title"></li>
- <li class="more-btn"></li>
- </ul>
- </header>
- <section class="order-list white-back" style="padding-top: 1rem;"></section>
- <section class="border-none">
- <img src="../../image/border_none.png" class="border-none-img" />
- <p>没有售后记录</p>
- </section>
- <div class="back-h10"></div>
- </body>
- <script type="text/javascript" src="../../script/api.js"></script>
- <script type="text/javascript" src="../../script/swiper.min.js"></script>
- <script type="text/javascript" src="../../script/jquery.min.js"></script>
- <script type="text/javascript" src="../../script/imagesloaded.pkgd.min.js"></script>
- <script type="text/javascript" src="../../script/jquery.tap.js"></script>
- <script type="text/javascript">
- var _state = 'all';
- var _tagname = '';
- var _minid = '';
- var lastpage = false;
- var _page = '1';
- apiready = function() {
- _state = api.pageParam.tag;
- _tagname = api.pageParam.tagname;
- $(".back-header-title").html('退货/售后');
- setFixStatusBar();
- getRouteData();
- api.addEventListener({
- name: 'scrolltobottom',
- extra: {
- threshold: 200
- }
- }, function(ret, err) {
- getRouteData();
- });
- api.addEventListener({
- name:'viewappear'
- }, function(ret, err){
- _minid = '';
- _page = '1';
- lastpage = false;
- getRouteData();
- });
- api.addEventListener({
- name:'resume'
- }, function(ret, err){
- _minid = '';
- _page = '1';
- lastpage = false;
- getRouteData();
- });
- };
- function getRouteData() {
- if (lastpage) {
- return false;
- }
- $.ajax({
- url: siteurl + 'v3/order/refund_list',//'?do=getorder',
- data: {
- memberid: $api.getStorage("memberid"),
- minid: _minid,
- state: _state,
- page: _page
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.result) {
- var _html = '';
- if (datas.data.refund_list.length > 0) {
- $.each(datas.data.refund_list, function(index, item) {
- _html += '<div class="order-dtl-btn" state="' + item.order_state + '" keyid="' + item.id + '" goods_id="'+item.goods_id+'" order_id="'+item.order_id+'">';
- var arr = item.goods_name.split(" ");
- var name_arr = arr[0];
- var size_arr = item.goods_name.replace(name_arr, "");
- _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>';
- _html += '<li class="order-list-right"><span class="font-rem11">' + name_arr + '</span><p>' + size_arr + ' x' + item.goods_num + '</p>';
- _html += '<p class="font-size-18">¥' + item.goods_price + '</p></li>';
- _html += '</ul></div><div class="h2"></div>';
- if (item.evaluation_state == 1) {
- _html += '<div class="order-list-title" style="border-bottom:none;">合计:¥' + item.total_price + '</div></div>';
- } else {
- _html += '<div class="order-list-title" style="border-bottom:none;">合计:¥' + item.total_price;
- var status_mark = '';
- if(item.status == 1){
- status_mark = '待处理'
- }else if(item.status == 2){
- status_mark = '已退款'
- }else if(item.status == 3){
- status_mark = '不同意'
- }
- _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>';
- }
- });
- if ( _page == 1 ){
- $(".order-list").html(_html);
- } else {
- $(".order-list").append(_html);
- }
- if (datas.data.refund_list.length > 0) {
- // _minid = datas[datas.length - 1].order_id;
- _page++;
- }
- $(".border-none").addClass("mask-hidden");
- } else {
- lastpage = true;
- // _html = '<div class="data-null" style="background:#f2f2f2;">订单加载完成</div>';
- // $(".order-list").append(_html);
- if ( $(".order-list .order-dtl-btn").length > 0 ) {
- $(".border-none").html("<p style='background: #f2f2f2;margin: 0 -0.32rem;'>订单加载完成</p>");
- }
- $(".border-none").removeClass("mask-hidden");
- }
- } else {
- errcode(datas, datas.code);
- }
- function_name();
- }
- });
- }
- var swiper = new Swiper('.swiper-container', {
- slidesPerView: 5,
- spaceBetween: 10,
- pagination: {
- el: '.swiper-pagination',
- clickable: true,
- },
- });
- ////
- $(".order-list").on("tap", ".order-dtl-btn", function() {
- var _keyid = $(this).attr("keyid");
- var goods_id = $(this).attr("goods_id");
- var order_id = $(this).attr('order_id')
- var _state = $(this).attr("state");
- api.openWin({
- name: 'refund_orderdtl',
- url: '../order/refund_orderdtl.html',
- bounces: false,
- pageParam: {
- goods_id: goods_id,
- order_id: order_id,
- keyid: _keyid,
- state: $(this).attr("state")
- }
- });
- return false;
- })
- ///
- $(".order-list").on("tap", ".order-list-action", function() {
- var _state = $(this).attr("state");
- var _keyid = $(this).attr("keyid");
- var _shippingtype = $(this).attr("shippingtype");
- if (_state == 10) {
- api.openWin({
- name: 'paymode',
- url: '../home/paymode.html',
- bounces: false,
- pageParam: {
- keyid: _keyid
- }
- });
- }
- if (_state == 20) {
- if (_shippingtype == 0) {
- api.openWin({
- name: 'urge',
- url: '../order/urge.html',
- bounces: false,
- pageParam: {
- keyid: _keyid
- }
- });
- } else {
- api.openWin({
- name: 'contacthotel',
- url: '../order/contacthotel.html',
- bounces: false,
- pageParam: {
- keyid: _keyid
- }
- });
- }
- }
- if (_state == 30) {
- api.confirm({
- title: '是否确认收货',
- buttons: ['取消', '确定']
- }, function(ret, err) {
- var index = ret.buttonIndex;
- if (index == 2) {
- $.ajax({
- url: siteurl + 'v2/order/confirm',//'?do=orderconfirm',
- data: {
- memberid: $api.getStorage("memberid"),
- order_id: _keyid
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.result) {
- api.toast({ msg: '操作成功!' });
- refreshData();
- } else {
- errcode(datas, datas.code);
- }
- }
- });
- }
- })
- }
- if (_state == 40) {
- api.openWin({
- name: 'evaluate',
- url: '../order/evaluate.html',
- bounces: false,
- pageParam: {
- keyid: _keyid
- }
- });
- }
- if (_state == 0) {
- api.confirm({
- title: '是否要删除订单',
- buttons: ['取消', '确定']
- }, function(ret, err) {
- var index = ret.buttonIndex;
- if (index == 2) {
- $.ajax({
- url: siteurl + 'v2/order/drop',//'?do=orderdel',
- data: {
- order_id: _keyid
- },
- headers: { "X-TOKEN": $api.getStorage("accesstoken") },
- dataType: 'json',
- type: 'post',
- success: function(datas) {
- if (datas.result) {
- api.toast({ msg: '操作成功!' });
- refreshData();
- } else {
- errcode(datas, datas.code);
- }
- }
- });
- }
- })
- }
- return false;
- })
- $(".swiper-slide").on("tap", function() {
- $(".swiper-slide").removeClass("active");
- $(this).addClass("active");
- _state = $(this).attr("state");
- _minid = '';
- $(".order-list").empty();
- $(".border-none").addClass("mask-hidden");
- getRouteData();
- return false;
- })
- function refreshData() {
- _minid = '';
- getRouteData();
- }
- </script>
- </html>
|