index.blade.php 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>layuiAdmin 网站用户</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
  11. </head>
  12. <body>
  13. <div class="layui-fluid">
  14. <div class="layui-card">
  15. <div class="layui-form layui-card-header layuiadmin-card-header-auto">
  16. <div class="layui-form-item layui-hide">
  17. <div class="layui-inline">
  18. <label class="layui-form-label">商品类型</label>
  19. <div class="layui-input-block">
  20. <select name="type" lay-filter="type">
  21. <option value="0">普通区</option>
  22. <option value="1">金币区</option>
  23. <option value="2">至尊区</option>
  24. </select>
  25. </div>
  26. </div>
  27. <div class="layui-inline">
  28. <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
  29. <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
  30. </button>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="layui-card-body">
  35. <table id="table" lay-filter="table"></table>
  36. </div>
  37. </div>
  38. </div>
  39. @verbatim
  40. <script type="text/html" id="user">
  41. {{ d.user.name }}
  42. </script>
  43. <script type="text/html" id="status">
  44. {{# if(d.status === 0){ }}
  45. 待发货
  46. {{# } else if(d.status === 1) { }}
  47. 已发货
  48. {{# } else { }}
  49. 已完成
  50. {{# } }}
  51. </script>
  52. <script type="text/html" id="toolbar">
  53. {{# if(d.status === 0){ }}
  54. <a class="layui-btn layui-btn-xs" lay-event="send">发货</a>
  55. {{# } }}
  56. </script>
  57. @endverbatim
  58. <script src="/layuiadmin/layui/layui.js"></script>
  59. <script>
  60. layui.config({
  61. base: '/layuiadmin/'
  62. }).extend({
  63. index: 'lib/index'
  64. }).use(['index', 'form', 'table', 'layer'], function () {
  65. const $ = layui.$, form = layui.form, table = layui.table, layer = layui.layer;
  66. let tableList = table.render({
  67. elem: '#table',
  68. id: 'table',
  69. url: "{{url('orders/data')}}",
  70. // toolbar: true,
  71. defaultToolbar: [],
  72. cols: [[
  73. {field: 'order_no', title: "订单编号",width:200},
  74. {title: '用户', width: 150, templet: "#user"},
  75. {field: 'goods_name', title: '商品名',},
  76. {field: 'name', title: '收货人',},
  77. {field: 'phone', title: '手机',},
  78. {field: 'address', title: '地址',},
  79. {field: 'status', title: '状态', templet: "#status"},
  80. {title: '操作', width: 200, toolbar: '#toolbar'}
  81. ]],
  82. page: true,
  83. limit: 20,
  84. limits: [20, 100, 200, 300],
  85. where: {lang: 'zh-CN', type: 0},
  86. height: 'full-90',
  87. text: {none: '无数据'},
  88. parseData(res) {
  89. return {
  90. code: res.data.code,
  91. msg: res.data.msg,
  92. count: res.data.count,
  93. data: res.data.data
  94. };
  95. }
  96. });
  97. table.on('tool(table)', function (obj) {
  98. let data = obj.data;
  99. switch (obj.event) {
  100. case "send":
  101. $.ajax({
  102. url: "{{ route('order.send') }}",
  103. method: "post",
  104. headers: {
  105. 'X-CSRF-TOKEN': "{{ csrf_token() }}",
  106. },
  107. data: {id: data.id},
  108. success: (res) => (res.code === 0 ? (layer.msg('已发货'), tableList.reloadData()) : layer.alert(res.msg))
  109. });
  110. break;
  111. default:
  112. layer.alert('未定义事件');
  113. break;
  114. }
  115. });
  116. });
  117. </script>
  118. </body>
  119. </html>