@page
@model YBDevice.NWeb.Pages.Menu.ButtonModel
@{
}
<div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" name="Name" id="Name" placeholder="请输入按钮名称" />
                </div>
            </div>
            <div class="layui-inline">
                <button class="btn btn-primary btn-lg  js-search" type="button">查询</button>
                <button class="btn btn-primary btn-lg  js-add" type="button">添加</button>
            </div>
        </div>
    </div>
    <div class="layui-card-body">
        <table class="layui-table" id="list" lay-filter="list">
        </table>
    </div>
</div>
<script type="text/html" id="optpl">
    <a href="#" class="js-edit" title="编辑" data-id="{{d.id}}">编辑</a>&nbsp;
    <a href="#" class="js-delete" title="删除" data-id="{{d.id}}">删除</a>
</script>
@section Scripts{
<script type="text/javascript">
    layui.use(['common'], function () {
        var common = layui.common;
        common.initTable({
            url: "/api/system/getactionlist",
            method: "post",
            cols: [[
                {
                    field: 'menuname', title: '菜单'
                }
                , {
                    field: 'buttonname', title: '按钮'
                }
                , {
                    field: 'buttonid', title: '按钮ID'
                }
                , {
                    field: 'controlname', title: '控制器'
                }
                , {
                    field: 'actionname', title: '方法'
                }
                , {
                    field: 'sortcode', title: '排序'
                }
                , {
                    field: 'id', title: '操作', templet: "#optpl"
                }
            ]]
        });
        $("body").on("click", ".js-edit", function () {
            var id = $(this).data("id");
            common.dialog({
                title: '编辑按钮',
                content: '/Menu/EditButton?id=' + id
            });
        });
        $(".js-add").on("click", function () {
            common.dialog({
                title: '添加按钮',
                content: '/Menu/EditButton'
            });
        });
        $("body").on("click", ".js-delete", function () {
            var id = $(this).data("id");
            common.confirm("确定删除?", function () {
                common.ajax({
                    url: "/api/system/DeleteMenuAction?id=" + id,
                    success: function (res) {
                        if (res.code == 0) {
                            common.info(res.message, function () {
                                $(".js-search").trigger("click");
                            });
                        } else {
                            common.alert(res.message);
                        }
                    }
                });
            });
        });
        $(".js-search").on("click", function () {
            var param = {
                queryParam: [{
                    "Name": 'Name',
                    "Type": QueryCond.Like,
                    "Value": $("#Name").val()
                }]
            };
            common.reloadtable("list", {
                where: param
            });
        });
    });
</script>
}