index.blade.php 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. @extends('admin.base')
  2. @section('content')
  3. <div class="layui-card">
  4. <div class="layui-card-header layuiadmin-card-header-auto">
  5. <div class="layui-btn-group">
  6. {{--<button class="layui-btn layui-btn-sm layui-btn-danger" id="listDelete">删 除</button>
  7. <a class="layui-btn layui-btn-sm" href="{{ route('admin.party.create') }}">添 加</a>--}}
  8. <button class="layui-btn layui-btn-sm" id="search">搜索</button>
  9. <button class="layui-btn layui-btn-sm" id="add">增加</button>
  10. <button class="layui-btn layui-btn-sm" id="reduce">减少</button>
  11. @if (!empty($party_id))
  12. <button class="layui-btn layui-btn-sm" id="return">返回</button>
  13. @endif
  14. </div>
  15. <div class="layui-form">
  16. @if (empty($party_id))
  17. <div class="layui-input-inline">
  18. <input type="text" name="party_name" id="party_name" placeholder="请输入第三方名" class="layui-input">
  19. </div>
  20. @endif
  21. <div class="layui-input-inline">
  22. <input type="text" name="app_name" id="app_name" placeholder="请输入平台名" class="layui-input">
  23. </div>
  24. <div class="layui-input-inline">
  25. <input type="text" name="party_username" id="party_username" placeholder="请输入账号名" class="layui-input">
  26. </div>
  27. </div>
  28. </div>
  29. <div class="layui-card-body">
  30. <table id="dataTable" lay-filter="dataTable"></table>
  31. <script type="text/html" id="options">
  32. <div class="layui-btn-group">
  33. <a class="layui-btn layui-btn-sm" lay-event="edit">编辑</a>
  34. <a class="layui-btn layui-btn-danger layui-btn-sm " lay-event="del">删除</a>
  35. </div>
  36. </script>
  37. </div>
  38. </div>
  39. @endsection
  40. @section('script')
  41. <script>
  42. layui.use(['layer','table','form'],function () {
  43. var layer = layui.layer;
  44. var form = layui.form;
  45. var table = layui.table;
  46. var partyId = {{$party_id}};
  47. //表格初始化
  48. var dataTable = table.render({
  49. elem: '#dataTable'
  50. ,height: 500
  51. ,url: "{{ route('admin.balance.partyData') }}" //数据接口
  52. ,where:{model:"balance", partyId:partyId}
  53. ,page: true //开启分页
  54. ,cols: [[ //表头
  55. {checkbox: true,fixed: true}
  56. ,{field: 'id', title: 'ID', sort: true,width:80}
  57. ,{field: 'name', title: '第三方名'}
  58. ,{field: 'party_username', title: '账号名'}
  59. ,{field: 'money', title: '金额'}
  60. ,{field: 'typename', title: '类型'}
  61. ,{field: 'appname', title: '平台名'}
  62. ,{field: 'balance', title: '剩余余额'}
  63. ,{field: 'created_at', title: '时间'}
  64. ]]
  65. });
  66. //搜索
  67. $("#search").click(function () {
  68. var party_name = $("#party_name").val();
  69. var app_name = $("#app_name").val();
  70. var party_username = $("#party_username").val();
  71. var partyId = {{$party_id}};
  72. dataTable.reload({
  73. where:{party_name:party_name,app_name:app_name,party_username:party_username,partyId:partyId},
  74. page:{curr:1}
  75. })
  76. })
  77. //搜索
  78. $("#reduce").click(function () {
  79. var party_name = $("#party_name").val();
  80. var app_name = $("#app_name").val();
  81. var party_username = $("#party_username").val();
  82. var partyId = {{$party_id}};
  83. dataTable.reload({
  84. where:{party_name:party_name,app_name:app_name,party_username:party_username,partyId:partyId,type:2},
  85. page:{curr:1}
  86. })
  87. })
  88. //搜索
  89. $("#add").click(function () {
  90. var party_name = $("#party_name").val();
  91. var app_name = $("#app_name").val();
  92. var party_username = $("#party_username").val();
  93. var partyId = {{$party_id}};
  94. dataTable.reload({
  95. where:{party_name:party_name,app_name:app_name,party_username:party_username,partyId:partyId,type:1},
  96. page:{curr:1}
  97. })
  98. })
  99. //返回
  100. $("#return").click(function () {
  101. location.href = "{{ route('admin.party') }}";
  102. })
  103. })
  104. </script>
  105. @endsection