@page "/MyCaseList"
@using wispro.sp.web.Components
@using wispro.sp.share 

<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>
                                
                                <AntDesign.Table DataSource="_Datas" TItem="PerformanceItem"
                                                 @bind-PageIndex="_pageIndex"
                                                 @bind-PageSize="_pageSize"
                                                 Total="_total"
                                                 ScrollX="3800" Size="TableSize.Small" Bordered
                                                 @bind-SelectedRows="selectedItems"
                                                 OnRow="OnRow"
                                                 Loading="_loading"
                                                 RowClassName="@(x => x.Data.isDanger()?"danger":"")"
                                                 OnChange="HandleTableChange" RemoteDataSource>
                                    <AntDesign.Selection Key="@(context.Id.ToString())" Width="50" Fixed="left" />
                                    <AntDesign.Column Title="序号" TData="int" Width="50" Fixed="left">
                                        @serialNumber(_pageIndex, _pageSize, context.Id )
                                    </AntDesign.Column>
                                    <AntDesign.Column Title="绩效特殊字段" DataIndex="@nameof(context.AgentFeedbackMemo)" TData="string" Width="280" Fixed="left">
                                        
                                        <Select DataSource="@_Reasons"
                                                @bind-Value="@context.AgentFeedbackMemo"
                                                LabelName="@nameof(Reason.Name)"
                                                ValueName="@nameof(Reason.Value)"
                                                Placeholder="请选项一项"
                                                DefaultActiveFirstItem="false"
                                                EnableSearch="true"
                                                AllowClear="true"
                                                Style="width:220px;"
                                                OnSelectedItemChanged="SelectChanged"
                                                OnFocus="()=>OnFocus(context)">
                                        </Select>
                                    </AntDesign.Column>
                                    <AntDesign.Column Title="我方文号" @bind-Field="@context.CaseNo" Width="150" Sortable Filterable Fixed="left" />
                                    <AntDesign.Column Title="案件类型" @bind-Field="@context.CaseType" Width="120" Sortable Filterable />
                                    <AntDesign.Column Title="案件系数" @bind-Field="@context.CaseCoefficient" Width="120" Sortable Filterable />

                                    <AntDesign.Column Title="处理事项" @bind-Field="@context.DoItem" Width="120" Sortable Filterable />
                                    <AntDesign.Column Title="处理事项系数" @bind-Field="@context.DoItemCoefficient" Width="150" Sortable Filterable />
                                    <AntDesign.Column Title="处理人" TData="string" DataIndex="@nameof(context.ItemStaffs)" Width="150">
                                        @if (context.ItemStaffs != null)
                                        {
                                            foreach (ItemStaff itemStaff in context.ItemStaffs)
                                            {
                                                <span>@(itemStaff.DoPerson.Name)&nbsp;</span>
                                            }
                                        }
                                    </AntDesign.Column>
                                    <AntDesign.Column Title="核稿人" TData="string" Width="100">@(context.Reviewer ==null?"": context.Reviewer.Name)</AntDesign.Column>
                                    <AntDesign.Column Title="基础点数" TData="string" Width="100">@(context.BasePoint ==null?"": context.BasePoint)</AntDesign.Column>
                                    <AntDesign.Column Title="完成时间" TData="string" Width="100">@(context.FinishedDate.HasValue? context.FinishedDate.Value.ToString("yyyy-MM-dd"):"")</AntDesign.Column>
                                    <AntDesign.Column Title="完成时间" TData="string" Width="100">@(context.FinishedDate.HasValue? context.FinishedDate.Value.ToString("yyyy-MM-dd"):"")</AntDesign.Column>
                                    <AntDesign.Column Title="返稿日" TData="string" Width="100">@(context.ReturnDate .HasValue? context.ReturnDate.Value.ToString("yyyy-MM-dd"):"")</AntDesign.Column>
                                    <AntDesign.Column Title="客户期限" TData="string" Width="100">@(context.CustomerLimitDate.HasValue? context.CustomerLimitDate.Value.ToString("yyyy-MM-dd"):"")</AntDesign.Column>
                                    <AntDesign.Column Title="初稿日" TData="string" Width="100">@(context.FirstDraftDate.HasValue? context.FirstDraftDate.Value.ToString("yyyy-MM-dd"):"")</AntDesign.Column>
                                    <AntDesign.Column Title="内部期限" TData="string" Width="100">@(context.InternalDate.HasValue? context.InternalDate.Value.ToString("yyyy-MM-dd"):"")</AntDesign.Column>
                                    <AntDesign.Column Title="案件阶段" TData="string" Width="100">@context.CaseStage</AntDesign.Column>
                                    <AntDesign.Column Title="案件名称" TData="string" @bind-Field="@context.CaseName" Width="250"></AntDesign.Column>
                                    <AntDesign.Column Title="案件状态" @bind-Field="@context.CaseState" Width="100"></AntDesign.Column>
                                    <AntDesign.Column Title=" 申请人" @bind-Field="@context.ApplicationName" Width="200"></AntDesign.Column>
                                    <AntDesign.Column Title="备注" @bind-Field="@context.CaseMemo"></AntDesign.Column>
                                    <ActionColumn Fixed="right" Title="操作" Width="80">
                                        <Space>
                                             
                                            @if ((!context.CaseNo.Contains("CN") || context.CaseNo.Contains("WO")) && context.DoItem == "新申请")
                                            {
                                                <SpaceItem>
                                                    <Button Type="primary" OnClick="()=>OnsubShensu(context)" Style="float:right" Size="small">申诉</Button>
                                                </SpaceItem>
                                                <SpaceItem>
                                                    <AntDesign.DropdownButton OnClick="()=>OnsubShensu(context)" Type="@((ButtonType.Primary, ButtonType.Default))" ButtonsStyle="@("background-color: #1890ff;")">
                                                        <Overlay>
                                                            <Menu>
                                                                @*<MenuItem Key="1" icon="plus" Click="OnsubShensu"></MenuItem>*@
                                                                <MenuItem Key="2" icon="plus" OnClick="()=>OnJXCal(context)">涉外绩效按字数计算</MenuItem>
                                                            </Menu>
                                                        </Overlay>
                                                    </AntDesign.DropdownButton>
                                                </SpaceItem>
                                            }
                                            else
                                            {
                                                <SpaceItem>
                                                    <Button Type="primary" OnClick="()=>OnsubShensu(context)" Style="float:right" Size="small">申诉</Button>
                                                </SpaceItem>
                                            }
                                        </Space>

                                    </ActionColumn>
                                </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>