@page "/Workflow/Manage"
@using wispro.sp.entity

<PageContainer>
    <Breadcrumb>
        <Breadcrumb>
            <BreadcrumbItem>
                <a href="/Home"><Icon Type="home"></Icon></a>
            </BreadcrumbItem>
            <BreadcrumbItem>
                <Icon Type="apartment" Theme="outline" /><span>流程管理</span>
            </BreadcrumbItem>
        </Breadcrumb>
    </Breadcrumb>
    <Content>
        <Button Type="primary" Icon="plus" OnClick="AddNew" Style="float:right">添加新流程</Button>
        <Button Type="primary" Icon="plus" OnClick="ChangeRectSize" Style="float:right">改变流程框大小</Button>
    </Content>
    <ChildContent>
        @if (workflows == null)
        {
            <Spin />
        }
        else
        {
            <AntDesign.Table @ref="table" @bind-PageIndex="_pageIndex" @bind-PageSize="_pageSize"
                             TItem="wispro.sp.entity.workflowDefine.Workflow"
                             Loading="_loading"
                             DataSource="@workflows"
                             Total="_total"
                             Bordered=@true
                             Size=@TableSize.Middle
                             HidePagination>
                <ChildContent>
                    <Selection Key="@(context.Id.ToString())" />
                    <AntDesign.Column Title="序号" TData="int">
                        @serialNumber(_pageIndex, _pageSize, context.Id)
                    </AntDesign.Column>
                    <AntDesign.Column Title="流程名称" @bind-Field="@context.Name" Sortable Filterable />
                    <AntDesign.Column Title="创建日期" @bind-Field="@context.CreateTime" Format="yyyy-MM-dd" Sortable Filterable />
                    <AntDesign.Column Title="生效日期" @bind-Field="@context.EffectivrDate" Format="yyyy-MM-dd" Sortable Filterable />
                    <AntDesign.Column Title="失效日期" @bind-Field="@context.ExpirationDate" Format="yyyy-MM-dd" Sortable Filterable />
                    <AntDesign.Column Title="绑定对象" TData="string">

                        @workflowService.GetBindObjectName(context.ContentObjectType)

                    </AntDesign.Column>
                    <AntDesign.Column Title="说明" @bind-Field="@context.Memo" Filterable />
                    <AntDesign.Column Title="创建人" TData="string">

                        @if (context.CreateUser != null)
                        {
                            <span>@context.CreateUser.Name</span>
                        }

                    </AntDesign.Column>
                    <ActionColumn>
                        <Space>
                            <SpaceItem><Button OnClick="()=>InitFieldSetting(context)">初始化栏位</Button></SpaceItem>
                        </Space>
                        <Space>
                            <SpaceItem><Button OnClick="()=>Detail(context.Id)">详情</Button></SpaceItem>
                        </Space>
                        <Space>
                            <SpaceItem><Button Danger OnClick="()=>Delete(context)">删除</Button></SpaceItem>
                        </Space>
                    </ActionColumn>
                </ChildContent>
                <PaginationTemplate>
                    <div style="display: flex; align-items: center">
                        <Pagination Class="my-custom-pagination"
                                    Total="@_total"
                                    PageSize="@_pageSize"
                                    Current="@_pageIndex"
                                    ShowSizeChanger="@true" />
                    </div>
                </PaginationTemplate>
            </AntDesign.Table>
        }
        
        <Divider />
        
        <div style="height:400px;width:100%;overflow:auto;background:#FFFFFF;">
            
            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="@ChartWidth" height="800">
                <text x="@(ChartWidth/2)" y="50" fill="black" alignment-baseline="middle" text-anchor="middle" font-size="30" font-weight="800">案件系数申核流程</text>

                <circle cx="@(ChartWidth/5)" cy="200" r="25" stroke="black" stroke-width="2" fill="white" />
                <a @onclick="() => ClickStep(false)">
                    <text x="@(ChartWidth/5)" y="200" fill="black" alignment-baseline="middle" text-anchor="middle" font-size="16">开始</text>
                </a>

                <rect x="@(2*ChartWidth/5-rectWidth/2)" y="@(200-rectHeight/2)" rx="10" ry="10" width="@rectWidth" height="@rectHeight" style="fill:green;stroke:black;stroke-width:3;opacity:0.5" />
                <a @onclick="() => ClickStep(false)">
                    <text x="@(2*ChartWidth/5)" y="200" fill="black" alignment-baseline="middle" text-anchor="middle" font-size="@rectFontSize" font-weight="700">提出申诉</text>
                </a>

                <rect x="@(3*ChartWidth/5-rectWidth/2)" y="@(200-rectHeight/2)" rx="10" ry="10" width="@rectWidth" height="@rectHeight" style="fill:green;stroke:black;stroke-width:3;opacity:0.5" />
                <a @onclick="() => ClickStep(false)">
                    <text x="@(3*ChartWidth/5)" y="200" fill="black" alignment-baseline="middle" text-anchor="middle" font-size="@rectFontSize" font-weight="700">主管申核</text>
                </a>

                <circle cx="@(4*ChartWidth/5)" cy="200" r="25" stroke="black" stroke-width="2" fill="gray" />
                <a @onclick="() => ClickStep(true)">
                    <text x="@(4*ChartWidth/5)" y="200" fill="black" alignment-baseline="middle" text-anchor="middle">结束</text>
                </a>

                <path d="M@(ChartWidth/5+25) 200 H@(2*ChartWidth/5-rectWidth/2)" stroke="black" />
                <path d="M@(2*ChartWidth/5-rectWidth/2) 200 L@(2*ChartWidth/5-rectWidth/2-8) 205 L@(2*ChartWidth/5-rectWidth/2-8) 195 Z" stroke="black" />

                <path d="M@(2*ChartWidth/5+rectWidth/2) 200 H@(3*ChartWidth/5-rectWidth/2)" stroke="black" />
                <path d="M@(3*ChartWidth/5-rectWidth/2) 200 L@(3*ChartWidth/5-rectWidth/2-8) 205 L@(3*ChartWidth/5-rectWidth/2-8) 195 Z" stroke="black" />

                <path d="M@(3*ChartWidth/5+rectWidth/2) 200 H@(4*ChartWidth/5-25)" stroke="black" />
                <path d="M@(4*ChartWidth/5-25) 200 L@(4*ChartWidth/5-25-8) 205 L@(4*ChartWidth/5-25-8) 195 Z" stroke="black" />

            </svg>
            
        </div>
    </ChildContent>
