index.html 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <div class="layui-fluid">
  2. <div class="layui-card">
  3. <div class="layui-form layui-card-header layuiadmin-card-header-auto">
  4. <button class="layui-btn layuiadmin-btn" data-type="add">添加</button>
  5. </div>
  6. <div class="layui-card-body">
  7. <table id="{$lay_table}" lay-filter="{$lay_table}"></table>
  8. <script type="text/html" id="setTpl">
  9. <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
  10. class="layui-icon layui-icon-edit"></i>编辑</a>
  11. <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
  12. class="layui-icon layui-icon-delete"></i>删除</a>
  13. </script>
  14. </div>
  15. </div>
  16. </div>
  17. <script>
  18. layui.use(['index', 'form', 'set', 'table'], function () {
  19. const $ = layui.$;
  20. const admin = layui.admin;
  21. const form = layui.form;
  22. const table = layui.table;
  23. form.render();
  24. table.render({
  25. elem: '#{$lay_table}',
  26. url: "{:url('sms_template/listTemplate')}",
  27. cols: [
  28. [
  29. {field: 'id', width: 80,title: 'ID'},
  30. {field: 'code', width: 160, title: '编号'},
  31. {field: 'ali', width: 160, title: '阿里模板编号'},
  32. {field: 'mas', width: 240, title: '移动模板编号'},
  33. {field: 'comment', title: '备注'},
  34. {title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#setTpl'}
  35. ]
  36. ],
  37. page: true,
  38. limit: 50,
  39. cellMinWidth: 150,
  40. text: '对不起,加载出现异常!'
  41. });
  42. //事件
  43. const active = {
  44. add: function () {
  45. const index = layer.open({
  46. type: 2,
  47. title: '添加模板',
  48. content: "{:url('sms_template/templateForm')}",
  49. maxmin: true,
  50. area: ['550px', '550px']
  51. });
  52. layer.full(index);
  53. },
  54. };
  55. //监听工具条
  56. table.on('tool({$lay_table})', function (obj) {
  57. const data = obj.data;
  58. if (obj.event === 'del') {
  59. layer.confirm('确定删除此模板吗?', function (index) {
  60. admin.req({
  61. url: "{:url('sms_template/delTemplate')}",
  62. data: {
  63. id: data.id
  64. },
  65. done: function (res) {
  66. obj.del();
  67. layer.msg('已删除');
  68. }
  69. });
  70. layer.close(index);
  71. });
  72. } else if (obj.event === 'edit') {
  73. const index = layer.open({
  74. type: 2,
  75. title: '编辑模板',
  76. content: "{:url('sms_template/templateForm')}?id=" + data.id,
  77. maxmin: true,
  78. area: ['550px', '550px']
  79. });
  80. layer.full(index);
  81. }
  82. });
  83. $('.layui-btn.layuiadmin-btn').on('click', function () {
  84. const type = $(this).data('type');
  85. active[type] ? active[type].call(this) : '';
  86. });
  87. });
  88. </script>