@page "{handler?}"
@model YBDevice.NWeb.Pages.Role.EditModel
@{
    ViewData["Title"] = "角色编辑";
}
<div class="layui-card">
    <div class="layui-card-body">
        <div class="form-horizontal layui-form">

            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">基本信息</li>
                    <li>菜单设置</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show" style="width:80%;">
                        <div class="layui-form-item layui-row">
                            <label class="layui-form-label" for="Name">角色名称</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input" id="Name" name="Name" value="@Model.role.Name" placeholder="请输入角色名称" lay-verify="required" />
                            </div>
                        </div>
                        <div class="layui-form-item layui-row">
                            <label class="layui-form-label" for="EnCode">角色编码</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input" id="Code" name="Code" value="@Model.role.Code" placeholder="请输入角色编码" lay-verify="required" />
                            </div>
                        </div>
                        <div class="layui-form-item layui-row">
                            <label class="layui-form-label" for="remark">描述</label>
                            <div class="layui-input-block">
                                <textarea type="text" class="layui-textarea" id="Remark"
                                          name="Remark" placeholder="请输入描述" lay-verify="required">@Model.role.Remark</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="layui-tab-item" id="rolemenuview">
                        @foreach (var item in Model.list)
                        {
                            @if (item.ParentId == Guid.Empty)
                            {
                                <div class="layui-row">
                                    @if (item.IsChecked)
                                    {
                                        <input type="checkbox" name="menu" value="@item.Id"  title="@item.MenuName" lay-skin="primary" checked>

                                    }
                                    else
                                    {
                                        <input type="checkbox" name="menu" value="@item.Id" title="@item.MenuName" lay-skin="primary">
                                    }
                                </div>
                                @if (Model.list.Any(x => x.ParentId == item.Id))
                                {
                                    @foreach (var item1 in Model.list.Where(x => x.ParentId == item.Id))
                                    {
                                        <div class="layui-row" style="margin:20px;">
                                            @if (item1.IsChecked)
                                            {
                                                <input type="checkbox" name="menu" value="@item1.Id"  title="@item1.MenuName" lay-skin="primary" checked>

                                            }
                                            else
                                            {
                                                <input type="checkbox" name="menu" value="@item1.Id"  title="@item1.MenuName" lay-skin="primary">
                                            }
                                        </div>
                                        <div class="layui-row" style="margin-left:40px;">
                                            @foreach (var item2 in item1.ActionList)
                                            {
                                                @if (item2.IsChecked)
                                                {
                                                    <input type="checkbox" name="action" data-id="@item2.MenuId" value="@item2.Id" title="@item2.ButtonName" lay-skin="primary" checked>

                                                }
                                                else
                                                {
                                                    <input type="checkbox" name="action" data-id="@item2.MenuId" value="@item2.Id" title="@item2.ButtonName" lay-skin="primary">
                                                }
                                            }
                                        </div>
                                    }
                                }
                                else
                                {
                                    <div class="layui-row" style="margin-left:40px;">
                                        @foreach (var item2 in item.ActionList)
                                        {
                                            @if (item2.IsChecked)
                                            {
                                                <input type="checkbox" name="action" data-id="@item2.MenuId" value="@item2.Id" title="@item2.ButtonName" lay-skin="primary" checked>

                                            }
                                            else
                                            {
                                                <input type="checkbox" name="action" data-id="@item2.MenuId" value="@item2.Id" title="@item2.ButtonName" lay-skin="primary">
                                            }
                                        }
                                    </div>
                                }
                                <hr>
                            }
                        }
                    </div>
                </div>
            </div>
            <div class="layui-row text-center">
                <button class="btn btn-primary btn-lg js-submit" lay-submit lay-filter="submit" type="button">提交</button>
            </div>
        </div>
    </div>
</div>
@section Scripts{
    <script type="text/javascript">
        layui.use(['common', 'form','element','table'], function () {
            var common = layui.common,
            form = layui.form;
            form.on("submit(submit)", function (data) {
                data.field["Id"] = '@Model.role.Id';
                var menuids = [];
                var actionids = [];
                $("#rolemenuview").find("input[name='menu']").each(function (i, x) {
                    var ischecked = this.checked;
                    if (ischecked) {
                        var id = $(this).val();
                        menuids.push(id);
                    }
                });
                $("#rolemenuview").find("input[name='action']").each(function (i, x) {
                    var ischecked = this.checked;
                    if (ischecked) {
                        var id = $(this).val();
                        var menuid = $(this).data("id");
                        actionids.push({
                            menuid: menuid,
                            buttonid:id
                        });
                    }
                });
                data.field["menuids"] = menuids;
                data.field["actionids"] = actionids;
                common.ajax({
                    url: "/api/system/Submitroleform",
                    type: "post",
                    data: data.field
                });
            });
        });
    </script>
}