123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>通知管理</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
- <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
- <style type="text/css">
- .seach_items {
- float: right;
- margin-left: 10px;
- }
- </style>
- <style type="text/css">
- .LAY-btns .layui-nav {
- padding-left: 0;
- padding-right: 10px;
- top: -4px;
- margin: 0 10px;
- border: 0;
- background-color: #009688;
- }
- .LAY-btns .layui-nav .layui-nav-item {
- line-height: 40px;
- }
- .LAY-btns .layui-nav .layui-nav-child {
- top: 34px;
- }
- .LAY-btns .layui-nav .layui-nav-bar {
- display: none;
- }
- .LAY-btns .layui-nav .layui-nav-child dd.layui-this a {
- color: #333;
- background-color: #fff;
- }
- .LAY-btns .layui-nav .layui-nav-child dd.layui-this a:hover {
- background-color: #f2f2f2;
- color: #000;
- }
- </style>
- </head>
- <body>
- <div class="layui-fluid">
- <div class="layui-card">
- <div class="layui-card-body" pad15>
- <div class="layui-row layui-col-space15">
- <div class="layui-col-md12">
- <div class="LAY-btns" style="margin-bottom: 10px;">
- <div class="layui-col-xs2">
- <button class="layui-btn" id="notices_add" ><i
- class="layui-icon layui-icon-add-circle"></i>添加
- </button>
- </div>
- <form class="layui-form" lay-filter="query-form-element1">
- <div class="seach_items">
- <button class="layui-btn" lay-submit lay-filter="query-form-element1"><i
- class="layui-icon layui-icon-search"></i>查询
- </button>
- </div>
- <div class="seach_items">
- <input type="text" name="title" autocomplete="off" class="layui-input"
- placeholder="标题"/>
- </div>
- </form>
- <div style="clear: both;"></div>
- </div>
- <table class="layui-hide" id="notices_datagrid" lay-filter="notices-operate"></table>
- <script type="text/html" id="notices-operate-bar">
- <div class="layui-btn-group">
- <a class="layui-btn layui-btn-xs" lay-event="notices_edit"
- >修改</a>
- </div>
- <div class="layui-btn-group">
- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="notices_del"
- >删除</a>
- </div>
- </script>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="../../layuiadmin/layui/layui.js?t=1"></script>
- <script>
- layui.config({
- base: '../../../layuiadmin/' //静态资源所在路径
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'table', 'form', 'upload'], function () {
- var $ = layui.$;
- var table = layui.table
- , form = layui.form
- , upload = layui.upload
- , admin = layui.admin;
- table.render({
- elem: '#notices_datagrid'
- , url: '/notices/'
- , cols: [[
- {field: 'title', title: '标题', width: 200}
- , {field: 'content', title: '内容', MinWidth: 150}
- , {field: 'create_time', title: '发布时间', width: 180}
- , {field: 'create_user_name', title: '发布人', width: 100}
- , {width: 130, align: 'center', fixed: 'right', toolbar: '#notices-operate-bar'}
- ]]
- , page: true
- , height: 'full-108'
- });
- //监听工具条
- table.on('tool(notices-operate)', function (obj) {
- var data = obj.data;
- if (obj.event === 'notices_del') {
- layer.confirm('确定要删除吗?', function (index) {
- layer.close(index);
- admin.req({
- url: '/notices/' + data.id + '/'
- , type: 'delete'
- , done: function (res) {
- table.reload('notices_datagrid', {});
- }
- });
- });
- } else if (obj.event === 'notices_edit') {
- table.editdata = data;
- layer.open({
- type: 2,
- title: '修改',
- shadeClose: false,
- area: ['50%', '50%'],
- btn: ['保存', '取消'],
- yes: function (index, dom) {
- layui.onSubmitChild = function (data) {
- layer.close(index);
- table.reload('notices_datagrid', {});
- };
- layui.submitChild();
- },
- btn2: function (index, layero) {
- layer.close(index);//关闭当前按钮
- },
- content: 'edit.html?id=' + data.id
- });
- }
- });
- form.on('submit(query-form-element1)', function (data) {
- table.reload('notices_datagrid', {
- where: data.field
- , page: {curr: 1}
- });
- layer.closeAll();
- return false
- });
- $('#notices_add').on('click', function () {
- layer.open({
- type: 2,
- title: '添加',
- area: ['50%', '50%'],
- btn: ['保存', '取消'],
- yes: function (index, dom) {
- layui.onSubmitChild = function (data) {
- layer.close(index);
- table.reload('notices_datagrid', {});
- };
- layui.submitChild();
- },
- btn2: function (index, layero) {
- layer.close(index);//关闭当前按钮
- },
- content: 'edit.html'
- });
- });
- });
- </script>
- </body>
- </html>
|