StaffPerformance/wispro.sp.web/Pages/AppCase/MyCaselist.razor

@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="2" 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="2" style="border:1px solid #000000"></AntDesign.Col>
                                                <AntDesign.Col Span="4" style="border:1px solid #000000">一次OA授权</AntDesign.Col>
                                                <AntDesign.Col Span="4" style="border:1px solid #000000"></AntDesign.Col>
                                            </AntDesign.Row>
                                            <AntDesign.Row>
                                                <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="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="4" style="border:1px solid #000000"><center>总计</center></AntDesign.Col>
                                            </AntDesign.Row>
                                            <AntDesign.Row>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>@_userService.CurrentUser.Name</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>@GetStatistics("新申请处理")</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>@GetStatistics("新申请审核")</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>@GetStatistics("OA处理")</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>@GetStatistics("OA审核")</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>@GetStatistics("其它处理")</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>@GetStatistics("其它审核")</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>@GetStatistics("一次OA授权处理")</center></AntDesign.Col>
                                                <AntDesign.Col Span="2" style="border:1px solid #000000"><center>@GetStatistics("一次OA授权审核")</center></AntDesign.Col>
                                                <AntDesign.Col Span="4" style="border:1px solid #000000"><center>@GetStatistics("ALL")</center></AntDesign.Col>
                                            </AntDesign.Row>
                                            
                                        </div>
                                    </PageHeaderContent>
                                </PageHeader>
                                
                                <AntDesign.Table DataSource="_Datas" TItem="PerformanceItem"
                                                 @bind-PageIndex="_pageIndex"
                                                 @bind-PageSize="_pageSize"
                                                 Total="_total"
                                                 ScrollX="1150" Size="TableSize.Small" Bordered
                                                 @bind-SelectedRows="selectedItems"
                                                 OnRow="OnRow"
                                                 Loading="_loading"
                                                 RowClassName="@(x => x.Data.isDanger()?"danger":"")"
                                                 OnChange="HandleTableChange" RemoteDataSource>
                                    <RowTemplate>
                                        <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="250" 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"
                                                    OnClearSelected="()=>ClearSelect(context.Id)"
                                                    OnFocus="()=>OnFocus(context)">
                                            </Select>

                                        </AntDesign.Column>
                                        <AntDesign.Column Title="基础点数" TData="string" Width="100">@(context.BasePoint ==null?"": context.BasePoint)</AntDesign.Column>
                                        <AntDesign.Column Title="我方文号" @bind-Field="@context.CaseNo" Width="150" Sortable Filterable  />
                                        <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="150" Sortable Filterable />
                                        <AntDesign.Column Title="处理事项系数" @bind-Field="@context.DoItemCoefficient" Width="150" Sortable Filterable />
                                        <AntDesign.Column Title="案件阶段" @bind-Field="@context.CaseStage" Width="100"></AntDesign.Column>
                                        <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>
                                        
                                        <ActionColumn Fixed="right" Title="操作" Width="120">
                                            <Space>
                                                <SpaceItem>
                                                    <AntDesign.DropdownButton OnClick="()=>OnsubShensu(context)" Type="@((ButtonType.Primary, ButtonType.Default))" ButtonsStyle="@("background-color: #1890ff;")">
                                                        <Overlay>
                                                            <Menu>
                                                                @if (((!context.CaseNo.Contains("CN") || context.CaseNo.Contains("WO")) && context.DoItem == "新申请") || context.DoItem == "翻译")
                                                                {

                                                                    @*<MenuItem Key="1" icon="plus" Click="OnsubShensu"></MenuItem>*@
                                                                    <MenuItem Key="2" icon="plus" OnClick="() => OnJXCal(context)">计算字数</MenuItem>

                                                                }
                                                                @if(context.ItemStaffs.Count > 1)
                                                                {
                                                                     <MenuItem Key="3" icon="plus" OnClick="() => OnJXCal(context)">设定分配比例</MenuItem>
                                                                }
                                                            </Menu>
                                                            </Overlay>
                                                        <ChildContent>申诉</ChildContent>
                                                    </AntDesign.DropdownButton>
                                                </SpaceItem>
                                            </Space>

                                        </ActionColumn>
                                    </RowTemplate>
                                    <ExpandTemplate>
                                        <div style="width:1000px;margin-left:30px;">
                                            <Card Title=@("详情")>
                                                <Body>
                                                    <Descriptions Bordered Size="@DescriptionsSize.Small">
                                                        <DescriptionsItem Title="完成时间">@(context.Data.FinishedDate.HasValue?context.Data.FinishedDate.Value.ToString("yyyy-MM-dd"):"")</DescriptionsItem>
                                                        <DescriptionsItem Title="返稿日">@(context.Data.ReturnDate.HasValue?context.Data.ReturnDate.Value.ToString("yyyy-MM-dd"):"")</DescriptionsItem>
                                                        <DescriptionsItem Title="客户期限">@(context.Data.CustomerLimitDate.HasValue?context.Data.CustomerLimitDate.Value.ToString("yyyy-MM-dd"):"")</DescriptionsItem>
                                                        <DescriptionsItem Title="初稿日">@(context.Data.FirstDraftDate.HasValue?context.Data.FirstDraftDate.Value.ToString("yyyy-MM-dd"):"")</DescriptionsItem>
                                                        <DescriptionsItem Title="内部期限">@(context.Data.InternalDate.HasValue?context.Data.InternalDate.Value.ToString("yyyy-MM-dd"):"")</DescriptionsItem>
                                                        <DescriptionsItem Title="案件状态">@context.Data.CaseState</DescriptionsItem>
                                                        <DescriptionsItem Title="处理事项备注">@context.Data.DoItemMemo</DescriptionsItem>
                                                        <DescriptionsItem Title="案件名称" Span="2">@context.Data.CaseName</DescriptionsItem>
                                                        <DescriptionsItem Title="申请人" Span="3">@context.Data.ApplicationName</DescriptionsItem>
                                                        <DescriptionsItem Title="备注" Span="3">@context.Data.CaseMemo</DescriptionsItem>
                                                    </Descriptions>
                                                </Body>
                                            </Card>
                                        </div>
                                    </ExpandTemplate>
                                </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="请谁确认">
            <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="绩效特殊字段备注">
            <RadioGroup @bind-Value="@context.AgentMemo" Disabled="false">
                <Radio Value="@("英-中")">英-中</Radio>
                <Radio Value="@("英-德")">英-德</Radio>
                <Radio Value="@("中-英")">中-英</Radio>
            </RadioGroup>
        </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>