这里与工作流状态流转相关的字段status ；后端前端都得加上相应的字段。

后续与审批相关的业务状态统一用：

需要将框架自带的审批工作流定义进来。

修改完毕之后，需要删除后端对应模块编译文件，重启。否则前端status会显示NULL

业务表单模块迁移到xxxEdit.vue，然后有几个地方需要改动：

默认流程一般直接写死就行了。

// 流程定义选项（可根据实际情况配置）
    const flowCodeOptions = [
    {
    value: 'pu2025666666666',
    label: 'Demo普通审批'
    }
    ];
    // 默认流程编码
    const flowCode = ref<string>('pu2025666666666');


//    ===========================================Start==============================================
    /**
     * 总体流程监听（例如：草稿，撤销，退回，作废，终止，已完成，单任务完成等）
     * flowCode 需要与前端 demoEdit.vue 中的 flowCode 保持一致
     * @param processEvent
     */
    @EventListener(condition = "#processEvent.flowCode == 'pu2025666666666'")
    public void processEvent(ProcessEvent processEvent) {
        log.info("当前任务执行了{}", processEvent.toString());
        TestDemo testDemo = baseMapper.selectById(Long.valueOf(processEvent.getBusinessId()));
        if (testDemo == null) {
            log.warn("未找到业务数据，businessId: {}", processEvent.getBusinessId());
            return;
        }
        // 用于例如审批附件、审批意见等，存储到业务表内，自行根据业务实现存储流程
        Map<String, Object> params = processEvent.getParams();
        if (MapUtil.isNotEmpty(params)) {
            // 历史任务扩展，通常为附件
            String hisTaskExt = Convert.toStr(params.get("hisTaskExt"));
            // 办理人
            String handler = Convert.toStr(params.get("handler"));
            // 办理意见
            String message = Convert.toStr(params.get("message"));
        }
        // 判断是初次提交还是流程状态变更
        if (processEvent.getSubmit()) {
            // 初次提交，设置为待审核
            testDemo.setStatus(BusinessStatusEnum.WAITING.getStatus());
        } else {
            // 流程状态变更（如完成、退回、撤销等），使用事件传来的状态
            testDemo.setStatus(processEvent.getStatus());
        }
        baseMapper.updateById(testDemo);
    }


    /**
     * 执行任务创建监听
     * @param processTaskEvent 流程任务事件
     */
    @EventListener(condition = "#processTaskEvent.flowCode == 'pu2025666666666'")
    public void processCreateTaskHandler(ProcessTaskEvent processTaskEvent) {
        log.info("当前任务创建了，当前任务执行了{}", processTaskEvent.toString());
        TestDemo testDemo = baseMapper.selectById(Long.valueOf(processTaskEvent.getBusinessId()));
        testDemo.setStatus(BusinessStatusEnum.WAITING.getStatus());
        baseMapper.updateById(testDemo);
    }


    /**
     * 监听删除流程事件
     * @param processDeleteEvent 流程删除事件
     */
    @EventListener(condition = "#processDeleteEvent.flowCode == 'pu2025666666666'")
    public void processDeleteHandler(ProcessDeleteEvent processDeleteEvent) {
        log.info("监听删除流程事件，当前任务执行了{}", processDeleteEvent.toString());
        TestDemo testDemo = baseMapper.selectById(Long.valueOf(processDeleteEvent.getBusinessId()));
        if (ObjectUtils.isNull(testDemo)){
            return;
        }
        baseMapper.deleteById(testDemo);
    }

//    ============================================end================================================


/**
 * 根据新增业务对象插入测试单表
 *
 * @param bo 测试单表新增业务对象
 * @return
 */
TestDemoVo insertByBo(TestDemoBo bo);

/**
 * 根据编辑业务对象修改测试单表
 *
 * @param bo 测试单表编辑业务对象
 * @return
 */
TestDemoVo updateByBo(TestDemoBo bo);

这里的flowCode 就是定义工作流时候的 KEY

4、前端index.vue改造，新增xxxEdit.vue

还需要在路由配置中，增加路由地址映射信息：

画流程图（注意事项，这里不能只有一个中间节点就结束，否则审批结束了，状态不会及时更新）

如果没有复杂流程，先弄2个节点就行了。

若依ruoyi工作流搭建教程

Java开发

后端

开发工具

编程语言

请假业务表设计优化：新增status字段统一业务审批状态，前后端同步改造。数据库新增字段，页面增加状态列与操作按钮，集成框架审批工作流。后端实现流程监听方法，处理草稿、撤销、退回等状态变更。前端需配置流程定义选项，修改路由映射，确保状态及时更新。

数据库

路由

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

若依ruoyi工作流搭建教程

若依ruoyi工作流搭建教程

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