275 lines
9.8 KiB
HTML
275 lines
9.8 KiB
HTML
<div class="layui-form layui-form-pane" action="">
|
||
<div class="layui-form-item">
|
||
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">支付方式</label>
|
||
<div class="layui-input-inline">
|
||
<select id="type" lay-verify="required" lay-filter="type">
|
||
<option value="">不限制</option>
|
||
<option value="1">微信</option>
|
||
<option value="2">支付宝</option>
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-inline">
|
||
<label class="layui-form-label">订单状态</label>
|
||
<div class="layui-input-inline">
|
||
<select id="state" lay-verify="required" lay-filter="state">
|
||
<option value="">不限制</option>
|
||
<option value="-1">过期</option>
|
||
<option value="0">待支付</option>
|
||
<option value="1">完成</option>
|
||
<option value="2">通知失败</option>
|
||
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script type="text/html" id="toolbarDemo">
|
||
<div class="layui-btn-container">
|
||
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="delGq">删除所有过期订单</button>
|
||
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="delLast">删除七天前订单</button>
|
||
|
||
</div>
|
||
</script>
|
||
<table id="demo" lay-filter="test"></table>
|
||
|
||
<script type="text/html" id="barDemo">
|
||
<a class="layui-btn layui-btn-xs" lay-event="bd">补单</a>
|
||
<a class="layui-btn layui-btn-xs" lay-event="info">详情</a>
|
||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
|
||
|
||
</script>
|
||
|
||
|
||
<script>
|
||
function formatDate(now) {
|
||
if (now=="0"){
|
||
return "无";
|
||
}
|
||
|
||
now = new Date(now*1000);
|
||
return now.getFullYear()
|
||
+ "-" + (now.getMonth()>8?(now.getMonth()+1):"0"+(now.getMonth()+1))
|
||
+ "-" + (now.getDate()>9?now.getDate():"0"+now.getDate())
|
||
+ " " + (now.getHours()>9?now.getHours():"0"+now.getHours())
|
||
+ ":" + (now.getMinutes()>9?now.getMinutes():"0"+now.getMinutes())
|
||
+ ":" + (now.getSeconds()>9?now.getSeconds():"0"+now.getSeconds());
|
||
|
||
}
|
||
var myTable,table,form;
|
||
layui.use(['form','table','laydate'], function(){
|
||
table = layui.table;
|
||
form = layui.form;
|
||
|
||
//第一个实例
|
||
myTable = table.render({
|
||
elem: '#demo'
|
||
,height: 'full-160'
|
||
,url: 'admin/index/getOrders'
|
||
,toolbar: '#toolbarDemo'
|
||
,where: {
|
||
state:$("#state").val(),
|
||
type:$("#type").val()
|
||
}
|
||
,cols: [[ //表头
|
||
{field: 'create_date', title: '创建时间',minWidth:160,templet: function(d){
|
||
return formatDate(d.create_date);
|
||
}
|
||
},
|
||
{field: 'pay_id', title: '商户编号',minWidth:180},
|
||
{field: 'order_id', title: '云端订单编号',minWidth:180},
|
||
{field: 'type', title: '支付方式',minWidth:100,templet: function(d){
|
||
if (d.type=="1"){
|
||
return '微信';
|
||
}else if (d.type=="2"){
|
||
return '支付宝';
|
||
}
|
||
}
|
||
},
|
||
{field: 'price', title: '订单金额',minWidth:100, align:'center'},
|
||
{field: 'really_price', title: '实际金额',minWidth:100, align:'center'},
|
||
|
||
|
||
{field: 'state', title: '状态',minWidth:80,templet: function(d){
|
||
if (d.state=="2"){
|
||
return '<span style="color: orange">通知失败</span>';
|
||
}else if (d.state=="1"){
|
||
return '<span style="color: green">完成</span>';
|
||
}else if (d.state=="0"){
|
||
return '<span style="color: orange">待支付</span>';
|
||
}else if (d.state=="-1"){
|
||
return '<span style="color: red">过期</span>';
|
||
}
|
||
}
|
||
},
|
||
|
||
{title: '操作', minWidth: 120, align:'center', toolbar: '#barDemo'}
|
||
|
||
]]
|
||
,page:true
|
||
});
|
||
|
||
//监听行工具事件
|
||
table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
|
||
var data = obj.data //获得当前行数据
|
||
,layEvent = obj.event; //获得 lay-event 对应的值
|
||
if(layEvent === 'info'){
|
||
var out = "<p>创建时间："+formatDate(data.create_date)+"</p>";
|
||
out += "<p>支付时间："+formatDate(data.pay_date)+"</p>";
|
||
out += "<p>关闭时间："+formatDate(data.close_date)+"</p>";
|
||
out += "<p>自定义参数："+data.param+"</p>";
|
||
layer.alert(out);
|
||
|
||
}else if(layEvent === 'bd'){
|
||
layer.confirm('确定要补单吗？该操作将会将该订单标记为已支付，并向您的服务器发送订单完成通知', function(index){
|
||
layer.msg('操作中', {
|
||
icon: 16
|
||
,shade: 0.01
|
||
});
|
||
|
||
$.post("admin/index/setBd","id="+data.id,function (data) {
|
||
if (data.code==1){
|
||
layer.msg("操作成功！");
|
||
myTable.reload({
|
||
where: {
|
||
state:$("#state").val(),
|
||
type:$("#type").val()
|
||
}
|
||
});
|
||
}else if(data.code==-2){
|
||
layer.confirm('补单失败，异步通知返回错误，是否查看通知返回数据？', {
|
||
btn: ['查看','取消'] //按钮
|
||
}, function(){
|
||
alert(data.data);
|
||
}, function(){
|
||
|
||
});
|
||
}else{
|
||
layer.msg(data.msg);
|
||
}
|
||
|
||
|
||
|
||
});
|
||
|
||
console.log(data.id);
|
||
});
|
||
}else if(layEvent === 'del'){
|
||
layer.confirm('确定要删除订单吗？', function(index){
|
||
layer.msg('操作中', {
|
||
icon: 16
|
||
,shade: 0.01
|
||
});
|
||
|
||
$.post("admin/index/delOrder","id="+data.id,function (data) {
|
||
if (data.code==1){
|
||
layer.msg("操作成功！");
|
||
myTable.reload({
|
||
where: {
|
||
state:$("#state").val(),
|
||
type:$("#type").val()
|
||
}
|
||
});
|
||
}else{
|
||
layer.msg(data.msg);
|
||
}
|
||
|
||
|
||
|
||
});
|
||
|
||
console.log(data.id);
|
||
});
|
||
}
|
||
});
|
||
form.on('select(state)', function(data){
|
||
myTable.reload({
|
||
where: {
|
||
state:$("#state").val(),
|
||
type:$("#type").val()
|
||
}
|
||
});
|
||
|
||
});
|
||
|
||
form.on('select(type)', function(data){
|
||
myTable.reload({
|
||
where: {
|
||
state:$("#state").val(),
|
||
type:$("#type").val()
|
||
}
|
||
});
|
||
|
||
});
|
||
|
||
|
||
//头工具栏事件
|
||
table.on('toolbar(test)', function(obj){
|
||
var checkStatus = table.checkStatus(obj.config.id);
|
||
switch(obj.event){
|
||
case 'delGq':
|
||
layer.confirm('确定要删除所有过期订单吗？', function(index){
|
||
layer.msg('操作中', {
|
||
icon: 16
|
||
,shade: 0.01
|
||
});
|
||
|
||
$.post("admin/index/delGqOrder",function (data) {
|
||
if (data.code==1){
|
||
layer.msg("操作成功！");
|
||
myTable.reload({
|
||
where: {
|
||
state:$("#state").val(),
|
||
type:$("#type").val()
|
||
}
|
||
});
|
||
}else{
|
||
layer.msg(data.msg);
|
||
}
|
||
|
||
});
|
||
|
||
});
|
||
|
||
break;
|
||
case 'delLast':
|
||
layer.confirm('确定要删除七天前的所有订单吗？', function(index){
|
||
layer.msg('操作中', {
|
||
icon: 16
|
||
,shade: 0.01
|
||
});
|
||
|
||
$.post("admin/index/delLastOrder",function (data) {
|
||
if (data.code==1){
|
||
layer.msg("操作成功！");
|
||
myTable.reload({
|
||
where: {
|
||
state:$("#state").val(),
|
||
type:$("#type").val()
|
||
}
|
||
});
|
||
}else{
|
||
layer.msg(data.msg);
|
||
}
|
||
|
||
});
|
||
|
||
});
|
||
break;
|
||
};
|
||
});
|
||
|
||
|
||
form.render();
|
||
|
||
});
|
||
|
||
|
||
</script>
|