123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165 |
- {extend name="public/layout"}
- {block name="body"}
- <style>
- html,body {
- background-color: #fff;
- }
- .layui-table thead tr,
- .layui-table-header {
- background-color: #D8E6F1 !important;
- }
- .layui-table-tool {
- background-color: #F6FAFD;
- }
- </style>
- <body>
- <div class="layui-fluid">
- <div class="layui-row layui-col-space15">
- <div class="layui-col-md12" style="background-color:#ffffff">
- <div class="tplay-body-div">
- <!--<div class="layui-tab">
- <ul class="layui-tab-title">
- <li>
- <a href="{:url('chat/index')}">聊天记录</a>
- </li>
- <li class="layui-this">
- 关键词屏蔽
- </li>
- <li>
- <a href="{:url('waistcoat/index')}">机器人列表</a>
- </li>
- </ul>
- </div>-->
- <div class="layui-card-body">
- <div class="layui-form">
- <div class="layui-inline">
- <input class="layui-input" name="name" id="name" autocomplete="off" placeholder="输入关键词">
- </div>
- <button class="layui-btn" data-type="reload"><i class="layui-icon layui-icon-search layuiadmin-button-btn"></i></button>
- </div>
- <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 type="text/html" id="toolbar">
- <div class="layui-inline" lay-event="add" title="添加"><i class="layui-icon layui-icon-add-1"></i></div>
- </script>
- <script type="text/html" id="result">
- {{# if(d.cmid != 0){}}
- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit"><i class="layui-icon"></i></a>
- <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class="layui-icon layui-icon-delete"></i></a>
- {{# } else { }}
- 【系统】
- {{# }}}
- </script>
- <script id="status" type="text/html">
- {{# if(d.status === 0){ }}
- 禁用
- {{# } else { }}
- 替换
- {{# } }}
- </script>
- <script>
- var indexurl = '{:url("broad/keyword_index")}';
- var addurl = '{:url("broad/keyword_add")}';
- var editurl = '{:url("broad/keyword_edit")}';
- var delurl = '{:url("broad/keyword_del")}';
- var t;
- layui.use(['table'], function () {
- var form = layui.form
- , table = layui.table
- , $ = layui.jquery
- , active = {
- reload: function () {
- var name = $('#name');
- //执行重载
- table.reload('userTable', {
- page: {
- curr: 1 //重新从第 1 页开始
- }
- , where: {
- name: name.val()
- }
- });
- }
- , add: function () {
- layer.open({
- title: ['添加', 'color:#333333;background-color:#D8E6F1;'],
- type: 2,
- content: addurl,
- resize: false,
- area:['400px', '220px']
- });
- }
- ,edit: function(){
- var id = this.data.id;
- layer.open({
- title: ['修改', 'color:#333333;background-color:#D8E6F1;'],
- type: 2,
- content: editurl+'?id='+id,
- resize: false,
- area:['600px', '300px']
- });
- }
- ,del: function(){
- var id = this.data.id;
- $.post(delurl, {id:id}, function(resp){
- var res = JSON.parse(resp);
- if (res.code == 0) {
- layer.msg(res.msg, {anim: 1,time: 1000}, function(){
- t.reload();
- });
- }else{
- layer.msg(res.msg, {anim: 6});
- }
- });
- }
- };
- //展示已知数据
- t = table.render({
- elem: '#user'
- , url: indexurl
- , page: true
- , autoSort: true
- , toolbar: '#toolbar'
- , defaultToolbar: ['filter']
- , cols: [[ //标题栏
- {type: 'numbers', title: '序号', fixed: 'left', width: 80}
- , {field: 'keyword', title: '敏感词'}
- , {field: 'status', title: '状态', templet: '#status'}
- , {field: 'replace', title: '替换词'}
- , {field: 'addtime', title: '添加时间', width: 400}
- , {fixed: 'right', title: '操作', toolbar: '#result', width: 100}
- ]]
- , id: 'userTable'
- });
- $('.layui-form>.layui-btn').on('click', function () {
- var type = $(this).data('type');
- active[type] ? active[type].call(this) : '';
- });
- table.on('toolbar(user)', function (obj) {
- var type = obj.event;
- active[type] ? active[type].call(this) : '';
- });
- table.on('tool(user)', function (obj) {
- var type = obj.event;
- active[type] ? active[type].call(obj) : '';
- });
- });
- </script>
- {/block}
|