</PageContainer>

<style>
    .my-custom-pagination {
        margin: 15px 0;
    }

        .my-custom-pagination .ant-pagination-item,
        .my-custom-pagination .ant-pagination-item-link {
            border-radius: 100%;
        }
</style>
    <Modal Title="初始化栏位"
       Visible="@_initModalVisible"
       OnOk="@InitOk"
       OnCancel="@InitCancel"
        OkText="@("确认")"
        CancelText="@("取消")"
       Width="900">
        <wispro.sp.web.Components.InputValueSetting DataSource="@InitInputValues"/>
    </Modal>

    <Modal Title="修改"
           Visible="@_visible"
           OnOk="@HandleOk"
           OnCancel="@HandleCancel">

        <Form Model="EditingObj" LabelColSpan="6"
              WrapperColSpan="16">
            <FormItem Label="流程名称">
                <Input @bind-Value="@context.Name" />
            </FormItem>
            <FormItem Label="生效日期">
                <DatePicker TValue="DateTime" Picker="@DatePickerType.Date" @bind-Value="@context.EffectivrDate" />
            </FormItem>

            <FormItem Label="失效日期">
                <DatePicker TValue="DateTime?" Picker="@DatePickerType.Date" @bind-Value="@context.ExpirationDate" />
            </FormItem>

            <FormItem Label="启动时绑定对象">
                <Select DataSource="@workflowService.GetBindObjects()"
                        @bind-Value="@context.ContentObjectType"
                        LabelName="@nameof(wispro.sp.entity.workflowDefine.BindObjectType.Name)"
                        ValueName="@nameof(wispro.sp.entity.workflowDefine.BindObjectType.ObjectTypeFullName)"
                        Placeholder="请选项一项"
                        DefaultActiveFirstItem="false"
                        EnableSearch="true"
                        AllowClear="true"
                        Style="width:220px;">
                </Select>
            </FormItem>

            <FormItem Label="说明">
                <TextArea @bind-Value="@context.Memo" MinRows="4" />
            </FormItem>

        </Form>

    </Modal>