course_appoint.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. {extend name="public/layout"}
  2. {block name="body"}
  3. <style>
  4. html,body {
  5. background-color: #fff;
  6. }
  7. .layui-fluid {
  8. padding: 15px 30px;
  9. }
  10. .layui-table thead tr,
  11. .layui-table-header {
  12. background-color: #D8E6F1 !important;
  13. }
  14. .layui-card-body {
  15. padding: 0;
  16. }
  17. </style>
  18. <body>
  19. <div class="layui-fluid">
  20. <div class="layui-row layui-col-space15">
  21. <div class="layui-col-md12">
  22. <div class="layui-card">
  23. <div class="layui-card-body">
  24. <table class="layui-hide" id="user" lay-filter="user"></table>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. {/block}
  31. {block name="js"}
  32. <script src="__STATIC__/js/jquery.min.js"></script>
  33. <script>
  34. var indexurl = '{:url("broad/course_appoint", ["cid"=>$cid])}';
  35. layui.use(['table', 'laydate'], function () {
  36. var table = layui.table
  37. , $ = layui.jquery
  38. , active = {
  39. reload: function () {
  40. //执行重载
  41. table.reload('userTable', {
  42. page: {
  43. curr: 1 //重新从第 1 页开始
  44. }
  45. });
  46. }
  47. };
  48. //展示已知数据
  49. table.render({
  50. elem: '#user'
  51. , url: indexurl
  52. ,height: 'full-50'
  53. , page: true
  54. , autoSort: true
  55. , cols: [[ //标题栏
  56. { type: 'numbers', title: '序号', fixed: 'left', width: 50 }
  57. , { field: 'nickname', title: '姓名' }
  58. , { field: 'addtime', title: '预约时间', sort: true }
  59. , { field: 'inform', title: '通知时间', sort: true }
  60. , {
  61. field: 'status', templet: function (d) {
  62. if (d.status == 1)
  63. return '已通知';
  64. else
  65. return '未通知';
  66. }, title: '状态', sort: true
  67. }
  68. ]]
  69. , id: 'userTable'
  70. });
  71. });
  72. </script>
  73. {/block}