@page "/Workflow/Detail/{WorkflowId:int}"

<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>
        <Space>
            <SpaceItem>
                <Button Type="primary" Icon="plus" OnClick="AddNewStep" Style="float:right">添加步骤</Button>
            </SpaceItem>

            <SpaceItem>
                <Button Type="primary" Icon="plus" OnClick="AddNewAction" Style="float:right">添加操作</Button>
            </SpaceItem>

            <SpaceItem>
                <Button Type="primary" Icon="plus" OnClick="AddNewTransfer" Style="float:right">添加步骤转移条件</Button>
            </SpaceItem>
        </Space>
        
    </Content>
    <ChildContent>
        @if (workflow == null)
        {
            <Spin />
        }
        else
        {
            <div style="height:800px;width:100%;overflow:auto;background:#FFFFFF;">
                <wispro.sp.web.Components.FlowChart @ref="chart"
                                                    workflow="@workflow" Actions="@Actions"
                                                    Transfers="@Transfers" Steps="@Steps"
                                                    OnClickAction="OnClickAction"
                                                    OnClickStep="OnClickStep"
                                                    OnClickTransfer="OnClickTransfer" 
                                                    OnDoubleClickStep="OnDblClickStep"/>
            </div>
        }
    </ChildContent>
</PageContainer>

<Modal Title="步骤"
       Visible="@StepModalShow"
       OnOk="@EditStepOK"
       OnCancel="@EditStepCancel"
       OkText="@("保存")"
       CancelText="@("取消")"
       Width="1000"
       MaskClosable="false">

    <Form Model="EditStep" LabelColSpan="6"
          WrapperColSpan="16">
        <FormItem Label="步骤名称">
            <Input @bind-Value="context.Step.Name" />
        </FormItem>
        <FormItem Label="责任人">
            <wispro.sp.web.Components.ResponseManCondition Workflow="workflow" UserField="userField"/>
        </FormItem>

        <FormItem Label="最后步骤">
            <Checkbox @bind-Value="context.isLastStep" />
        </FormItem>
    </Form>

</Modal>

<Modal Title="步骤操作"
       Visible="@ActionModalShow"
       OnOk="@EditActionOK"
       OnCancel="@EditActionCancel"
       OkText="@("保存")"
       CancelText="@("取消")"
       Width="1000" MaskClosable="false">

    <Form Model="EditAction" LabelColSpan="6"
          WrapperColSpan="16">
        <FormItem Label="所属步骤">
            <Select DataSource="@Steps"
                DefaultValue="@EditAction.StepId"
                @bind-Value="@EditAction.StepId"
                LabelName="@nameof(wispro.sp.entity.workflowDefine.Step.Name)"
                ValueName="@nameof(wispro.sp.entity.workflowDefine.Step.Id)"
                Style="width: 200px"
                Placeholder="请选择"
                IgnoreItemChanges="false"
                EnableSearch="true"
                AllowClear>
        </Select>
        </FormItem>
        <FormItem Label="初始化操作名称">
            <Input @bind-Value="@EditAction.Name" />
        </FormItem>
        <FormItem Label="初始化界面">
            <Input @bind-Value="@EditAction.InputForm" />
        </FormItem>
        <wispro.sp.web.Components.InputValueSetting DataSource="@EditAction.inputValuesSettings" />
    </Form>

</Modal>

<Modal Title="步骤转移条件"
       Visible="@TransferModalShow"
       OnOk="@EditTransferOK"
       OnCancel="@EditTransferCancel"
       OkText="@("保存")"
       CancelText="@("取消")"
       Width="1000" MaskClosable="false">

    <Form Model="EditTransfer" LabelColSpan="6"
          WrapperColSpan="16">
        <FormItem Label="从步骤">
            <Select DataSource="@Steps"
                    DefaultValue="@(EditTransfer.StepId.HasValue?EditTransfer.StepId.Value:0)"
                    @bind-Value="@EditTransfer.StepId"
                    LabelName="@nameof(wispro.sp.entity.workflowDefine.Step.Name)"
                    ValueName="@nameof(wispro.sp.entity.workflowDefine.Step.Id)"
                    Style="width: 200px"
                    Placeholder="@workflow.InitAction.Name"
                    EnableSearch="true"
                    AllowClear>
            </Select>
        </FormItem>

        <FormItem Label="到步骤">
            <Select DataSource="@Steps"
                    DefaultValue="@EditTransfer.nextStepId"
                    @bind-Value="@EditTransfer.nextStepId"
                    LabelName="@nameof(wispro.sp.entity.workflowDefine.Step.Name)"
                    ValueName="@nameof(wispro.sp.entity.workflowDefine.Step.Id)"
                    Style="width: 200px"
                    Placeholder="请选择"
                    EnableSearch="true"
                    AllowClear>
            </Select>
        </FormItem>
        <FormItem Label="条件">
            <Input @bind-Value="@EditTransfer.Condition" />
        </FormItem>

        
    </Form>

</Modal>