keyword_index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. {extend name="public/layout"}
  2. {block name="body"}
  3. <style>
  4. html,body {
  5. background-color: #fff;
  6. }
  7. .layui-table thead tr,
  8. .layui-table-header {
  9. background-color: #D8E6F1 !important;
  10. }
  11. .layui-table-tool {
  12. background-color: #F6FAFD;
  13. }
  14. </style>
  15. <body>
  16. <div class="layui-fluid">
  17. <div class="layui-row layui-col-space15">
  18. <div class="layui-col-md12" style="background-color:#ffffff">
  19. <div class="tplay-body-div">
  20. <!--<div class="layui-tab">
  21. <ul class="layui-tab-title">
  22. <li>
  23. <a href="{:url('chat/index')}">聊天记录</a>
  24. </li>
  25. <li class="layui-this">
  26. 关键词屏蔽
  27. </li>
  28. <li>
  29. <a href="{:url('waistcoat/index')}">机器人列表</a>
  30. </li>
  31. </ul>
  32. </div>-->
  33. <div class="layui-card-body">
  34. <div class="layui-form">
  35. <div class="layui-inline">
  36. <input class="layui-input" name="name" id="name" autocomplete="off" placeholder="输入关键词">
  37. </div>
  38. <button class="layui-btn" data-type="reload"><i class="layui-icon layui-icon-search layuiadmin-button-btn"></i></button>
  39. </div>
  40. <table class="layui-hide" id="user" lay-filter="user"></table>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. {/block}
  47. {block name="js"}
  48. <script src="__STATIC__/js/jquery.min.js"></script>
  49. <script type="text/html" id="toolbar">
  50. <div class="layui-inline" lay-event="add" title="添加"><i class="layui-icon layui-icon-add-1"></i></div>
  51. </script>
  52. <script type="text/html" id="result">
  53. {{# if(d.cmid != 0){}}
  54. <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit"><i class="layui-icon">&#xe642;</i></a>
  55. <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>
  56. {{# } else { }}
  57. 【系统】
  58. {{# }}}
  59. </script>
  60. <script id="status" type="text/html">
  61. {{# if(d.status === 0){ }}
  62. 禁用
  63. {{# } else { }}
  64. 替换
  65. {{# } }}
  66. </script>
  67. <script>
  68. var indexurl = '{:url("broad/keyword_index")}';
  69. var addurl = '{:url("broad/keyword_add")}';
  70. var editurl = '{:url("broad/keyword_edit")}';
  71. var delurl = '{:url("broad/keyword_del")}';
  72. var t;
  73. layui.use(['table'], function () {
  74. var form = layui.form
  75. , table = layui.table
  76. , $ = layui.jquery
  77. , active = {
  78. reload: function () {
  79. var name = $('#name');
  80. //执行重载
  81. table.reload('userTable', {
  82. page: {
  83. curr: 1 //重新从第 1 页开始
  84. }
  85. , where: {
  86. name: name.val()
  87. }
  88. });
  89. }
  90. , add: function () {
  91. layer.open({
  92. title: ['添加', 'color:#333333;background-color:#D8E6F1;'],
  93. type: 2,
  94. content: addurl,
  95. resize: false,
  96. area:['400px', '220px']
  97. });
  98. }
  99. ,edit: function(){
  100. var id = this.data.id;
  101. layer.open({
  102. title: ['修改', 'color:#333333;background-color:#D8E6F1;'],
  103. type: 2,
  104. content: editurl+'?id='+id,
  105. resize: false,
  106. area:['600px', '300px']
  107. });
  108. }
  109. ,del: function(){
  110. var id = this.data.id;
  111. $.post(delurl, {id:id}, function(resp){
  112. var res = JSON.parse(resp);
  113. if (res.code == 0) {
  114. layer.msg(res.msg, {anim: 1,time: 1000}, function(){
  115. t.reload();
  116. });
  117. }else{
  118. layer.msg(res.msg, {anim: 6});
  119. }
  120. });
  121. }
  122. };
  123. //展示已知数据
  124. t = table.render({
  125. elem: '#user'
  126. , url: indexurl
  127. , page: true
  128. , autoSort: true
  129. , toolbar: '#toolbar'
  130. , defaultToolbar: ['filter']
  131. , cols: [[ //标题栏
  132. {type: 'numbers', title: '序号', fixed: 'left', width: 80}
  133. , {field: 'keyword', title: '敏感词'}
  134. , {field: 'status', title: '状态', templet: '#status'}
  135. , {field: 'replace', title: '替换词'}
  136. , {field: 'addtime', title: '添加时间', width: 400}
  137. , {fixed: 'right', title: '操作', toolbar: '#result', width: 100}
  138. ]]
  139. , id: 'userTable'
  140. });
  141. $('.layui-form>.layui-btn').on('click', function () {
  142. var type = $(this).data('type');
  143. active[type] ? active[type].call(this) : '';
  144. });
  145. table.on('toolbar(user)', function (obj) {
  146. var type = obj.event;
  147. active[type] ? active[type].call(this) : '';
  148. });
  149. table.on('tool(user)', function (obj) {
  150. var type = obj.event;
  151. active[type] ? active[type].call(obj) : '';
  152. });
  153. });
  154. </script>
  155. {/block}