155 lines
6.9 KiB
HTML
155 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>历史订单</title>
|
|
</head>
|
|
<link href="__CDN__/static/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
|
<link href="/static/admin/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/animate.min.css" rel="stylesheet">
|
|
<link href="__CDN__/static/admin/css/style.min.css?v=4.1.0" rel="stylesheet">
|
|
<link rel="stylesheet" href="/static/admin/js/layui/css/layui.css" media="all">
|
|
|
|
<body class="gray-bg">
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
|
<div class="ibox-title">
|
|
<h5>历史订单</h5>
|
|
</div>
|
|
<div class="ibox-content">
|
|
<div class="demoTable" style="margin:20px 0px;padding-left:30px;" hidden='true'>
|
|
<div class="layui-inline">
|
|
<input class="layui-input" name="id" id="order_id" autocomplete="off" placeholder="订单id">
|
|
</div>
|
|
<div class="layui-inline">
|
|
<input class="layui-input" name="snid" id="order_snid" autocomplete="off" placeholder="用户id">
|
|
</div>
|
|
<div class="layui-inline">
|
|
<input class="layui-input" name="create_time" id="order_createTime" autocomplete="off"
|
|
placeholder="订单创建时间">
|
|
</div>
|
|
<button class="layui-btn" data-type="reload">搜索</button>
|
|
</div>
|
|
|
|
<table id="orderlist" lay-filter="test" class="layui-hide"></table>
|
|
</div>
|
|
</div>
|
|
<script src="__CDN__/static/admin/js/layui/layui.js"></script>
|
|
<script>
|
|
var pay_type = {$pay_type};
|
|
var order_status = {$order_status};
|
|
// var order_type = { $order_type };
|
|
layui.use('table', function () {
|
|
let table = layui.table;
|
|
//第一个实例
|
|
table.render({
|
|
elem: '#orderlist'
|
|
// ,height: 312
|
|
, url: '{:url("index/getOrderList")}' //数据接口
|
|
, where: { kf_id: "{$uinfo.id}", kf_name: "{$uinfo.user_name}" }
|
|
, page: true //开启分页
|
|
,limit: 16
|
|
, cols: [[ //表头
|
|
{ field: 'id', title: '订单ID', minWidth: 90, sort: true, fixed: 'left' }
|
|
, { field: 'snid', title: '用户ID', minWidth: 80, sort: true, align: 'center' }
|
|
, {
|
|
field: 'price', title: '金额(单位:元)', minWidth: 120, sort: true, align: 'center',
|
|
templet: function (d) {
|
|
return d.price / 100
|
|
}
|
|
}
|
|
|
|
, {
|
|
field: 'status', title: '订单状态', minWidth: 100, sort: true, align: 'center',
|
|
templet: function (d) {
|
|
if (order_status.hasOwnProperty(d.status)) {
|
|
return order_status[d.status]
|
|
}
|
|
return '--';
|
|
}
|
|
}
|
|
, { field: 'ip', title: '用户提交订单时的ip', minWidth: 170, sort: true, align: 'center' }
|
|
, { field: 'ip_address', title: '用户提交订单时的地址', minWidth: 180, align: 'center' }
|
|
, { field: 'customer_star', title: '星级', minWidth: 120, sort: true, align: 'center' }
|
|
, { field: 'customer_evaluate', title: '用户评价', minWidth: 120, align: 'center' }
|
|
, {
|
|
field: 'customer_way', title: '充值方式', minWidth: 120, sort: true, align: 'center',
|
|
templet: function (d) {
|
|
if (pay_type.hasOwnProperty(d.customer_way)) {
|
|
// console.log(pay_type);
|
|
return pay_type[d.customer_way];
|
|
}
|
|
return '--';
|
|
}
|
|
}
|
|
, { field: 'customer_voucher', title: '充值凭证', minWidth: 120, align: 'center' }
|
|
, { field: 'create_time', title: '订单创建时间', minWidth: 160, sort: true, align: 'center' }
|
|
, { field: 'update_time', title: '订单更新/完成时间', minWidth: 160, sort: true, align: 'center' }
|
|
// , {
|
|
// field: 'customer_head', title: '客服头像', minWidth: 120, align: 'center',
|
|
// templet: function (d) {
|
|
// if (d.customer_head) {
|
|
// return '<img src="' + d.customer_head + '"';
|
|
// }
|
|
// }
|
|
// }
|
|
// , {
|
|
// field: 'order_type', title: '订单类型', minWidth: 120, sort: true, align: 'center',
|
|
// templet: function (d) {
|
|
// if (order_type.hasOwnProperty(d.order_type)) {
|
|
// return order_type[d.order_type]
|
|
// }
|
|
// return '--';
|
|
// }
|
|
// }
|
|
]]
|
|
, text: {
|
|
none: '暂无相关数据', //默认：无数据。
|
|
},
|
|
});
|
|
|
|
var $ = layui.$, active = {
|
|
reload: function () {
|
|
var orderId = $('#order_id');
|
|
var orderSnid = $("#order_snid");
|
|
var orderCreateTime = $("#order_createTime");
|
|
|
|
//执行重载
|
|
table.reload('testReload', {
|
|
page: {
|
|
curr: 1 //重新从第 1 页开始
|
|
}
|
|
, where: {
|
|
id: orderId.val(),
|
|
snid: orderSnid.val(),
|
|
create_time: orderCreateTime.val(),
|
|
kf_id: "{$uinfo.id}",
|
|
kf_name: "{$uinfo.user_name}"
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
$('.demoTable .layui-btn').on('click', function () {
|
|
var type = $(this).data('type');
|
|
active[type] ? active[type].call(this) : '';
|
|
});
|
|
});
|
|
|
|
layui.use('laydate', function () {
|
|
var laydate = layui.laydate;
|
|
|
|
//执行一个laydate实例
|
|
laydate.render({
|
|
elem: '#order_createTime' //指定元素
|
|
, range: '&'
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |