locky
/
AnsjerUIDManage


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<!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,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="./js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/admin.js"></script>
    <script type="text/javascript" src="./js/jquery_cookie_min.js"></script>
    <script type="text/javascript" src="./js/jqhttpsdk.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
<body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">用户管理</a>
            <a>
                <cite>用户信息</cite>
            </a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>

    <div class="x-body">
        <xblock>
            <button class="layui-btn" onclick="x_admin_show('添加用户', './admin-add.html')">
                <i class="layui-icon"></i>添加
            </button>
        </xblock>
        <table id="userlist" lay-filter="userlist"></table>
    </div>

<script>
    function print(data) {
        console.log(data)
    }
    layui.use(['table', 'layer', 'form', 'laydate'], function () {
        var table = layui.table;
        var $ = jQuery = layui.$;

        var tableInstance = table.render({
            elem: '#userlist',
            height: 'full',
            url: http_ip_port + '/user/list',
            page: true,
            limit: 10,
            cols: [[
                {title: '序号', templet: '#indexTpl'},
                {field: 'username', title:'用户', width: 250},
                {field: 'permission', title:'角色', width: 250, templet:'#role'},
                {field: 'login_time', title:'上次登录时间', width: 250, templet: '#login_time'},
                {field: 'add_time', title:'加入时间', width: 250, templet: '#add_time'},
                {title: '操作', templet: '#ListBar', fixed: "right", align: "center"}
            ]],
            where:{token:$.cookie('access_token')},
            parseData:function (res) {
                console.log(res);
                return {
                    "code": res['code'],
                    "msg": res['msg'],
                    "count": res['res']['count'],
                    "data": res['res']['data'],
                }
            }
        });

        table.on('tool(userlist)', function (obj) {

            var layEvent = obj.event;
            var data = obj.data;
            console.log(data);
            if(layEvent === 'edit'){
                var url = './admin-edit.html?username=' + data.username + "&role=" + data.permission;
                x_admin_show('编辑用户', url);
            }else if(layEvent === 'del'){ //删除
                layer.confirm('确定删除\r\n' + data.username + '？', {icon: 3, title:'提示信息'}, function (index) {
                    $.post(
                        http_ip_port + '/user/adminDelete',
                        {
                            username: data.username,
                            token: $.cookie('access_token')
                        },
                        function (res) {
                            res = JSON.parse(res);
                            if(res.code === 0) {
                                tableInstance.reload();
                                layer.close(index)
                            }else {
                                layer.msg(res.code)
                            }
                        }
                    );
                });
            }else if(layEvent === 'reset'){
                layer.confirm('确定重置\r\n' + data.username + '的密码吗？', {icon: 3, title:'提示信息'}, function (index) {
                    $.post(
                        http_ip_port + '/user/adminReset',
                        {
                            username: data.username,
                            token: $.cookie('access_token')
                        },
                        function (res) {
                            res = JSON.parse(res);
                            if(res.code === 0) {
                                layer.msg('重置成功！')
                                tableInstance.reload();
                                layer.close(index);
                            }else{
                                layer.msg(res.msg);
                            }
                        }
                    );
                });
            }

        });
    });
</script>

<script type="text/html" id="indexTpl">
    {{ d.LAY_TABLE_INDEX+1 }}
</script>
<script type="text/html" id="ListBar">
    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="reset">重置密码</a>
    <!--<a class="layui-btn layui-btn-xs layui-btn-primary" lay-event="look">预览</a>-->
</script>
<script type="text/html" id="role">
    {{# if(d.permission == 0) { }}
        <span class="ayui-green">管理员</span>
    {{# } else{ }}
        <span class="ayui-green">生产人员</span>
    {{# } }}
</script>

<script type="text/html" id="login_time">
    {{#
    var fun = function formatDate(date) {
    var date = new Date(date);
    var YY = date.getFullYear() + '-';
    var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
    var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
    var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
    var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
    var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
    return YY + MM + DD +" "+hh + mm + ss;
    };
    }}
    <span class="layui-green">{{ fun(d.login_time * 1000) }}</span>
</script>

<script type="text/html" id="add_time">
    {{#
    var fun = function formatDate(date) {
    var date = new Date(date);
    var YY = date.getFullYear() + '-';
    var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
    var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
    var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
    var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
    var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
    return YY + MM + DD +" "+hh + mm + ss;
    };
    }}
    <span class="layui-green">{{ fun(d.add_time * 1000) }}</span>
</script>
</body>

</html>