Project-Wing
/
vStationURM


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
							<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" type="text/css" href="../Js/layui/css/layui.css" />
    <meta charset="utf-8" />
    <title>User List</title>
    <style>
        body {
            font-family: 'Microsoft YaHei';
        }
    </style>
</head>
<body>
    <script src="../Js/layui/layui.all.js"></script>
    <script src="../Js/Common.js"></script>
    <script type="text/html" id="myToolbar">
        <div class="layui-input-inline">
            <i class="layui-icon layui-icon-add-1" style="font-size: 26px;cursor:pointer;" title="{{ window.top.layui.translater('Create')}}" id="add"></i>
        </div>
        <div class="layui-input-inline">
            <i class="layui-icon layui-icon-delete" style="font-size: 26px;cursor:pointer;" title="{{ window.top.layui.translater('Delete')}}" lay-event="deleteSelected"></i>
        </div>
    </script>
    <script type="text/html" id="myBar">
        <i class="layui-icon layui-icon-edit" style="font-size: 26px;cursor:pointer;" title="{{ window.top.layui.translater('Edit')}}" lay-event="edit"></i>
    </script>
    <table id="userTable" lay-filter="userTable" style="width:100%"></table>
    <script>
        var param = layui.getParams();
        var lang = param.lang;
        if (!layui.isEmpty(lang)) {
            layui.setCurrentLan(lang);
        }
        var table = layui.table;
        var tableId;
        var cols = [[
            { type: 'checkbox', fixed: 'left', field: 'id' }
            , { field: 'name', title: layui.translater("Name") }
            , {
                field: 'role', title: layui.translater("Role"), templet: function (d) {
                    switch (d.role) {
                        case 0:
                            return layui.translater("User");
                            break;
                        case 1:
                            return layui.translater("Seller");
                            break;
                        case 2:
                            return layui.translater("Admin");
                            break;
                    }
                }
            }
            , { fixed: 'right', minWidth: 135, align: 'center', toolbar: '#myBar' }
        ]];
        var toolfuns = new Object();
        toolfuns.toolfun = function (name, data) {
            switch (name) {
                case "edit":
                    layer.open({
                        type: 2
                        , offset: 'auto'
                        , title: ' '
                        , shade: 0
                        , area: ['360px', '380px']
                        , id: 'editUserForm' //设定一个id，防止重复弹出
                        , moveType: 0 //拖拽模式，0或者1
                        , content: '/Views/editUser.html?json=' + encodeURIComponent(JSON.stringify(data))
                        , done: function () {
                            loadPage();
                        }
                    });
                    break;
            }
        }
        toolfuns.toolbarfun = function (name, data) {
            switch (name) {
                case "deleteSelected":
                    var ids = [];
                    layui.$.each(data, function (index, item) {
                        ids.push(item.id);
                    });
                    if (ids.length > 0) {
                        layer.confirm(layui.translater("DeleteConfirm"), { btn: [layui.translater("Confirm"), layui.translater("Cancel")], title: layui.translater("Reminder") }, function (index) {
                            layui.doPost("/CloudDisk/User/DeleteUser", { ids }
                                , function (res) {
                                    if (res.msg) {
                                        layui.layer.alert(res.msg);
                                    }
                                    loadPage();
                                    layer.close(index);
                                }, function (xhr, ts) {
                                    layer.close(index);
                                }, function (xhr, err, errthrowd) {
                                    layui.layer.alert(err);
                                    layer.close(index);
                                });
                        });
                    }
                    break;
            }
        }
        tableId = layui.showTable("#userTable", "#myToolbar", "/CloudDisk/user/GetUserList", cols, { statusCode: 200, limit: 17 },
            function (res) {
                return {
                    "code": 200, //解析接口状态
                    "msg": layui.translater("RequestSuccessful"), //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data //解析数据列表
                }
            },
            toolfuns,
            function () {
                layui.$(".layui-laypage-skip").remove();
                layui.$(".layui-laypage-limits").remove();
            }
        );
        layui.elementOn("#add", "click", function () {
            layer.open({
                type: 2
                , offset: 'auto'
                , title: ' '
                , shade: 0
                , closeBtn: false
                , area: ['360px', '380px']
                , id: 'addUserForm' //设定一个id，防止重复弹出
                , moveType: 0 //拖拽模式，0或者1
                , content: '/Views/addUser.html'
                , done: function () {
                    loadPage();
                }
            });
        });

        function loadPage() {
            layui.tableReload(tableId, { page: { curr: 1 }})
        } 
    </script>
</body>
</html >