123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 |
- <div class="layui-fluid">
- <div class="layui-card">
- <div class="layui-form layui-form-pane layui-card-header layuiadmin-card-header-auto"
- lay-filter="LAY-trainjoin-index-search">
- <div class="layui-form-item">
- <div class="layui-inline">
- <label class="layui-form-label">标题</label>
- <div class="layui-input-block">
- <input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
- </div>
- </div>
- <div class="layui-inline">
- <label class="layui-form-label">联系人</label>
- <div class="layui-input-block">
- <input type="text" name="contact" placeholder="请输入联系人或联系电话" autocomplete="off" class="layui-input">
- </div>
- </div>
- <div class="layui-inline">
- <label class="layui-form-label">状态</label>
- <div class="layui-input-block">
- <select name="status">
- <option value="">全部状态</option>
- <option value="1">显示</option>
- <option value="2">隐藏</option>
- </select>
- </div>
- </div>
- <div class="layui-inline">
- <button class="layui-btn" lay-submit lay-filter="LAY-train-index-btn">
- <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
- </button>
- </div>
- </div>
- </div>
- <div class="layui-card-body">
- <div style="padding-bottom: 10px;">
- <button class="layui-btn layuiadmin-btn" data-type="add">添加</button>
- <button class="layui-btn layuiadmin-btn" data-type="post">海报</button>
- </div>
- <table id="LAY-train-index-table" lay-filter="LAY-train-index-table"></table>
- <script type="text/html" id="setTpl">
- <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i
- class="layui-icon layui-icon-edit"></i>编辑</a>
- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i
- class="layui-icon layui-icon-delete"></i>删除</a>
- </script>
- </div>
- </div>
- </div>
- <script>
- layui.config({
- base: '/static/echoui/' //静态资源所在路径
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'form', 'set', 'table'], function () {
- var $ = layui.$,
- setter = layui.setter,
- admin = layui.admin,
- form = layui.form,
- table = layui.table;
- form.render();
- table.render({
- elem: '#LAY-train-index-table',
- url: setter.baseAdminUrl + 'train/list',
- cols: [
- [
- {field: 'title', title: '标题', edit: 'text'},
- {field: 'contact', width: 120, title: '联系人', edit: 'text'},
- {field: 'mobile', width: 120, title: '联系电话', edit: 'text'},
- {field: 'address', title: '联系地址', edit: 'text'},
- {field: 'priority', width: 80, title: '排序', sort: true, edit: 'text'},
- {field: 'status_text', width: 80, title: '状态', minWidth: 80, align: 'center'},
- {title: '操作', width: 150, align: 'center', fixed: 'right', toolbar: '#setTpl'}
- ]
- ],
- page: true,
- limit: 50,
- cellMinWidth: 150,
- text: '对不起,加载出现异常!'
- });
- //事件
- var active = {
- add: function () {
- var index = layer.open({
- type: 2,
- title: '添加分类',
- content: 'form.html?id=0',
- maxmin: true,
- area: ['550px', '550px']
- });
- layer.full(index);
- },
- post: function() {
- var index = layer.open({
- type: 2,
- title: '海报',
- content: 'post.html',
- maxmin: true,
- area: ['550px', '550px']
- });
- layer.full(index);
- }
- };
- form.on('submit(LAY-train-index-btn)', function(data) {
- table.reload('LAY-train-index-table', {
- where: data.field,
- page: {
- curr: 1
- }
- });
- });
- //监听单元格编辑
- table.on('edit(LAY-train-index-table)', function (obj) {
- var id = obj.data.id,
- field = obj.field,
- value = obj.value;
- admin.req({
- url: setter.baseAdminUrl + 'train/field',
- data: {id: id, field: field, value: value},
- done: function (res) {
- layer.msg('修改成功');
- layui.table.reload('LAY-train-index-table');
- }
- });
- });
- //监听工具条
- table.on('tool(LAY-train-index-table)', function (obj) {
- var data = obj.data;
- if (obj.event === 'del') {
- layer.confirm('确定删除此分类吗?', function (index) {
- admin.req({
- url: setter.baseAdminUrl + 'train/del',
- data: {
- id: data.id
- },
- done: function (res) {
- obj.del();
- layer.msg('已删除');
- }
- });
- layer.close(index);
- });
- } else if (obj.event === 'edit') {
- var index = layer.open({
- type: 2,
- title: '编辑分类',
- content: 'form.html?id=' + data.id,
- maxmin: true,
- area: ['550px', '550px']
- });
- layer.full(index);
- }
- });
- $('.layui-btn.layuiadmin-btn').on('click', function () {
- var type = $(this).data('type');
- active[type] ? active[type].call(this) : '';
- });
- });
- </script>
|