@page "/Department"

<PageContainer>
    <Breadcrumb>
        <Breadcrumb>
            <BreadcrumbItem>
                <a href="/Home"><Icon Type="home"></Icon></a>
            </BreadcrumbItem>
            <BreadcrumbItem>
                <Icon Type="setting"></Icon><span>基本信息管理</span>
            </BreadcrumbItem>
            <BreadcrumbItem>
                <Icon Type="user"></Icon><span>部门管理</span>
            </BreadcrumbItem>
        </Breadcrumb>
    </Breadcrumb>
    <Content>
        <Button Type="primary" Icon="plus" OnClick="()=>AddNew(null)" Style="float:right">添加</Button>
    </Content>
    <ChildContent>
        <AntDesign.Layout>
            <Sider Style="background-color:white" Width="260">
                <div style="width:fit-content">
                    @if (departments != null)
                    {
                    <Tree @ref="tree" DefaultExpandAll Draggable BlockNode ShowLine="true" ShowLeafIcon="true"
                          ShowIcon DataSource="GetChildren(null)"
                          TitleExpression="x => x.DataItem.Name"
                          ChildrenExpression="x => GetChildren(x.DataItem)"
                          IsLeafExpression="x => GetChildren(x.DataItem)?.Count == 0"
                          KeyExpression="x => x.DataItem.Id.ToString()"
                          TItem="wispro.sp.entity.Department" OnDragEnd="e => { }"
                          OnClick="OnSelect"
                          Style="width:250px;">
                        <TitleTemplate>
                            <wispro.sp.web.Components.RightMenuTreeNode Department="@context.DataItem"/>

                            @*<Menu Mode=MenuMode.Horizontal Style="float:right;font-size: small;">
                            <SubMenu>
                                <TitleTemplate>
                                    <Icon Type="plus" />
                                </TitleTemplate>
                                <ChildContent>
                                    <MenuItem Icon="folder-add" OnClick="() => AddNew(context.DataItem)">添加</MenuItem>
                                    <MenuItem Icon="edit" OnClick="() => EditDept(context.DataItem)">编辑</MenuItem>
                                    <MenuItem Icon="delete" OnClick="() => DeleteDept(context.DataItem)">删除</MenuItem>
                                </ChildContent>
                            </SubMenu>
                        </Menu>*@
                        </TitleTemplate>
                    </Tree>
                    }
                        else
                        {
                            <Spin/>
                        }
                </div>
            </Sider>
            <Content>

            </Content>
        </AntDesign.Layout>
    </ChildContent>
</PageContainer>

<Modal Title="新建"
       Visible="@newModal"
       OnOk="@NewOk"
       OnCancel="@NewCancel">

    <Form Model="_editDepartment" LabelColSpan="6"
          WrapperColSpan="16">
        <FormItem Label="名称">
            <Input @bind-Value="@context.Name" />
        </FormItem>
        <FormItem Label="备注">
            <TextArea @bind-Value="@context.Memo" MinRows="4" />
        </FormItem>
    </Form>
</Modal>