|  |  | 
 |  |  | <div class="layui-fluid layui-anim febs-anim" id="febs-order" lay-title="商品列表"> | 
 |  |  | <div class="layui-fluid layui-anim febs-anim" id="febs-order" lay-title="订单列表"> | 
 |  |  |     <div class="layui-row febs-container"> | 
 |  |  |         <div class="layui-col-md12"> | 
 |  |  |             <div class="layui-card"> | 
 |  |  | 
 |  |  |                         .layui-table-cell{ | 
 |  |  |                             text-align:center; | 
 |  |  |                             height: auto; | 
 |  |  |                             white-space: normal; | 
 |  |  |                             white-space: nowrap; /*文本不会换行,在同一行显示*/ | 
 |  |  |                             overflow: hidden; /*超出隐藏*/ | 
 |  |  |                             text-overflow: ellipsis; /*省略号显示*/ | 
 |  |  |                         } | 
 |  |  |                         .layui-table img{ | 
 |  |  |                             max-width:200px | 
 |  |  |                             max-width:100px | 
 |  |  |                         } | 
 |  |  |                     </style> | 
 |  |  |                 </div> | 
 |  |  | 
 |  |  |     <a lay-event="edit" shiro:hasPermission="user:update"><i | 
 |  |  |             class="layui-icon febs-edit-area febs-blue"></i></a> | 
 |  |  | </script> | 
 |  |  | <script type="text/html" id="tableToolBar"> | 
 |  |  |     <div class="layui-btn-container"> | 
 |  |  |         <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" lay-event="exportDeliver">导出未发货订单</button> | 
 |  |  |         <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" id="importDeliver" lay-event="importDeliver">导入发货</button> | 
 |  |  |     </div> | 
 |  |  | </script> | 
 |  |  | <!-- 表格操作栏 end --> | 
 |  |  | <script data-th-inline="none" type="text/javascript"> | 
 |  |  |     // 引入组件并初始化 | 
 |  |  |     layui.use([ 'jquery', 'form', 'table', 'febs'], function () { | 
 |  |  |     layui.use([ 'jquery', 'form', 'table', 'febs', 'upload'], function () { | 
 |  |  |         var $ = layui.jquery, | 
 |  |  |             febs = layui.febs, | 
 |  |  |             form = layui.form, | 
 |  |  |             table = layui.table, | 
 |  |  |             upload = layui.upload, | 
 |  |  |             $view = $('#febs-order'), | 
 |  |  |             $query = $view.find('#query'), | 
 |  |  |             $reset = $view.find('#reset'), | 
 |  |  | 
 |  |  |  | 
 |  |  |         // 表格初始化 | 
 |  |  |         initTable(); | 
 |  |  |  | 
 |  |  |         table.on('toolbar(orderTable)', function(obj){ | 
 |  |  |             var event = obj.event; | 
 |  |  |  | 
 |  |  |             if (event == 'exportDeliver') { | 
 |  |  |                 window.location.href = ctx + "admin/order/exportOrderList?orderType=1&status=2"; | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         upload.render({ | 
 |  |  |             elem: '#importDeliver' | 
 |  |  |             ,url: 'admin/order/importDeliver' //此处配置你自己的上传接口即可 | 
 |  |  |             ,accept: 'file' //普通文件 | 
 |  |  |             ,done: function(res){ | 
 |  |  |                 console.log("123"); | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         // 初始化表格操作栏各个按钮功能 | 
 |  |  |         table.on('tool(orderTable)', function (obj) { | 
 |  |  | 
 |  |  |                     maxmin: true, | 
 |  |  |                 }); | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |             if (layEvent === 'cancelOrder') { | 
 |  |  |                 febs.modal.confirm('取消订单', '确认取消订单?', function () { | 
 |  |  |                     cancelOrder(data.id); | 
 |  |  |                 }); | 
 |  |  |             } | 
 |  |  |             if (layEvent === 'seePayImage') { | 
 |  |  |                 var t = $view.find('#seePayImage'+data.id+''); | 
 |  |  |                 //页面层 | 
 |  |  | 
 |  |  |                 }); | 
 |  |  |             } | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         function cancelOrder(id) { | 
 |  |  |             febs.get(ctx + 'admin/order/cancelOrder/' + id, null, function () { | 
 |  |  |                 febs.alert.success('操作成功'); | 
 |  |  |                 $query.click(); | 
 |  |  |             }); | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         // 查询按钮 | 
 |  |  |         $query.on('click', function () { | 
 |  |  | 
 |  |  |             tableIns = febs.table.init({ | 
 |  |  |                 elem: $view.find('table'), | 
 |  |  |                 id: 'orderTable', | 
 |  |  |                 url: ctx + 'admin/order/orderList', | 
 |  |  |                 url: ctx + 'admin/order/orderList?orderType=1', | 
 |  |  |                 defaultToolbar: [], | 
 |  |  |                 toolbar: '#tableToolBar', | 
 |  |  |                 cols: [[ | 
 |  |  |                         {field: 'orderNo', title: '订单编号', minWidth: 150,align:'left'}, | 
 |  |  |                         {field: 'memberName', title: '购买人', minWidth: 150,align:'left'}, | 
 |  |  |                         {field: 'memberPhone', title: '联系方式', minWidth: 150,align:'left'}, | 
 |  |  |                         {field: 'amount', title: '订单金额', minWidth: 150,align:'left'}, | 
 |  |  |                         {field: 'orderTime', title: '下单时间', minWidth: 150,align:'left'}, | 
 |  |  |                         {field: 'payTime', title: '支付时间', minWidth: 150,align:'left'}, | 
 |  |  |                         {field: 'payOrderNo', title: '支付订单号', minWidth: 150,align:'left'}, | 
 |  |  |                         {field: 'payImage', title: '支付凭证', | 
 |  |  |                             templet: function (d) { | 
 |  |  |                                 return '<a lay-event="seePayImage"><img id="seePayImage'+d.id+'" src="'+d.payImage+'" alt=""></a>'; | 
 |  |  |                             }, minWidth: 300,align:'center'}, | 
 |  |  |                         {field: 'orderNo', title: '订单编号', minWidth: 200,align:'left'}, | 
 |  |  |                         {field: 'memberName', title: '购买人', minWidth: 120,align:'left'}, | 
 |  |  |                         {field: 'memberPhone', title: '账号', minWidth: 120,align:'left'}, | 
 |  |  |                         {field: 'memberBindPhone', title: '联系方式', minWidth: 120,align:'left'}, | 
 |  |  |                         {field: 'amount', title: '订单金额', minWidth: 120,align:'left'}, | 
 |  |  |                         {field: 'carriage', title: '运费', minWidth: 120,align:'left'}, | 
 |  |  |                         {field: 'orderTime', title: '下单时间', minWidth: 200,align:'left'}, | 
 |  |  |                         {field: 'status', title: '状态', | 
 |  |  |                             templet: function (d) { | 
 |  |  |                                 if (d.status === 1) { | 
 |  |  | 
 |  |  |                                     return '' | 
 |  |  |                                 } | 
 |  |  |                             }, minWidth: 80,align:'center'}, | 
 |  |  |                     {title: '操作', | 
 |  |  |                         templet: function (d) { | 
 |  |  |                              if (d.status === 2) { | 
 |  |  |                                 return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="deliverGoods" 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'} | 
 |  |  |                         {field: 'payMethod', title: '支付方式', minWidth: 120,align:'left'}, | 
 |  |  |                         {field: 'payTime', title: '支付时间', minWidth: 200,align:'left'}, | 
 |  |  |                         {field: 'payOrderNo', title: '支付订单号', minWidth: 200,align:'left'}, | 
 |  |  |                         {title: '操作', | 
 |  |  |                             templet: function (d) { | 
 |  |  |                                     if (d.status === 2) { | 
 |  |  |                                         return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="deliverGoods" 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: 200,align:'center', fixed:'right'} | 
 |  |  |                 ]] | 
 |  |  |             }); | 
 |  |  |         } |