| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>layui</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, maximum-scale=1">
- <link rel="stylesheet" href="/static/public/layui/css/layui.css" media="all">
- <link rel="stylesheet" href="/static/public/font-awesome/css/font-awesome.min.css" media="all"/>
- <link rel="stylesheet" href="/static/admin/css/admin.css" media="all">
- <style type="text/css">
- /* tooltip */
- #tooltip {
- position: absolute;
- border: 1px solid #ccc;
- background: #333;
- padding: 2px;
- display: none;
- color: #fff;
- }
- .tooltip > img{
- width: 20px;
- height: 20px;
- }
- </style>
- </head>
- <body style="padding:10px;">
- <div class="tplay-body-div">
- <div class="layui-tab">
- <ul class="layui-tab-title">
- <li class="layui-this">列表</li>
- <li><a href="{:url('publish')}" class="a_menu">新增</a></li>
- </ul>
- </div>
-
- <script type="text/html" id="toolbarDemo">
- <div class="layui-btn-container">
- <button class="layui-btn layui-btn-danger layui-btn-sm" lay-event="deletes">批量删除</button>
- </div>
- </script>
- <form class="layui-form serch" action="index" method="post">
- <div class="layui-form-item" style="float: left;">
- <div class="layui-input-inline">
- <input type="text" name="ids" autocomplete="off" placeholder="请输入ID,多个id逗号分隔" class="layui-input layui-btn-sm">
- </div><div class="layui-input-inline">
- <input type="text" name="name" autocomplete="off" placeholder="名字（模糊搜索）" class="layui-input layui-btn-sm">
- </div><div class="layui-input-inline">
- <input type="text" name="head_pic" autocomplete="off" placeholder="头像（模糊搜索）" class="layui-input layui-btn-sm">
- </div><div class="layui-input-inline" style="width:100px">
- <input type="number" name="sex" autocomplete="off" placeholder="性别" class="layui-input layui-btn-sm">
- </div><div class="layui-input-inline">
- <input type="text" name="desc" autocomplete="off" placeholder="简介（模糊搜索）" class="layui-input layui-btn-sm">
- </div><div class="layui-input-inline">
- <input type="text" name="consultation_direction" autocomplete="off" placeholder="咨询方向（模糊搜索）" class="layui-input layui-btn-sm">
- </div><div class="layui-input-inline" style="width:100px">
- <input type="number" name="address_id" autocomplete="off" placeholder="地址" class="layui-input layui-btn-sm">
- </div>
- <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="serch">立即提交</button>
- </div>
- </form>
- <script type="text/html" id="barDemo">
- <div class="layui-btn-group">
- <button class="layui-btn layui-btn-xs a_menu" lay-event="edit"><i class="layui-icon" style="margin-right: 0;"></i></button>
- <button class="layui-btn layui-btn-xs delete" lay-event="del"><i class="layui-icon" style="margin-right: 0;"></i></button>
- </div>
- </script>
-
- <table class="layui-table" id="table" lay-filter="table"></table>
- {include file="public/foot"}
- <script type="text/javascript">
- layui.use(['table', 'layer', 'form','laydate'], function () {
- var table = layui.table,
- form = layui.form,
- layer = layui.layer;
- var laydate = layui.laydate;
- //第一个实例
- table.render({
- id: 'table'
- , elem: '#table'
- , size: 'sm' //小尺寸的表格
- , toolbar: '#toolbarDemo'
- , limit: 15
- , limits: [15, 20, 30, 40, 50, 100]
- , url: "{:url('index')}" //数据接口
- , page: true //开启分页
- , cols: [[ //表头
- {type: 'checkbox'},
- {field: 'id', title: 'ID', width: 60},
- {field: "name", title: '名字'},
- {field: "head_pic", title: '头像'},
- {field: "sex", title: '性别'},
- {field: "desc", title: '简介'},
- {field: "consultation_direction", title: '咨询方向'},
- {field: "address_id", title: '地址'},
- {field: 'action', title: '操作', toolbar: '#barDemo', fixed: 'right'}
- ]],
- done: function () {
- if (isExitsFunction('showThumb')) {
- showThumb()
- }
- }
- });
-
- form.on('submit(serch)', function (data) {
- table.reload('table', {
- where: data.field
- , page: {
- curr: 1 //重新从第 1 页开始
- }
- });
- return false;
- });
- table.on('tool(table)', function (obj) {
- if (obj.event == 'edit') {
- window.parent.tab.tabAdd({
- icon: "fa-bookmark",
- id: "tplay_specialist" + obj.data.id,
- title: obj.data.title == null ? "专家" + obj.data.id : obj.data.title,
- url: "/admin/specialist/publish?id=" + obj.data.id
- });
- }
- else if (obj.event == 'del') {
- layer.confirm('确定要删除?', function (index) {
- $.ajax({
- url: "{:url('delete')}",
- dataType: 'json',
- data: {id: obj.data.id},
- success: function (res) {
- layer.msg(res.msg);
- if (res.code == 1) {
- table.reload('table');
- }
- }
- })
- })
- }
- });
- //监听事件
- table.on('toolbar(table)', function (obj) {
- if (obj.event == 'deletes') {
- var checkStatus = table.checkStatus(obj.config.id);//获取选中的数据
- var data = checkStatus.data;
- if (data.length > 0) {
- var ids = [];//数组
- data.forEach(function (item, key) {
- ids[key] = item.id;
- })
- layer.confirm('是否删除？', function (index, layero) {
- $.ajax({
- url: "{:url('deletes')}",
- dataType: 'json',
- data: {"ids": ids},
- type: 'post',
- success: function (res) {
- layer.msg(res.msg);
- if (res.code == 1) {
- table.reload('table');
- }
- }
- })
- layer.close(index)
- });
- } else {
- layer.msg('请先勾选需要操作的记录');
- }
- }
- });
- });
- </script>
-
- </div>
- </body>
- </html>
|
