You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

67 lines
2.4 KiB

3 years ago
@page "/tenants"
<MudTable Items="@Models.Take(4)" Hover="true" Breakpoint="Breakpoint.Sm" Loading="@_loading" LoadingProgressColor="Color.Info">
<ToolBarContent>
<MudText Typo="Typo.h5">租户</MudText>
<MudSpacer />
<MudTooltip Text="新增租户">
<MudFab Icon="@Icons.Material.Filled.Add" Size="Size.Medium" Color="Color.Primary" />
</MudTooltip>
</ToolBarContent>
<HeaderContent>
<MudTh>公司名称</MudTh>
<MudTh>邮箱(账号)</MudTh>
<MudTh>姓名</MudTh>
<MudTh>电话</MudTh>
<MudTh>创建时间</MudTh>
<MudTh>备注</MudTh>
<MudTh>操作</MudTh>
</HeaderContent>
<RowTemplate>
<MudTd DataLabel="公司名称">@context.CorporateName</MudTd>
<MudTd DataLabel="邮箱(账号)">@context.Mailbox</MudTd>
<MudTd DataLabel="姓名">@context.FullName</MudTd>
<MudTd DataLabel="电话">@context.Telephone</MudTd>
<MudTd DataLabel="创建时间" HideSmall="_hidePosition">@context.CreationTime</MudTd>
<MudTd DataLabel="备注" HideSmall="_hidePosition">@context.Remarks</MudTd>
<MudTd DataLabel="操作">
<MudButtonGroup Color="Color.Primary" Variant="Variant.Outlined">
<MudButton>修改</MudButton>
<MudMenu Icon="@Icons.Material.Filled.ArrowDropDown" Direction="Direction.Bottom" OffsetY="true">
<MudMenuItem>授权</MudMenuItem>
<MudMenuItem>重置密码</MudMenuItem>
<MudMenuItem>删除</MudMenuItem>
</MudMenu>
</MudButtonGroup>
</MudTd>
</RowTemplate>
</MudTable>
<MudSwitch @bind-Checked="_hidePosition">Hide <b>position</b> when Breakpoint=Xs</MudSwitch>
<MudSwitch @bind-Checked="_loading">Show Loading</MudSwitch>
@code {
private bool _hidePosition;
private bool _loading;
private IEnumerable<TenantModel> Models = new List<TenantModel>();
protected override void OnInitialized()
{
Models = new List<TenantModel>()
{
new TenantModel()
{
Id = Guid.NewGuid(),
CorporateName = "某某某公司",
CreationTime = DateTime.Now,
FullName = "小张",
Mailbox = "xiaozhang@email.com",
Telephone = "13563468941"
},
};
}
}