lay.html - E5 - OneManager

Home / E5 / Theme / lay.html

lay.html

download

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name=viewport content="width=device-width,initial-scale=1">
        <title>测试</title>
        <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
        <link href="files/mslogo.png" rel="icon" type="image/png">
        <style type="text/css">
            .layui-table-cell {
                height: auto;
                line-height: 28px;
            }
        </style>
    </head>
    <body class="layui-layout-body" style="overflow-y:visible;background: #fff;">
        <div class="layui-form">
            <blockquote class="layui-elem-quote quoteBox">
                <div class="layui-inline" style="margin-left: 2rem;">
                    <select name="account" id="account" lay-filter="account">
                        <option value="">Account Select</option>
                    </select>
                </div>
                <div class="layui-inline" style="margin-left: 2rem;">
                    <a class="layui-btn" id="setup"><i class="layui-icon layui-icon-set"></i> 后台管理</a>
                </div>
                <div class="layui-inline" style="margin-left: 2rem;">  
                    <a class="layui-btn" id="logout"><i class="layui-icon layui-icon-logout"></i> 注销登录</a>
                </div>
            </blockquote>
        </div>
        <table class="layui-hide" id="table" lay-filter="table">
        </table>
        <!--<div id="addsubscribe" class="layui-form layui-form-pane" style="display: none;margin:1rem 3rem;">
            <form class="layui-form">
                <input type="hidden" class="layui-input" id="user_email" name="user_email" required lay-verify="required">
                <input type="hidden" class="layui-input" id="usageLocation" name="usageLocation" required lay-verify="required">
                <input type="hidden" class="layui-input" id="assignedLicenses" name="assignedLicenses" required lay-verify="required">
                <div class="layui-form-item">
                    <label class="layui-form-label">许可证</label>
                    <div class="layui-input-inline">
                        <input type="checkbox" name="sku1" lay-filter="subscribe_sku" title="" value="" lay-skin="primary">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="submitaddsubscribe" id="submitaddsubscribe" type="button">立即提交</button>
                    </div>
                </div>
            </form>
        </div>-->
        <script type="text/html" id="buttons">
{{# if(d.accountEnabled!=true){}}
            <a class="layui-btn layui-btn layui-btn-xs" lay-event="accountactive">允许登录</a>
{{# } else { }}
            <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="accountinactive">禁止登录</a>
{{# } }}
{{# if(d.isGlobalAdmin!=true){}}
            <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="setuserasadminbyid">设为管理</a>
{{# } else { }}
            <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="deluserasadminbyid">取消管理</a>
{{# } }}
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        </script>
        <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
        <script type="text/javascript" charset="utf-8">
            layui.use(["table", "form", "layer"], function(){
                var table = layui.table;
                var form = layui.form;
                var layer = layui.layer;
                table.render({
                    elem: "#table",//表格id
                    //url:"?a=getusers&account=' . $_SERVER['disktag'] . '",//list接口地址
                    cellMinWidth: 60,//全局定义常规单元格的最小宽度
                    height: "full-100",
                    loading: true,
                    data: [
                        {
                            "displayName": "a",
                            "userPrincipalName": "a@b.com",
                            "accountEnabled": true,
                        },
                        {
                            "displayName": "b",
                            "userPrincipalName": "b@b.com",
                            "accountEnabled": false,
                        }
                    ],
                    cols: [[
                        //align属性是文字在列表中的位置 可选参数left center right
                        //sort属性是排序功能
                        //title是这列的标题
                        //field是取接口的字段值
                        //width是宽度，不填则自动根据值的长度
                        {field:"displayName", title: "displayName", align: "center"},
                        {field:"userPrincipalName", title: "账号", align: "center", templet: function(d){
                            /*if(d.userPrincipalName){
                                return d.userPrincipalName;
                            }else{
                                return "-";
                            }*/
                            if(d.accountEnabled == true){
                                return d.userPrincipalName;
                            }else{
                                return '<a lay-event="accountactive"><span style="color:red;">' + d.userPrincipalName + '</span></a>';
                            }
                        }},
                        {field:"accountEnabled", title: "账户状态", align: "center", templet: function(d){
                            /*if(d.accountEnabled == true){
                                return '<span style="color:#99CC00">正常</span>';
                            }else{
                                return '<span style="color:red;">禁用</span>';
                            }*/
                            let s = '<input type="checkbox" lay-skin="switch" lay-text="正常|禁用" lay-filter="accountactive"';
                            if(d.accountEnabled == true){
                                s += ' checked lay-event="accountinactive"';
                            }else{
                                s += ' lay-event="accountactive"';
                            }
                            s += '>';
                            return s;
                        }},
                        {/*fixed:\'right\',*/title: "操作", /*width: 280,*/width: 220, align:"center", toolbar: "#buttons"}
                    ]]
                });
                table.on("tool(table)", function(obj){
                    if(obj.event === "del"){
                        layer.confirm("真的删除 " + obj.data.userPrincipalName + " 吗", function(index){
                            $.post("?a=admin_delete&account=' . $_SERVER['disktag'] . '",{email:obj.data.userPrincipalName,id:obj.data.id},function(res){
                                if (res.code == 0) {
                                    obj.del();//删除表格这行数据
                                }
                                layer.msg(res.msg);
                            },"json");
                        });
                    }
                    if(obj.event === "accountactive"){
                        layer.msg(obj.data.userPrincipalName);
                        /*layer.confirm("允许 " + obj.data.userPrincipalName + " 登录?", function(index){
                            $.post("?a=invitation_code_activeaccount&account=' . $_SERVER['disktag'] . '",{email:obj.data.userPrincipalName},function(res){
                                if (res.code == 0) {
                                    layer.closeAll();
                                    layui.use("table", function(){
                                        var table = layui.table;
                                        table.reload("table", { //表格的id
                                            url:"?a=getusers&account=' . $_SERVER['disktag'] . '",
                                        });
                                    })
                                }
                                layer.msg(res.msg);
                            },"json");
                        });*/
                    }
                    if(obj.event === "accountinactive"){
                        layer.msg(obj.data.userPrincipalName);
                        /*layer.confirm("禁止 " + obj.data.userPrincipalName + " 登录?", function(index){
                            $.post("?a=invitation_code_inactiveaccount&account=' . $_SERVER['disktag'] . '",{email:obj.data.userPrincipalName},function(res){
                                if (res.code == 0) {
                                    layer.closeAll();
                                    layui.use("table", function(){
                                        var table = layui.table;
                                        table.reload("table", { //表格的id
                                            url:"?a=getusers&account=' . $_SERVER['disktag'] . '",
                                        });
                                    })
                                }
                                layer.msg(res.msg);
                            },"json");
                        });*/
                    }
                });
                table.on("switch(table)", function(obj){
                    if(obj.event === "accountactive"){
                        layer.msg(obj.data.userPrincipalName);
                    }
                    if(obj.event === "accountinactive"){
                        layer.msg(obj.data.userPrincipalName);
                    }
                });
            });
    </script>
</html>

This file is foot.omf, and valine in it.

2022-07-04 16:43:43 Monday 34.239.147.7 Runningtime:0.762s Mem:438.63 KB