index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. {include file="common/header"/}
  2. <div class="LM-container">
  3. <div class="LM-main">
  4. <fieldset class="layui-elem-field layui-field-title">
  5. <legend>{:lang('ad')}{:lang('list')}</legend>
  6. <blockquote class="layui-elem-quote">
  7. <div class="LM-table">
  8. <div class="layui-inline">
  9. <input type="text" id='keys' name="keys" lay-verify="required" placeholder="{:lang('pleaseEnter')}" autocomplete="off" class="layui-input">
  10. </div>
  11. <a href="javascript:;" class="layui-btn data-add-btn layui-btn-sm" lay-submit="" lay-filter="add" id="search">{:lang('search')}</a>
  12. <a href="{:url('add')}" class="layui-btn layui-btn-sm layui-btn-warm">{:lang('add')}{:lang('ad')}</a>
  13. </div>
  14. </blockquote>
  15. </fieldset>
  16. <table class="layui-table layui-hide" id="list" lay-filter="list"></table>
  17. </div>
  18. </div>
  19. <script type="text/html" id="action">
  20. <a href="{:url('edit')}?id={{d.id}}" class="layui-btn layui-btn-xs" lay-event="edit">{:lang('edit')}</a>
  21. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">{:lang('del')}</a>
  22. </script>
  23. <script type="text/html" id="status">
  24. <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="开启|关闭" lay-filter="status" {{ d.status == 1 ? 'checked' : '' }}>
  25. </script>
  26. <script type="text/html" id="image">
  27. {{d.ad_name}}<img src="/static/admin/images/image.gif" onmouseover="layer.tips('<img src={{d.ad_image}}>',this,{tips: [1, '#fff']});" onmouseout="layer.closeAll();">
  28. </script>
  29. <script type="text/html" id="start_time">
  30. {{layui.util.toDateString(d.start_time*1000, 'yyyy-MM-dd HH:mm:ss')}}
  31. </script>
  32. <script type="text/html" id="end_time">
  33. {{layui.util.toDateString(d.end_time*1000, 'yyyy-MM-dd HH:mm:ss')}}
  34. </script>
  35. <script type="text/html" id="create_time">
  36. {{layui.util.toDateString(d.create_time*1000, 'yyyy-MM-dd HH:mm:ss')}}
  37. </script>
  38. <script type="text/html" id="update_time">
  39. {{layui.util.toDateString(d.update_time*1000, 'yyyy-MM-dd HH:mm:ss')}}
  40. </script>
  41. {include file="common/footer"/}
  42. <script>
  43. layui.use(['form', 'table'], function () {
  44. var $ = layui.jquery,
  45. form = layui.form,
  46. table = layui.table;
  47. var tableIn = table.render({
  48. elem: '#list',
  49. url: '{:url("index")}',
  50. method: 'post',
  51. cols: [[
  52. {checkbox: true, fixed: true},
  53. {field: 'id', title: 'ID', width: 80, sort: true},
  54. {field: 'ad_name', title: '名称', width: 120,},
  55. {field: 'position_name', title: '位置', width: 250},
  56. {field: 'ad_link', title: '链接', width: 220, templet:'#link'},
  57. {field: 'ad_image', title: '图片', width: 180, templet:'#image'},
  58. {field: 'status', title: '状态', width: 180, templet:'#status'},
  59. {field: 'start_time', title: '开始时间', width: 180, templet:'#start_time'},
  60. {field: 'end_time', title: '结束时间', width: 180, templet:'#end_time'},
  61. // {field: 'create_time', title: '添加时间', width: 180,templet:'#create_time'},
  62. // {field: 'update_time', title: '修改时间', width: 180,templet:'#update_time'},
  63. {title:'操作',width:120, toolbar: '#action',align:"center"}
  64. ]],
  65. limits: [10, 15, 20, 25, 50, 100],
  66. limit: 15,
  67. page: true
  68. });
  69. table.on('tool(list)', function(obj){
  70. var data = obj.data;
  71. if(obj.event === 'del'){
  72. layer.confirm('{:lang("Are you sure you want to delete it")}', function(index){
  73. loading =layer.load(1, {shade: [0.1,'#fff']});
  74. $.post("{:url('delete')}",{id:data.id},function(res){
  75. layer.close(loading);
  76. layer.close(index);
  77. if(res.code>0){
  78. layer.msg(res.msg,{time:1000,icon:1});
  79. obj.del();
  80. }else{
  81. layer.msg(res.msg,{time:1000,icon:2});
  82. }
  83. });
  84. });
  85. }
  86. });
  87. form.on('switch(status)', function(data){
  88. loading =layer.load(1, {shade: [0.1,'#fff']});
  89. $.post("{:url('state')}",{id:data.value},function(res){
  90. layer.close(loading);
  91. if(res.code>0){
  92. layer.msg(res.msg,{time:1000,icon:1});
  93. }else{
  94. layer.msg(res.msg,{time:1000,icon:2});
  95. }
  96. });
  97. });
  98. $('#search').click(function () {
  99. var $keys = $('#keys').val();
  100. if(!$keys){
  101. return layer.msg('请输入关键词');
  102. }
  103. tableIn.reload({ page: {page: 1},where: {keys: $keys}});
  104. })
  105. });
  106. </script>