
<!DOCTYPE html>

<script>alert('您暂时不能浏览该页面，请先登录');location.href='login.html';</script><html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>优化文章后台</title>
  <link rel="stylesheet" href="layui/css/layui.css">
  <script src="layui/layui.js"></script>
  <script type="text/javascript" src="/js/jquery.min.js"></script>
  <script src="js/wz.js"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header ">
    <div class="layui-logo layui-hide-xs layui-bg-black">川蜀优化</div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav  layui-layout-left">
      <!-- 移动端显示 -->
      <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
        <i class="layui-icon layui-icon-spread-left"></i>
      </li>
      
     <li class="layui-nav-item layui-hide-xs"><a href="index.php">首页</a></li>
     <li class="layui-nav-item layui-hide-xs"><a href="addwz.php">发布文章</a></li>
    
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
        <a href="javascript:;">
          <img src="images/logo.png" class="layui-nav-img">
          
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">个人中心</a></dd>
          <dd><a href="">设置</a></dd>
          <dd><a href="login.html">退出</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:;">
          <i class="layui-icon layui-icon-more-vertical"></i>
        </a>
      </li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree" lay-filter="test">
        <script type="text/javascript" src="yhleft.js"></script>
      </ul>
    </div>
  </div>
 
  <div class="layui-body">
    <!-- 内容主体区域 -->
	
    <div style="padding: 15px;">
	
   <form class="layui-form xbs" action="" >
        <div class="layui-form-pane">
            <div class="layui-form-item" style="display: inline-block;">
                <div class="layui-input-inline">
                    <input type="text" name="name"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn"   lay-submit lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
                </div>
            </div>
        </div>
    </form>


<table class="layui-hide" id="demo" lay-filter="test"></table>

  </div>
 <script type="text/html" id="barDemo">
  <a></a>
    <a class ="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
	  
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    <!-- 底部固定区域 -->
	<div id="test3"></div>
  </div>
</div>

<script>
//JS 

 
 layui.config({
        version: '1598935358933' //为了更新 js 缓存，可忽略
    });

    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function(){
        var layer = layui.layer //弹层
            ,table = layui.table //表格
            ,element = layui.element //元素操作
        //监听Tab切换
        element.on('tab(demo)', function(data){
            layer.tips('切换了 '+ data.index +'：'+ this.innerHTML, this, {
                tips: 1
            });
        });

        //执行一个 table 实例
        table.render({
            elem: '#demo'
			,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,url: 'data.php'//数据接口
            ,parseData: function(res){ //res 即为原始返回的数据
                    console.log(res)
            }
            ,title: '用户表'
            ,page: true //开启分页
            ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            ,totalRow: false //开启合计行
            ,cols: [[ //表头
                {type: 'checkbox', fixed: 'left'}
                ,{field: 'id', title: 'ID',  sort: true, fixed: 'left', totalRowText: '合计：',align:'center'}
                ,{field: 'xcx', title: '小程序',sort: true,align:'center'}
				,{field: 'name', title: '名称', align:'center'}
                ,{field: 'email', title: '邮箱',   totalRow: true,align:'center'}
                ,{field: 'bz', title: '病种',  totalRow: true,align:'center'}
                ,{field: 'gm', title: '负责人',align:'center'}
                ,{field: 'gmw', title: '管理员微信',align:'center' }
                ,{fixed: 'right', title: '操作', align:'center', toolbar: '#barDemo'}
            ]]
        });

        //监听头工具栏事件
        table.on('toolbar(test)', function(obj){
            var checkStatus = table.checkStatus(obj.config.id)
                ,data = checkStatus.data; //获取选中的数据
            switch(obj.event){
                case 'add':
                    layer.msg('添加');
                    break;
                case 'update':
                    if(data.length === 0){
                        layer.msg('请选择一行');
                    } else if(data.length > 1){
                        layer.msg('只能同时编辑一个');
                    } else {
                        layer.alert('编辑 [id]：'+ checkStatus.data[0].id);
                    }
                    break;
                case 'delete':
                    if(data.length === 0){
                        layer.msg('请选择一行');
                    } else {
                        layer.msg('删除');
                    }
                    break;
            };
        });

        //监听行工具事件
        table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                ,layEvent = obj.event; //获得 lay-event 对应的值
            if(layEvent === 'detail'){
                layer.msg('查看操作');
            } else if(layEvent === 'del'){
                layer.confirm('真的删除行么', function(index){
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                });
            } else if(layEvent === 'edit'){
                layer.msg('编辑操作');
            }
        });

    });
	
	  //搜索
	    form.on('submit(search)',function (data) {
	        uname =data.field.uname;
	        table.reload('userList',{
	            where: {'uname':uname}
	        });
	        return false;
	    });
 
</script>
</body>
</html>
