order-detail.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>layui</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css" media="all">
  10. <link rel="stylesheet" href="../../css/public.css" media="all">
  11. </head>
  12. <body>
  13. <div class="layuimini-container">
  14. <div class="layuimini-main">
  15. <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
  16. <script type="text/html" id="currentTableBar">
  17. <a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="delivery">确认配送</a>
  18. <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="refund">退款</a>
  19. </script>
  20. <div style="position: relative;left: 38%;">
  21. <button id="shipAll" type="button" class="layui-btn layui-btn-sm layui-btn-normal">全部配送</button>
  22. <button type="button" class="layui-btn layui-btn-sm layui-btn-danger">全部退款</button>
  23. </div>
  24. </div>
  25. </div>
  26. <script src="../../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
  27. <script src="../../lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
  28. <script src="../../js/myjs/utils.js"></script>
  29. <script src="../../js/myjs/goods-table.js"></script>
  30. <script>
  31. layui.use(['form', 'table'], function () {
  32. var $ = layui.jquery,
  33. form = layui.form,
  34. table = layui.table;
  35. var order=layui.sessionData('order').order
  36. table.render({
  37. elem: '#currentTableId',
  38. url: getRootUrl()+'/order/detail',
  39. method:'GET',
  40. headers:{
  41. token:getToken()
  42. },
  43. parseData:function(res){
  44. return {
  45. "code": res.code, //解析接口状态
  46. "msg": res.message, //解析提示文本
  47. "data": res.data //解析数据列表
  48. }
  49. },
  50. where:{
  51. orderNum:order.orderNum
  52. },
  53. height:200,
  54. cols: [[
  55. {field: 'goodsName', minWidth: 100, title: '商品名称'},
  56. {field: 'goodsPrice', width: 80, title: '价格',align: "center"},
  57. {field: 'goodsQuantity', width: 80, title: '数量', sort: true, align: "center"},
  58. {field: 'extraOption', minWidth: 120, title: '其他', align: "center"},
  59. {field: 'deliveryStatus', width: 120, title: '配送状态', align: "center"},
  60. {title: '操作', width: 180, toolbar: '#currentTableBar', align: "center"}
  61. ]],
  62. skin: 'row'
  63. });
  64. //配送单个
  65. table.on('tool(currentTableFilter)', function (obj) {
  66. var data = obj.data;
  67. if (obj.event === 'delivery') {
  68. console.log(obj.data)
  69. var rq={
  70. orderInfoId:obj.data.id
  71. }
  72. var res=getData('/order/delivery/one',rq);
  73. layer.msg(res.message)
  74. if(res.success)
  75. //执行搜索重载
  76. table.reload('currentTableId', {});
  77. return false;
  78. }
  79. });
  80. });
  81. //配送所有
  82. $('#shipAll').click(function(e){
  83. var order=layui.sessionData('order').order
  84. var request={
  85. orderNum:order.orderNum
  86. }
  87. var res=getData('/order/delivery/all',request);
  88. layer.msg(res.message)
  89. if(res.success){
  90. setTimeout(function(){
  91. var iframeIndex = parent.layer.getFrameIndex(window.name);
  92. parent.layer.close(iframeIndex);
  93. },1000)
  94. }
  95. })
  96. </script>
  97. </body>
  98. </html>