1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- {extend name="public/layout"}
- {block name="body"}
- <style>
- html,body {
- background-color: #fff;
- }
- .layui-fluid {
- padding: 15px 30px;
- }
- .layui-table thead tr,
- .layui-table-header {
- background-color: #D8E6F1 !important;
- }
- .layui-card-body {
- padding: 0;
- }
- </style>
- <body>
- <div class="layui-fluid">
- <div class="layui-row layui-col-space15">
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-body">
- <table class="layui-hide" id="user" lay-filter="user"></table>
- </div>
- </div>
- </div>
- </div>
- </div>
- {/block}
- {block name="js"}
- <script src="__STATIC__/js/jquery.min.js"></script>
- <script>
- var indexurl = '{:url("broad/course_appoint", ["cid"=>$cid])}';
- layui.use(['table', 'laydate'], function () {
- var table = layui.table
- , $ = layui.jquery
- , active = {
- reload: function () {
- //执行重载
- table.reload('userTable', {
- page: {
- curr: 1 //重新从第 1 页开始
- }
- });
- }
- };
- //展示已知数据
- table.render({
- elem: '#user'
- , url: indexurl
- ,height: 'full-50'
- , page: true
- , autoSort: true
- , cols: [[ //标题栏
- { type: 'numbers', title: '序号', fixed: 'left', width: 50 }
- , { field: 'nickname', title: '姓名' }
- , { field: 'addtime', title: '预约时间', sort: true }
- , { field: 'inform', title: '通知时间', sort: true }
- , {
- field: 'status', templet: function (d) {
- if (d.status == 1)
- return '已通知';
- else
- return '未通知';
- }, title: '状态', sort: true
- }
- ]]
- , id: 'userTable'
- });
- });
- </script>
- {/block}
|