wuhongyu
/
test


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>统计详情</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="${contextPath}/dist/js/layui/css/layui.css">
    <link rel="stylesheet" href="${contextPath}/dist/css/admin.css" media="all">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!-- Navbar -->
    <#include "../body/top.html">
    <!-- /.navbar -->
    <!-- Main Sidebar Container -->
    <#include "../body/left.html">
    <!-- Content Wrapper. Contains page content -->
    <div class="layui-body">
    	<!-- 内容主体区域 -->
    	<div class="layui-card">
    		<form id="searchForm" action="${contextPath}/count/bill">
    			<input type="hidden" name="start_time" value="${start_time}"/>
    			<input type="hidden" name="end_time" value="${end_time}"/>
    			<div class="layui-form layui-card-header layuiadmin-card-header-auto">
			        <div class="layui-form-item">
			          <div class="layui-inline">
			            <button id="search_btn" class="layui-btn layuiadmin-btn-list" lay-submit lay-filter="LAY-app-contlist-search">
			              <i class="layui-icon layuiadmin-button-btn">返回</i>
			            </button>
			          </div>
			        </div>
			      </div>
    		</form>
    	</div>
    	<table class="layui-hide" id="test" lay-filter="test"></table>
    	
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
  </div>
</script>
<script type="text/html" id="payTypeTpl">
  {{#  if(d.pay_type === '0'){ }}
    <span >微信</span>
  {{#  } else { }}
    <span style="color: #F581B1;">支付宝</span>
  {{#  } }}
</script>
<script type="text/html" id="statusTpl">
  {{#  if(d.status === '0'){ }}
    <span >未支付</span>
  {{#  } else if(d.status === '1') { }}
    <span style="color: #5FB878;">已支付</span>
  {{#  } else if(d.status === '2') { }}
    <span style="color: #2F4056;">已退费</span>
  {{#  } }}
</script>

    </div>
    <!-- /.content-wrapper -->
    <#include "../body/footer.html">
</div>
<!-- ./wrapper -->
<script type="text/javascript" src="${contextPath}/dist/js/jquery-1.11.1.min.js"></script>
<script src="${contextPath}/dist/js/layui/layui.js"></script>
<script>
//JavaScript代码区域
layui.use(['element', 'laypage', 'layer', 'form','table'], function(){
  var element = layui.element;
  var form = layui.form;
  var laypage = layui.laypage
	,layer = layui.layer;
  var table = layui.table;
	
  
  table.render({
    elem: '#test'
    ,url:'${contextPath}/count/bill_detail_json?start_time=${start_time}&end_time=${end_time}&status=${status}&pay_type=${pay_type}'
	,toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
	,defaultToolbar: ['filter', 'exports', 'print',{ //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
        title: '提示'
            ,layEvent: 'LAYTABLE_TIPS'
            ,icon: 'layui-icon-tips'
          }]
    ,title: '用户数据表'
    ,cols: [[
      {field:'out_trade_no', title:'订单号', width:220, fixed: 'left',style:'background-color: #009688; color: #fff;'}
      ,{field:'id_number', title:'诊疗卡', width:120}
      ,{field:'user_name', title:'用户名', width:100}
      ,{field:'total_fee', title:'金额', width:80, sort: true,totalRow:true,totalRowText:"合计："}
      ,{field:'memo', title:'内容', width:180}
      ,{field:'login_id', title:'操作人',width:80}
      ,{field:'pay_type', title:'支付方式', width:100, sort: true,templet: '#payTypeTpl'}
      ,{field:'update_time', title:'支付时间', width:150, sort: true}
      ,{field:'status', title:'状态', width:100, sort: true,templet: '#statusTpl'}
    ]]
    ,page: false
  });
  
//头工具栏事件
  table.on('toolbar(test)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id);
    switch(obj.event){

      //自定义头工具栏右侧图标 - 提示
      case 'LAYTABLE_TIPS':
        layer.alert('这是工具栏右侧自定义的一个图标按钮');
      break;
    };
  });
  
  
  
});
</script>
</body>
</html>