jili2/application/h5/view/wx_book_dinner/order.html

<style type="text/css">
   .icon-center{
        display: block;
        font-size:20px;
        text-align: center;
    }
</style>
{include file="../application/h5/view/wx_book_dinner/header.html"}

<div class="weui_tab tab-bottom">
    <div class="weui-header bg-blue">
        <div class="weui-header-left"></div>
        <h1 class="weui-header-title">订餐</h1>
        <div class="weui-header-right">
<!--            <a style="color:#fff;" href="{:url('userapply')}">特殊人群申请</a>-->
<!--            <a style="color:#fff;" href="loginuser">订餐员登陆</a>-->
        </div>
    </div>
    <div class="weui_tab_bd">
        <div class="weui_tab_bd_item">
        </div>
        <div class="weui_tab_bd_item">
        </div>
        <div class="weui_tab_bd_item">
            <style type="text/css">
                .icon-center{
                    display: block;
                    font-size:20px;
                    text-align: center;
                }
            </style>
            <style>
                .center {
                    text-align: center;
                    color: #fff;
                    font-size: 18px;
                }

                .center img{
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                    border: 4px solid #ececec;
                    vertical-align: bottom;
                    position:absolute;
                    z-index: 999;
                    bottom: 10px;
                    display: block;
                    left:50%;
                    margin-left:-50px;
                }
                .center span{
                    top: 50px;
                    position:relative;
                    color: #333;
                }
            </style>

            <div style="position: relative;">
                <img src="/static/mobile/weui/images/top.png"  x="0" y="0" width="100%" />
                <p class="center">
                    {if !empty($user) && $user['img']}
                    <img  src="{$user['img']}">
                    {else}
                    <img  src="/static/img/defaulthead.png">
                    {/if}
                </p>
                <p class="center">
        <span>{$user['nickname']}
<!--            {if isset($user['isdinder']) && $user['isdinder']}-->
<!--                (订餐员)-->
<!--            {/if}-->
            {if $special == 1}
            {if $isSpecial == 2}(特殊人群){/if}
            {if $isSpecial == 1}(审核中){/if}
            {if $isSpecial == 0}
            <a style="" href="{:url('userapply')}">特殊人群申请</a>
            {/if}
            {/if}
        </span>
                </p>
                <p class="center">
                    <span><a href="javascript:;">{$orgName}<i class="icon icon-74"></i></a></span>
                </p>
            </div>
            <div style="margin-top: 60px;"></div>

            <div class="weui-payrec weui-payrec1" style="margin-bottom: 60px;">
                <div class="weui_panel_bd weui_panel_bd1 weui_cells_access">
                </div>
                <div class="weui_cells_title tcenter" id="ss">
                    <div class="weui-loadmore">
                        <span class="weui-loadmore-tips" onclick="mm()">加载更多</span>
                    </div>
                </div>
            </div>


        </div>
    </div>
    <div class="weui_tabbar ">
        <a href="index" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <span class="icon icon-29 icon-center"></span>
            </div>
            <p class="weui_tabbar_label">主页</p>
        </a>
        <a href="cart" class="weui_tabbar_item">
            <div class="weui_tabbar_icon">
                <span class="icon icon-24 icon-center"></span>
            </div>
            <p class="weui_tabbar_label">我的购物车
                {if $cartCount >0}
                <span class="weui-badge" id="badgecart" data-cart="{$cartCount}">{$cartCount}</span>
                {else}
                <span class="weui-badge" id="badgecart" data-cart="{$cartCount}" style="display:none;">{$cartCount}</span>
                {/if}
            </p>
        </a>
        <a href="order" class="weui_tabbar_item weui_bar_item_on">
            <div class="weui_tabbar_icon">
                <span class="icon icon-99 icon-center"></span>
            </div>
            <p class="weui_tabbar_label">我的订单</p>
        </a>
    </div>
</div>
<div id="popup" class="weui-popup-container">
    <div class="weui-popup-modal" id="weui-popup-modal">

    </div>

