agent-app/src/modules/flow/page-flow-test/page-flow-test.component.html

<ion-content class="ion-padding">
    <!-- 工作流分组1：医疗相关 -->
    <ion-card class="workflow-group">
        <ion-card-header>
            <ion-card-title>医疗工作流</ion-card-title>
            <ion-card-subtitle>与医疗相关的流程</ion-card-subtitle>
        </ion-card-header>

        <ion-card-content>
            <ion-grid>
                <ion-row>
                    <ion-col size="12" size-md="6">
                        <ion-card class="workflow-card" button (click)="consultWorkflow()">
                            <ion-icon name="medkit" color="primary" class="workflow-icon"></ion-icon>
                            <ion-card-header>
                                <ion-card-title>门诊咨询</ion-card-title>
                            </ion-card-header>
                            <ion-card-content>
                                完整工作流
                            </ion-card-content>
                        </ion-card>
                    </ion-col>
                    <ion-col size="12" size-md="6">
                        <ion-card class="workflow-card" button (click)="startTriage()">
                            <ion-icon name="medkit" color="primary" class="workflow-icon"></ion-icon>
                            <ion-card-header>
                                <ion-card-title>开始分诊</ion-card-title>
                            </ion-card-header>
                            <ion-card-content>
                                启动患者分诊流程
                            </ion-card-content>
                        </ion-card>
                    </ion-col>

                    <ion-col size="12" size-md="6">
                        <ion-card class="workflow-card" button (click)="getForm()">
                            <ion-icon name="document-text" color="secondary" class="workflow-icon"></ion-icon>
                            <ion-card-header>
                                <ion-card-title>获取表单</ion-card-title>
                            </ion-card-header>
                            <ion-card-content>
                                获取医疗表单和文档
                            </ion-card-content>
                        </ion-card>
                    </ion-col>
                </ion-row>
            </ion-grid>
        </ion-card-content>
    </ion-card>

    <!-- 工作流分组2：人事相关 -->
    <ion-card class="workflow-group">
        <ion-card-header>
            <ion-card-title>人事工作流</ion-card-title>
            <ion-card-subtitle>与人事相关的流程</ion-card-subtitle>
        </ion-card-header>

        <ion-card-content>
            <ion-grid>
                <ion-row>
                    <ion-col size="12" size-md="6">
                        <ion-card class="workflow-card" button (click)="jobWorkflow()">
                            <ion-icon name="briefcase" color="tertiary" class="workflow-icon"></ion-icon>
                            <ion-card-header>
                                <ion-card-title>求职表单</ion-card-title>
                            </ion-card-header>
                            <ion-card-content>
                                处理求职申请和工作申请
                            </ion-card-content>
                        </ion-card>
                    </ion-col>

                    <ion-col size="12" size-md="6">
                        <ion-card class="workflow-card" button (click)="startWorkflow()">
                            <ion-icon name="rocket" color="success" class="workflow-icon"></ion-icon>
                            <ion-card-header>
                                <ion-card-title>启动工作流</ion-card-title>
                            </ion-card-header>
                            <ion-card-content>
                                启动通用工作流程
                            </ion-card-content>
                        </ion-card>
                    </ion-col>
                </ion-row>
            </ion-grid>
        </ion-card-content>
    </ion-card>
</ion-content>