index.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. {extend name='table'}
  2. {block name="button"}
  3. {/block}
  4. {block name="content"}
  5. <div class="layui-tab layui-tab-card">
  6. <div class="layui-tab-content">
  7. <form class="layui-form layui-form-pane form-search" action="{:sysuri()}" onsubmit="return false" method="get" autocomplete="off">
  8. <div class="layui-form-item layui-inline">
  9. <label class="layui-form-label">申请用户</label>
  10. <label class="layui-input-inline">
  11. <input name="name" value="{$get.name|default=''}" placeholder="申请用户" class="layui-input">
  12. </label>
  13. </div>
  14. <div class="layui-form-item layui-inline">
  15. <input type="hidden" name="type" value="{$type|default='index'}">
  16. <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
  17. </div>
  18. </form>
  19. <table id="Table" data-url="{:sysuri()}" data-target-search="form.form-search"></table>
  20. </div>
  21. </div>
  22. <script>
  23. $(function () {
  24. $('#Table').layTable({
  25. even: true, height: 'full',
  26. sort: {field: 'id', type: 'desc'},
  27. where: {},
  28. cols: [[
  29. {field: 'id', title: 'ID', align: 'center'},
  30. {field: 'user', title: '申请用户', align: 'center',templet(d){
  31. return d.user?d.user.nickname:''
  32. }},
  33. {field: 'title', title: '标题', align: 'center'},
  34. // {field: 'imgs', title: '图片', width: '8%', align: 'center', templet: '#imgs'},
  35. {field: 'imgs', title: '图片', align: 'center', templet:function (d) {
  36. if (d.imgs.length<1){
  37. return '无图片'
  38. }else {
  39. let b = ''
  40. for (var a=0;a<d.imgs.length;a++){
  41. b = b + '<div class="headimg headimg-no headimg-ss margin-0" data-tips-hover data-tips-image='+ d.imgs[a] +' style="background-image:url('+ d.imgs[a] +')"></div>&nbsp;'
  42. }
  43. return laytpl(b).render(d)
  44. }
  45. }},
  46. {field: 'xurl', title: '视频', align: 'center', templet: function (d) {
  47. return d.video ? laytpl('<div><a target="_blank" data-iframe="{{d.video}}" data-title="查看媒体">查看</a></div>').render(d) : '无视频';
  48. }
  49. },
  50. {field: 'is_del', title: '状态', align: 'center',templet(d){
  51. if(d.audit===1){
  52. return `<span class="layui-badge layui-bg-green">待审核</span>`
  53. }else if (d.audit===2){
  54. return `<span class="layui-badge layui-bg-blue">审核通过</span>`
  55. }else{
  56. return `<span class="layui-badge layui-bg-red">审核不通过</span>`
  57. }
  58. }},
  59. {field: 'create_at', title: '创建时间', align: 'center'},
  60. {toolbar: '#toolbar', title: '操作', align: 'center', fixed: 'right'}
  61. ]]
  62. });
  63. });
  64. </script>
  65. <!-- 列表排序权重模板 -->
  66. <script type="text/html" id="toolbar">
  67. {if auth('audit')}
  68. <button class="layui-btn layui-btn-sm" data-title="审核" data-modal='{:url("audit")}?id={{d.id}}'>查看</button>
  69. {/if}
  70. {if auth('del')}
  71. <a class="layui-btn layui-btn-sm layui-btn-danger" data-title="删除" data-confirm="确认删除吗?" data-action='{:url("del")}?id={{d.id}}'>删除</a>
  72. {/if}
  73. </script>
  74. {/block}