</div>
<input type="hidden" id="pg" value="1">
<script>
  $(function(){
        $('.weui_tab').tab({
            defaultIndex: 2,
            activeClass:'weui_bar_item_on',
            onToggle:function(index){
            }
        });

        $(document).on('click', '.show-dialog-get', function (e) {
            var $this = $(this), url = $this.attr('href') || $this.attr('data-url');
            var _content_ = '_content_'+$.md5(url);
            get_data(url, function (result) {
                result +='<input type="hidden" id="_Index_" value="'+index+'"/>';
                // $("#"+_content_).html(result);
                html = '<div  id="'+_content_+'">'+result+'</div>';
                var index = layer.open({
                  type: 1
                  ,scrollbar: false
                  ,content: html
                  ,anim: 'up'
                  ,style: 'position:fixed; left:0;top:0; width:100%; height:100%; border: none; -webkit-animation-duration: .5s; animation-duration: .5s;'
                  ,success: function(elem){
                     $(".layui-m-layercont").css({"overflow-x":"hidden !important","overflow-y":"scroll !important", "height":"100%",'width':'100%'});  
                  }
                }
                );

            });
            return false;
        });
        $(document).on('click', '.close-pop', function (e) {
           // var val = $(this).closest(".layui-m-layerchild").find('#_Index_').val();
           // layer.close(val);
           layer.closeAll();
        });
         window.onpopstate = function(e) {
            layer.closeAll();
        };
    });

  $(function() {
      get_list_data();
  });

  function get_list_data(){

      //页数
      var page = parseInt($('#pg').val());
      // 每页展示10个
      var size = 10;

      var url = 'get_orders_json?size=' + size + '&page=' + page;
      $.showLoading();
      loading = true;
      $.ajax({
          type : "GET",
          url : url,
          dataType : "json",
          beforeSend:function(){

          },
          error:function(){
              loading = false;
          },
          success : function(data) {
              var arrLen = data.length;
              var result = '';
              if(arrLen>0){
                  for(var i=0; i<arrLen; i++){
                      result+='<div class="weui_cells weui_panel weui_panel_access">';
                      result+='<a class="weui_cell access show-dialog-get" href="order_detail?id='+data[i].id+ '">';
                      result+='<div class="weui_cell_bd weui_cell_primary">';
                      result+=' <h2 class="weui_cell_title">';
                      result+='订 单 号：'+data[i].sn;
                      result+='</h2>';
                      result+='<div class="weui_cell_info">';
                      result+=data[i].state==1?data[i].pay_time:data[i].create_time;
                      result+='</div>';
                      result+='</div>';
                      result+='<div class="weui_cell_ft">';
                      result+='<div class="weui_cell_title">';
                      if(data[i].state==0){
                          if(data[i].pay == 1){
                              result+='<span style="color:red;">待支付</span>';
                          }else{
                              result+='<span style="color:red;">已过期</span>';
                          }
                      }else if(data[i].state==1){
                          result+='<span style="color:green;">支付成功</span>';
                      }
                      else if(data[i].state==3){
                          result+='<span style="color:red;">已分配送餐员</span>';
                      }
                      else if(data[i].state==4){
                          result+='<span style="color:red;">正在申请退款中</span>';
                      }
                      else if(data[i].state==5){
                          result+='<span style="color:green;">已退款</span>';
                      }
                      else if(data[i].state==6){
                          result+='<span style="color:green;">申请退款被拒</span>';
                      } else if(data[i].state==7){
                          result+='<span style="color:green;">部分退款</span>';
                      }
                      result+='</div>';
                      result+='</div>';
                      result+='</a>';
                      result+='<div class="weui-pay-area">';
                      result+='<a class="weui-pay-c show-dialog-get" href="order_detail?id='+data[i].id+'">查看更多</a>';
                      if(data[i].state==0 && data[i].pay == 1){
                          result+='<a href="'+'pay?id='+data[i].id+'" class="weui-pay-v">立即付款</a>';
                      }else if((data[i].state==1|| data[i].state==7) && data[i].refund == 1 && data[i].cate == 0){
                          result+='<a href="'+'refuse?id='+data[i].id+'" class="weui-pay-v">申请退款</a>';
                      }
                      result+='</div>';
                      result+='</div>';
                  }


                  if(arrLen < size){
                      stop = false;
                      $("#ss").css('display','none');
                  }else{
                      page++;
                  }
                  $("#pg").val(page);
                  $('.weui_panel_bd1').append(result);
              }else{
                  stop = true;
                  $("#ss").css('display','none');
              }
              loading = false;
              $.hideLoading();
          }
      });
  }

  function mm() {
      get_list_data();
  }
</script>