@page "/MyCaseList"
@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>
        <div class="card-container">
            <Tabs Type="@TabType.Card">
                <TabPane Key="1" Tab="待确认绩效清单">
                    <ChildContent>
                        <Card>
                            @*<Pagination @bind-Current="@_pageIndex" @bind-Total="@_total" ShowSizeChanger OnChange="OnChange" />*@
                            @if (_Datas == null)
                            {
                                <center><Spin /></center>
                            }
                            else
                            {
                                <PageHeader >
                                    <PageHeaderTitle>基础点数统计</PageHeaderTitle>
                                    <PageHeaderExtra><Button Type="@ButtonType.Primary">缺失数据提报</Button></PageHeaderExtra>
                                    <PageHeaderContent>
                                        <div style="border:1px solid #000000">
                                            <AntDesign.Row Align="center" Justify="center">
                                                <AntDesign.Col Span="3" style="border-left:1px solid #000000"><center></center></AntDesign.Col>
                                                <AntDesign.Col Span="4" style="border:1px solid #000000"><center>新申请</center></AntDesign.Col>
                                                <AntDesign.Col Span="4" style="border:1px solid #000000"><center>OA(国内、涉外)</center></AntDesign.Col>
                                                <AntDesign.Col Span="4" style="border:1px solid #000000"><center>其它</center></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"></AntDesign.Col>
                                            </AntDesign.Row>
                                            <AntDesign.Row>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center></center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>承办点数</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>核稿点数</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>承办点数</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>核稿点数</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>承办点数</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>核稿点数</center></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>调查案</center></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>一次OA授权</center></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>总计</center></AntDesign.Col>
                                            </AntDesign.Row>
                                            <AntDesign.Row>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>基础点数</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>3.23</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>1.8</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>1.63</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>0.2</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>2.0</center></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>8.86</center></AntDesign.Col>
                                            </AntDesign.Row>
                                            <AntDesign.Row>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>调整后点数</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>3.23</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>1.8</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>1.63</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>0.2</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>2.0</center></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="3" style="border:1px solid #000000"><center>8.86</center></AntDesign.Col>
                                            </AntDesign.Row>
                                        </div>
                                    </PageHeaderContent>
                                </PageHeader>
                                @*<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"/>*@
                        <AntDesign.Table DataSource="_Datas" TItem="PerformanceItem"
                                         PageIndex="_pageIndex"
                                         PageSize="_pageSize" Total="_total"
                                         ScrollX="3800" Size="TableSize.Small" Bordered
                                         @bind-SelectedRows="selectedItems"
                                         Loading="_loading" RowClassName="@(x => x.Data.isDanger()?"danger":"")">
                                         @*OnChange="HandleTableChange" RemoteDataSource>*@
                            <PerformanceItemRow EditingItem="context" OnSubmitShenSu="OnsubShensu" OnSWJXSF="OnJXCal"></PerformanceItemRow>
                        </AntDesign.Table>
                            }
                        </Card>
                    </ChildContent>
                </TabPane>
                <TabPane Key="2" Tab="历史绩效清单">
                    <ChildContent>Tab 2</ChildContent>
                </TabPane>
            </Tabs>
        </div>
    </ChildContent>
</PageContainer>

<style>
    .danger {
        background-color: #fa3d2c;
    }
</style>

<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" Disabled="true">
                <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(shensuType.Name)"
                    ValueName="@nameof(shensuType.Name)"
                    Placeholder="请选择申诉类型"
                    Style="width:100%"
                    AllowClear
                    DefaultActiveFirstItem="false"
                    EnableSearch
                    OnSelectedItemChanged="OnSelectedItemChangedHandler">
            </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>
        @if (_SelectedItem != null && !string.IsNullOrEmpty(_SelectedItem.ChangeField))
        {
            <FormItem Label=@($"{_SelectedItem.ChangeField}变更为")>
                <Input @bind-Value="@context.ChangeTo" />
            </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>