@{
    ViewData["Title"] = "郵件群組資料維護";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<style type="text/css">
    .layui-table-main .layui-table-cell {
        /*height: auto !important;*/
        white-space: normal;
    }

    .layui-table img {
        max-width: 60px;
        max-height: 28px;
    }

    .layui-tree-main {
        cursor: pointer;
        padding-right: 10px;
        float: left;
        border-width: 1px;
        border-style: solid;
        border-color: #e6e6e6;
        margin: 10px 0;
    }
</style>

<div class="layui-card">
    <div class="layui-card-header">
        <div class="layui-form">
            <div class="layui-form-item ">
                <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div>
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        <div class="layui-form" style="margin-bottom:5px;">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <button type="button" id="btnAdd" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">&#xe654;</i>新增</button>
                </div>
                <div class="layui-inline" style="margin-right:0px;">
                    <label class=" layui-inline layui-form-label" style="width:120px;">请選擇MAIL群組</label>
                    <div class="layui-input-inline" width:400px;">
                        <select id="group" lay-filter="group" lay-submit asp-items="@ViewBag.MailGroupList">
                            <option value="">全部</option>
                        </select>
                    </div>
                    <input id="groupId" type="hidden" name="groupId" />
                </div>
                <div class="layui-inline" style="margin-left:0px;">
                    <div class="layui-btn-group">
                        <button id="btnSearch" class="layui-btn layui-btn-sm layui-btn-normal">
                            <i class="layui-icon layui-icon-sm">&#xe615;</i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>

@section Scripts{
    <script type="text/javascript">

        var treeTable;
        layui.config({
            base: '../lib/layui_ext/'
        }).extend({
            treeTable: 'treetable/treeTable'
        }).use(['treeTable'], function () {
            treeTable = layui.treeTable;
            treeTable.on('tool(test)', function (obj) {
                if (obj.event == 'edit') {
                    //alert(obj.data);
                    hg.open('修改郵件群組資料', '/BAS/BAS016U/' + obj.data.mailID, 480, 480);
                    
                }
                if (obj.event == 'del') {
         
                        hg.confirm("确定要删除吗?", function () {
                            $.ajax({
                                url: '/BAS/BAS016D',
                                data: { id: obj.data.mailID },
                                type: 'POST',
                                success: function (data) {
                                    if (data.success) {
                                        obj.del(); //只删本地数据
                                        hg.msghide("删除成功!");
                                    }
                                    else {
                                        hg.msg(data.msg);
                                    }
                                },
                                error: function () {
                                    hg.msg("网络请求失败!");
                                }
                            });
                        });
                    
                }
            });
            form.on('select(group)', function (data) {
               // alert("select yessss!!");
                $("#groupId").val(data.value);
                $('#btnSearch').click();
            });
        });

        function request(aa) {
                //alert(aa + 're');
                hg.request('/BAS/GetMailDetailByGId/' + aa , function (result) {
                data = result.data;
                init(data);
            });
        }

        var data = [];
        $(document).ready(function () {
            var aa = $("#groupId").val();
            //alert(aa);
            request(aa);
        });
        //通过table定义reload刷新列表,update本地填充一条数据
        var TABLE = function () {
            return {
                reload: function () {
                    var aa = $("#groupId").val();
                    request(aa);
                },
                update: function (d) {
                    var model = $.parseJSON(d);
                    var up = false;
                    layui.each(data, function (i, d) {
                        if (d.id == model.id) {
                            data[i] = model;
                            up = true;
                            return false;
                        }
                    });
                    up || data.push(model);
                    init(data);
                }
            }
        }
        var insTb;
        function init(data) {
            insTb = treeTable.render({
                elem: '#test',
                height: 'full-180',
                text: {
                    none: '<div style="padding: 18px 0;">暂无数据</div>'
                },
                data: data,
                tree: {
                    iconIndex: -1,
                    isPidData: false,
                    idName: 'mailID'
                },
                cols: [
                {
                    field: 'mailID',
                    width: 80,
                    title: '#',
                    sort: true
                },
                //{
                //    field: 'user',
                //    width: 200,
                //    title: '工號'
                //    ,
                //    templet: function (d) {
                //        return d.user['userNo'];
                //    }
                //},
                {
                    field: 'userNo',
                    width: 100,
                    title: '工號'
                },
                {
                    field: 'userName',
                    width: 100,
                    title: '使用者'
                },
                {
                    field: 'groupName',
                    width: 250,
                    title: 'MAIL群組'
                },
                //{
                //    field: 'group',
                //    width: 250,
                //    title: 'MAIL群組'
                //    ,
                //    templet: function (d) {
                //        return d.group['groupDesc'];
                //    }
                //},
                //{
                //    field: 'user',
                //    title: '使用者MAIL'
                //    ,
                //    templet: function (d) {
                //        return d.user['userEMail'];
                //    }
                //},
                {
                    field: 'userEMail',
                    title: '使用者MAIL'
                },
                {
                    align: 'center', title: '操作',
                    templet: function (item) {
                        var btns = '';
                        btns = btns + '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>';
                        btns = btns + '<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>';

                        return btns;
                    }
                }
                ],
                style: 'margin-top:0;',
                done: function () {
                }
            });
            insTb.expandAll();
        }
        var table = new TABLE();
        //搜索
        $('#btnSearch').click(function () {

            hg.msghide("刷新数据!");
            var aa = $("#groupId").val();
            request(aa);
        })

        $('#btnAdd').click(function () {
            hg.open('新增郵件群組資料', '/BAS/BAS016C', 480, 480);
        });

        ////layui.use(['form', 'layer'], function () {
        ////    form = layui.form;

        ////    form.on('select(group)', function (data) {
        ////        $("#groupId").val(data.value);

        ////        var qs = $('button[lay-filter="querysubmit"]');
        ////        qs.click();

        ////        hg.msghide("刷新数据!");
        ////        table && table.reload();
        ////    });
        ////    form.on("select(agentName)", function (obj) {
        ////        if (
        ////            obj.elem.value == "" ||
        ////            $(obj.elem).data("value") == obj.elem.value
        ////        ) {//当值没改变则不请求
        ////            return;
        ////        }
        ////        updateCallLog([
        ////            {
        ////                id: $(obj.elem).data("id"),
        ////                agentName: obj.elem.value,
        ////            },
        ////        ]);
        ////        $(obj.elem).data("value", obj.elem.value);
        ////    });

        ////});

        //////监听表单提交事件
        ////hg.form.onsubmit('querysubmit', function (data) {
        ////    hg.msghide("重新加载数据..");
        ////    table && table.reload(data);
        ////});

        ////var tableCols = [[
        ////    {
        ////        field: 'mailID',
        ////        width: 100,
        ////        title: '#',
        ////        sort: true
        ////    },
        ////    {
        ////        field: 'user',
        ////        width: 200,
        ////        title: '工號'
        ////        ,
        ////        templet: function (d) {
        ////            return d.user['userNo'];
        ////        }
        ////    },
        ////    {
        ////        field: 'group',
        ////        width: 250,
        ////        title: 'MAIL群組'
        ////        ,
        ////        templet: function (d) {
        ////            return d.group['groupDesc'];
        ////        }
        ////    },
        ////    {
        ////        field: 'user',
        ////        title: '使用者MAIL'
        ////        ,
        ////        templet: function (d) {
        ////            return d.user['userEMail'];
        ////        }
        ////    },
        ////    {
        ////        field: 'right',
        ////        width: 200,
        ////        title: '操作',
        ////        fixed: 'right',
        ////        templet: function (d) {
        ////            return '<a class="layui-btn layui-btn-normal layui-btn-xs layui-icon layui-icon-edit" lay-event="edit">修改</a> <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" lay-event="del">删除</a>'
        ////        }
        ////    }]
        ////];

        //////通过行tool编辑,lay-event="edit"
        ////function edit(obj) {

        ////    if (obj.data.groupID) {
        ////        hg.open('修改郵件群組資料', '/BAS/BAS016U/' + obj.data.mailID, 480, 480);
        ////    }
        ////}

        //////通过行tool删除,lay-event="del"
        ////function del(obj) {
        ////    //alert(obj);
        ////    if (obj.data.mailID) {
        ////        hg.confirm("确定要删除吗?", function () {
        ////            $.ajax({
        ////                url: '/BAS/BAS016D',
        ////                data: { id: obj.data.mailID },
        ////                type: 'POST',
        ////                success: function (data) {
        ////                    if (data.success) {
        ////                        obj.del(); //只删本地数据
        ////                        hg.msghide("删除成功!");
        ////                    }
        ////                    else {
        ////                        hg.msg(data.msg);
        ////                    }
        ////                },
        ////                error: function () {
        ////                    hg.msg("网络请求失败!");
        ////                }
        ////            });
        ////        });
        ////    }
        ////}

        ////var toolbar = [{
        ////    text: '新增',
        ////    layuiicon: '&#xe608;',
        ////    class: 'layui-btn-normal',
        ////    handler: function () {
        ////        hg.open('新增郵件群組資料', '/BAS/BAS016C', 480, 480);

        ////    }
        ////}
        ////];

        //////基本数据表格
        ////var table = hg.table.datatable('test', '郵件群組資料維護', '/BAS/GetMailGroupDetailByGroup/' + groupId.value , {}, tableCols, toolbar, true, 'full-100', ['filter', 'print', 'exports']);


    </script>
}