From 83dbfeab6fe421bf11b39429dca32469b8a1b9f8 Mon Sep 17 00:00:00 2001 From: xiaoyong931011 <15274802129@163.com> Date: Sat, 25 Sep 2021 18:44:44 +0800 Subject: [PATCH] 20210925 --- src/main/resources/templates/febs/views/modules/order/orderList.html | 134 +++++++++++++++++++++++--------------------- 1 files changed, 70 insertions(+), 64 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/order/orderList.html b/src/main/resources/templates/febs/views/modules/order/orderList.html index 00d310e..16da162 100644 --- a/src/main/resources/templates/febs/views/modules/order/orderList.html +++ b/src/main/resources/templates/febs/views/modules/order/orderList.html @@ -54,6 +54,18 @@ </div> </form> <table lay-filter="orderTable" lay-data="{id: 'orderTable'}"></table> + <style type="text/css"> + .layui-table-cell{ + text-align:center; + height: auto; + white-space: nowrap; /*文本不会换行,在同一行显示*/ + overflow: hidden; /*超出隐藏*/ + text-overflow: ellipsis; /*省略号显示*/ + } + .layui-table img{ + max-width:200px + } + </style> </div> </div> </div> @@ -92,51 +104,39 @@ table.on('tool(orderTable)', function (obj) { var data = obj.data, layEvent = obj.event; - if (layEvent === 'downGoods') { - febs.modal.confirm('下架', '确认下架该商品?', function () { - downGoods(data.id); - }); - } - if (layEvent === 'upGoods') { - febs.modal.confirm('上架', '确认上架该商品?', function () { - upGoods(data.id); - }); - } - if (layEvent === 'delGoods') { - febs.modal.confirm('删除', '确认删除该商品?', function () { - delGoods(data.id); - }); - } if (layEvent === 'deliverGoods') { febs.modal.open('发货', 'modules/order/deliverGoods/' + data.id, { btn: ['确认', '取消'], yes: function (index, layero) { - $('#user-update').find('#submit').trigger('click'); + $('#deliver-update').find('#submit').trigger('click'); }, btn2: function () { layer.closeAll(); } }); } + if (layEvent === 'seeOrder') { + febs.modal.open( '订单详情', 'modules/order/orderDetail/' + data.id, { + maxmin: true, + }); + } + + if (layEvent === 'seePayImage') { + var t = $view.find('#seePayImage'+data.id+''); + //页面层 + layer.open({ + type: 1, + title: "支付凭证", + skin: 'layui-layer-rim', //加上边框 + area: ['80%', '80%'], //宽高 + shadeClose: true, //开启遮罩关闭 + end: function (index, layero) { + return false; + }, + content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>' + }); + } }); - function downGoods(id) { - febs.get(ctx + 'admin/goods/downMallGoods/' + id, null, function () { - febs.alert.success('下架成功'); - $query.click(); - }); - } - function delGoods(id) { - febs.get(ctx + 'admin/goods/delMallGoods/' + id, null, function () { - febs.alert.success('删除成功'); - $query.click(); - }); - } - function upGoods(id) { - febs.get(ctx + 'admin/goods/upMallGoods/' + id, null, function () { - febs.alert.success('上架成功'); - $query.click(); - }); - } // 查询按钮 $query.on('click', function () { @@ -161,39 +161,45 @@ id: 'orderTable', url: ctx + 'admin/order/orderList', cols: [[ - {field: 'orderNo', title: '商品名称', minWidth: 150,align:'left'}, - // {field: 'accountType', title: '账号类型', - // templet: function (d) { - // if (d.accountType === 2) { - // return '<span style="color:red;">测试账号</span>' - // } else if (d.accountType === 1) { - // return '<span style="color:green;">正常账号</span>' - // }else{ - // return '' - // } - // }, minWidth: 80,align:'center'}, - // {field: 'accountStatus', title: '账号状态', - // templet: function (d) { - // if (d.accountStatus === 1) { - // return '<span style="color:green;">正常</span>' - // } else if (d.accountStatus === 2) { - // return '<span style="color:red;">禁用</span>' - // }else{ - // return '' - // } - // }, minWidth: 80,align:'center'}, - // {field: 'createdTime', title: '注册时间', minWidth: 180,align:'center'}, + {field: 'orderNo', title: '订单编号', minWidth: 120,align:'left'}, + {field: 'memberName', title: '购买人', minWidth: 120,align:'left'}, + {field: 'memberPhone', title: '联系方式', minWidth: 120,align:'left'}, + {field: 'amount', title: '订单金额', minWidth: 120,align:'left'}, + {field: 'orderTime', title: '下单时间', minWidth: 120,align:'left'}, + {field: 'payTime', title: '支付时间', minWidth: 120,align:'left'}, + {field: 'payOrderNo', title: '支付订单号', minWidth: 120,align:'left'}, + {field: 'payImage', title: '支付凭证', + templet: function (d) { + return '<a lay-event="seePayImage"><img id="seePayImage'+d.id+'" src="'+d.payImage+'" alt=""></a>'; + }, minWidth: 200,align:'center'}, + {field: 'status', title: '状态', + templet: function (d) { + if (d.status === 1) { + return '<span style="color:red;">待支付</span>' + } else if (d.status === 2) { + return '<span style="color:green;">待发货</span>' + }else if (d.status === 3) { + return '<span style="color:green;">待收货</span>' + }else if (d.status === 4) { + return '<span style="color:green;">已完成</span>' + }else if (d.status === 5) { + return '<span style="color:green;">退款中</span>' + }else if (d.status === 6) { + return '<span style="color:green;">已退款</span>' + }else if (d.status === 7) { + return '<span style="color:green;">已取消</span>' + }else{ + return '' + } + }, minWidth: 80,align:'center'}, {title: '操作', templet: function (d) { - if (d.status === 2) { + if (d.status === 2) { return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="deliverGoods" shiro:hasPermission="user:update">发货</button>' - } - // else{ - // return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="upGoods" shiro:hasPermission="user:update">上架</button>' - // + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="delGoods" shiro:hasPermission="user:update">删除</button>' - // + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="updateGoods" shiro:hasPermission="user:update">编辑</button>' - // - // } + +'<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="seeOrder" shiro:hasPermission="user:update">详情</button>' + }else{ + return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="seeOrder" shiro:hasPermission="user:update">详情</button>' + } },minWidth: 300,align:'center'} ]] }); -- Gitblit v1.9.1