@page "/PerformanceList"
@using wispro.sp.web.Components

<PageContainer>
    <Breadcrumb>
        <Breadcrumb>
            <BreadcrumbItem>
                <a href="/Home"><Icon Type="home"></Icon></a>
            </BreadcrumbItem>
            <BreadcrumbItem>
                <Icon Type="setting"></Icon><span>我的绩效清单</span>
            </BreadcrumbItem>

        </Breadcrumb>
    </Breadcrumb>
    <Content>
        @*<Button Type="primary" Icon="plus" OnClick="AddNew" Style="float:right">添加</Button>*@
    </Content>
    <ChildContent>
        <Pagination @bind-Current="@_pageIndex" @bind-Total="@_total" ShowSizeChanger OnChange="OnChange" />
        @if (_Datas == null)
        {
            <center><Spin /></center>
        }
        else
        {

            <AntList TItem="PerformanceItem"
                     DataSource="@_Datas"
                     Class="activitiesList"
                     Size="large"
                     ItemLayout="ListItemLayout.Horizontal">
                <PerformanceItemDescriptionItem EditingItem="context" OnSubmitShenSu="OnsubShensu" OnSWJXSF="OnJXCal"></PerformanceItemDescriptionItem>
            </AntList>
            @*<Pagination @bind-Current="_pageIndex"  @bind-Total="@_total"  ShowSizeChanger  OnChange="OnChange"/>*@
        }
    </ChildContent>
</PageContainer>

<Modal Title="涉外新申请算法备注" Visible="_ShowJXModal"
       OnOk="@HandleOk1"
       OnCancel="@HandleCancel1"
       MaskClosable="false"
       Width="600">
    <Card Style="width:100%" Bordered>
        <div>
            <Row>
                <AntDesign.Col Span="4"><b>我方文号:</b></AntDesign.Col>
                <AntDesign.Col Span="8">@EditingItem.CaseNo</AntDesign.Col>
                <AntDesign.Col Span="4"><b>处理事项:</b></AntDesign.Col>
                <AntDesign.Col Span="8">@EditingItem.DoItem</AntDesign.Col>
            </Row>
            <Row><AntDesign.Col Span="24">&nbsp;</AntDesign.Col></Row>
            <Row>
                <AntDesign.Col Span="4"><b>案件名称:</b></AntDesign.Col>
                <AntDesign.Col Span="20">@EditingItem.CaseName</AntDesign.Col>

            </Row>
        </div>
    </Card>
    <br />
    <Form Model="_calType" LabelColSpan="6" WrapperColSpan="16">
        <FormItem Label="绩效计算方式">
            <RadioGroup @bind-Value="@context.Type">
                <Radio  Value="@("按照字数计算绩效")">按照字数计算绩效</Radio>
                <Radio  Value="@("按照件数计算绩效")">按照件数计算绩效</Radio>
            </RadioGroup>
        </FormItem>
        <FormItem Label="请谁确认">
            <Select DataSource="@Reviewers"
                    @bind-Value="@context.ReviewerId"
                    LabelName="@nameof(Staff.Name)"
                    ValueName="@nameof(Staff.Id)"
                    Placeholder="请选择确认人"
                    Style="width: 100%"
                    AllowClear
                    DefaultActiveFirstItem="false"
                    EnableSearch>
            </Select>
        </FormItem>
        <FormItem Label="字数">
            <AntDesign.InputNumber @bind-Value="context.wordCount" Min="1"></AntDesign.InputNumber>
        </FormItem>
    </Form>
</Modal>

<Modal Title="申诉窗口" Visible="@_visible"
       OnOk="@HandleOk"
       OnCancel="@HandleCancel"
       MaskClosable ="false"
       Width="600">
    <Card Style="width:100%" Bordered>
        <div>
            <Row>
                <AntDesign.Col Span="4"><b>我方文号:</b></AntDesign.Col>
                <AntDesign.Col Span="8">@EditingItem.CaseNo</AntDesign.Col>
                <AntDesign.Col Span="4"><b>处理事项:</b></AntDesign.Col>
                <AntDesign.Col Span="8">@EditingItem.DoItem</AntDesign.Col>
            </Row>
            <Row><AntDesign.Col Span="24">&nbsp;</AntDesign.Col></Row>
            <Row>
                <AntDesign.Col Span="4"><b>案件名称:</b></AntDesign.Col>
                <AntDesign.Col Span="20">@EditingItem.CaseName</AntDesign.Col>

            </Row>
        </div>
    </Card>
    <br />
    <Form Model="_shenshou" LabelColSpan="6" WrapperColSpan="16">
        <FormItem Label="类型">
            <Select DataSource="@AvatarMenuItems"
                    @bind-Value="@context.Type"
                    LabelName="@nameof(AvatarMenuItem.Option)"
                    ValueName="@nameof(AvatarMenuItem.Key)"
                    Placeholder="请选择申诉类型"
                    Style="width:100%"
                    AllowClear
                    DefaultActiveFirstItem="false"
                    EnableSearch>
            </Select>
        </FormItem>
        <FormItem Label="向谁申诉">
            <Select DataSource="@Reviewers"
                    @bind-Value="@context.ReviewerId"
                    LabelName="@nameof(Staff.Name)"
                    ValueName="@nameof(Staff.Id)"
                    Placeholder="请选择审核人"
                    Style="width: 100%"
                    AllowClear
                    DefaultActiveFirstItem="false"
                    EnableSearch>
            </Select>
        </FormItem>
        <FormItem Label="申诉理由">
            <TextArea @bind-Value="@context.Reason" Rows="6" Style="width: 100%" />
        </FormItem>
        <FormItem Label="附件">
            <Upload @attributes="attrs"
                    FileList="fileList"
                    OnChange="HandleChange">
                <Button Icon="upload"><span>添加附件</span></Button>
            </Upload>
        </FormItem>
    </Form>

</Modal>