正在加载评论...
正在加载评论...

“花了 300 万找外包开发 ERP 系统,上线半年就跟不上业务变化;IT 部门就 3 个人,要同时对接销售、财务、生产的数字化需求,加班到凌晨还是赶不上进度;想做个客户反馈收集系统,从提需求到开发完成,等了整整 4 个月,市场早变了……”

在和企业负责人交流时,这类吐槽几乎成了 “高频词”。如今没人否认 “数字化转型是必答题”—— 政策在推、竞品在做、用户在盼,但真正落地时,“周期长、成本高、技术门槛高、响应慢” 这四大难题,像四座大山挡在很多企业面前。

而低代码的出现,就像给转型路上的企业递了一把 “钥匙”:不用大量写代码,拖拽组件就能搭系统;业务人员也能参与开发,不用全靠 IT;几周就能上线一个新流程,不用等几个月…… 越来越多企业发现,低代码不是 “可选的辅助工具”,而是数字化转型的 “必选项”。今天我们就从宏观趋势到实际价值,聊聊为什么低代码能成为企业转型的 “快捷键”。

一、数字化转型不是 “选择题”,但传统路径已走不通

要理解低代码的必要性,得先搞懂当下企业面临的 “转型压力”—— 不是 “想不想转”,而是 “不转就会被淘汰”;但传统的数字化路径,又让很多企业 “转不动”。

从宏观趋势看,有两个信号特别明显:

一是政策与市场双驱动,数字化成企业生存基础。国家层面,“数字中国” 建设持续推进,从制造业的 “智能制造” 到服务业的 “数字化升级”,政策红利不断向数字化企业倾斜;市场层面,消费者习惯早已改变 —— 买东西要线上选、售后要即时响应、服务要个性化,没做好数字化的企业,连触达客户的机会都少了。

二是市场竞争进入 “敏捷战”,慢一步就丢机会。以前企业做数字化,还能 “按年规划”,一套系统用三五年;现在客户需求每月都在变,竞品每周都有新动作 —— 比如零售企业要快速上线促销活动的核销流程,制造企业要实时调整生产排期应对原材料涨价,物流企业要随时更新配送路线优化成本。这种 “快节奏” 下,传统的数字化路径完全跟不上:找外包开发,需求沟通 1 个月、开发 3 个月、测试 1 个月,等系统上线,市场需求早变了;靠内部 IT 团队,大多中小企业 IT 人员不足 3 人,根本扛不住多部门的开发需求。

更尴尬的是 “数字化断层”:业务部门懂需求,却不会写代码;IT 部门懂技术,却不一定吃透业务细节。比如财务部门想要一个 “费用预警系统”,需要结合报销规则、预算剩余、员工职级来设置逻辑,但 IT 部门得花 2 周时间理解这些业务细节,等开发出来,财务又说 “预算规则改了,得再调整”—— 反复磨合中,时间和成本都耗没了。

这些问题的核心,不是企业 “不想转”,而是传统数字化路径的 “高门槛、慢节奏”,和当下企业 “快响应、低成本” 的需求完全不匹配。而低代码的出现,正好补上了这个 “缺口”。

二、搞懂基础:什么是低代码?它凭什么能破局?

可能有朋友会问:“低代码听起来像技术词,是不是很复杂?” 其实一点都不复杂 —— 简单说,低代码就是 “不用写大量代码,靠拖拽组件、配置规则就能搭建业务系统的工具”。

打个比方:传统开发系统,像 “用水泥、砖头自己盖房子”,从打地基到砌墙都要自己来,得懂建筑原理(写代码);低代码开发,就像 “用乐高积木搭房子”,平台已经做好了门窗、墙壁、屋顶这些 “组件”,你只要根据自己的需求(比如要两室一厅还是三室一卫),把组件拼起来,再调整一下细节(配置规则),房子就搭好了。

比如要做一个 简单的“员工请假审批系统”,用低代码平台的话,不用写一行代码:从左侧组件库拖出 “发起节点”“审批节点”“通知节点”,设置 “员工发起→部门经理审批→人事备案” 的流程,再配置 “请假超过 3 天自动加总经理审批”“审批通过后自动同步到考勤系统” 的规则,1 天就能搭好上线。

和传统开发比,低代码的优势刚好戳中企业转型的痛点:

第一,速度快:从 “按月等” 到 “按周出”
传统开发一个中等复杂度的系统(比如经销商管理系统),平均需要 3-6 个月;用低代码,业务熟悉的人 2-4 周就能搭好。比如经销商订单系统,某零售客户,谈需求就花了 1 个月,开发到一半发现 “需要加库存预警功能”,又返工 2 周;后来用低代码平台,由销售部门主导,IT 部门辅助,2 周就搭好了系统,还能随时调整功能 —— 这就是低代码的 “快”。

第二,成本低:不用再 “砸钱请外包、养团队”
传统开发不仅要付外包费(动辄几十万),后期维护还要再花钱;低代码平台大多是按年订阅,成本只有传统开发的 1/5-1/3。更重要的是,业务人员就能参与开发,不用全靠 IT—— 比如人事部门自己搭 “招聘流程系统”,财务部门自己改 “报销规则”,减少了跨部门沟通成本,也不用再因为 “小需求” 麻烦 IT。

第三,门槛低:业务人员也能当 “开发者”
低代码平台的可视化操作,就像用 Excel 做表格一样简单,只要懂业务逻辑,经过 1-2 天培训就能上手。比如库存管理系统,每天门店员工扫码录入库存,数据实时同步到总部,不用再等 IT 部门开发 —— 这就是低代码的 “普惠性”,让数字化不再是 “IT 专属”。

第四,够灵活:业务变了,系统跟着变
传统系统改个功能,要找开发改代码,少则 1 周多则 1 个月;低代码系统改功能,业务人员自己就能调 —— 比如销售政策变了,改一下客户分级规则;报销标准调了,改一下审批金额阈值,保存后立马生效。比如一家做快消的企业,旺季时需要临时加 “促销订单快速审批” 流程,用低代码 2 小时就调好,不用等 IT 加班,完美应对了旺季需求。

三、核心价值:低代码不止 “快”,更是企业的 “战略支撑”

很多人觉得低代码的价值只是 “快和省”,但其实它的作用远不止于此 —— 在数字化转型中,低代码是企业的 “战略支撑工具”,能帮企业解决 “从转型到创新” 的核心问题。

1. 打破 “数字化门槛”,让中小企业也能 “玩得起”

以前提到数字化,好像都是大企业的 “专利”—— 只有他们能养得起 IT 团队、花得起几百万开发系统。中小企要么 “不敢转”(怕成本打水漂),要么 “转不动”(没人没人)。

低代码却让中小企的数字化有了 “性价比之选”。对中小企而言,低代码不是 “降低数字化标准”,而是 “把有限的资源用在刀刃上”,不用再为了 “面子工程” 砸钱,而是根据实际业务需求,一步步推进数字化,这才是可持续的转型路径。

2. 支撑 “业务创新”,让想法快速落地

数字化转型的核心不是 “上系统”,而是 “用数字化支撑业务创新”—— 比如开发新的服务模式、优化客户体验、试错新的业务场景。但传统开发的 “慢”,会让很多好想法 “胎死腹中”。

低代码能让 “业务想法” 快速变成 “实际系统”,帮企业试错创新。现在很多企业的创新,都是 “小步快跑” 模式:先有个想法,快速上线测试,根据反馈迭代。低代码正好适配这种模式,让业务创新不再 “等得起”,而是 “马上干”。

3. 实现 “敏捷应变”,应对市场不确定性

当下企业面临的最大挑战,就是 “不确定性”—— 原材料涨价、客户需求变、竞品出新招,这些都需要企业快速调整业务流程。而传统系统的 “僵化”,会让企业在变化面前 “反应迟钝”。

低代码能让企业 “随变随调”,像 “灵活的弹簧” 一样应对变化。低代码的 “敏捷价值”,让企业在变化中不慌,还能抓住新机会。

4. 打通 “数据孤岛”,为数字化打下基础

很多企业转型中遇到的难题,不是 “没有系统”,而是 “系统太多,数据不通”—— 销售数据在 CRM 里、财务数据在 ERP 里、库存数据在仓储系统里,要做个决策,得从 3 个系统里导数据、手动算,既慢又容易错。

低代码平台大多有 “系统集成” 能力,能把企业现有的系统打通,让数据流转起来。数据打通了,企业的数字化才不是 “各干各的”,而是形成了 “完整的业务闭环”,管理者做决策时,才能看到 “全链路的业务数据”,而不是 “碎片化的信息”。

四、不是 “替代 IT”,而是 “让 IT 更有价值”

可能有人会担心:“业务人员都能做开发了,IT 部门是不是没用了?” 其实正好相反 —— 低代码是 “解放 IT,而不是替代 IT”。

传统模式下,IT 部门 80% 的时间都在处理 “重复需求”:比如改报销规则、加审批节点、修系统小 bug,没精力做 “更有价值的事”(比如系统架构设计、数据安全保障)。有了低代码,业务人员能自己处理 60%-70% 的小需求,IT 部门就能把时间放在 “核心技术工作” 上,比如搭建企业的数字化基础平台、对接复杂的第三方系统、保障数据安全 —— 这才是 IT 部门的 “核心价值”,而不是当 “需求执行者”。

五、总结:低代码成为 “必选项”,不是因为 “万能”,而是因为 “适配”

回到开头的问题:为什么说低代码是企业数字化转型的 “必选项”?

不是因为它 “能解决所有问题”,而是因为它精准适配了当下企业转型的 “核心需求”:中小企业需要 “低成本、低门槛” 的转型路径,大企业需要 “快响应、高灵活” 的创新支撑,IT 部门需要 “解放精力、聚焦核心”,业务部门需要 “自己动手、不用等”—— 这些需求,低代码都能满足。

就像百特搭服务的上千家企业里,有世界五百强企业、央国企、也有几十人的小公司;有制造业的生产流程,也有服务业的客户管理 —— 他们选择低代码,不是因为 “跟风”,而是因为 “用了之后真的解决了问题”:流程快了、成本省了、创新容易了、数据通了。

未来的数字化转型,不再是 “比谁的系统更复杂、更贵”,而是 “比谁的转型更高效、更灵活”。低代码就像一把 “趁手的工具”,帮企业在转型路上走得更快、更稳 —— 这就是它能成为 “必选项” 的根本原因。

如果你还在为数字化转型的 “慢、贵、难” 头疼,不妨试试低代码:从一个小流程(比如请假审批、库存管理)开始,感受它带来的效率变化,慢慢搭建属于自己企业的数字化体系。毕竟,转型不用 “一步到位”,但一定要 “开始行动”—— 而低代码,就是最好的 “启动键”。


【审批页面模板配置】新增功能

审批模板管理能力插件为付费插件,如需开启此功能,请联系管理员。

审批模板管理能力插件默认系统自带内置模板为上下布局。

如需左右布局,点击新建模板按钮,输入新建模板的名称,点击确定后

点击确定后会自动跳转到模板编辑页面,编辑页面会默认生成上下布局的代码,需要将所有代码改为左右布局的代码

左右布局代码参考:

<template>
    <div class="container-layout">
                <div class="form-layout-content">
            <!-- 表单及讨论审批组件 -->
                        <div class="form-layout">
                                <slot name="form"></slot>
                                <div class="discuss-box" v-if="processInstanceId">
                                </div>
                        </div>
            <!-- 右侧审批进度 -->
                        <div class="record-box" v-if="processInstanceId && showRecordPreview">
                                <div class="record-box-preview">
                    <!-- previewHeight 审批进度组件的最大高度 -->
                                        <slot name="recordPreview" :customData="customData" ></slot>
                    <div style="background: #fff;margin-top:12px;">
                        <!-- <slot name="discuss"></slot> -->
                    </div>
                                </div>
                        </div>
                </div>
        <!-- 底部审批按钮 -->
                <div v-show="showDecision && processInstanceId" class="widgets-layout">
                        <slot name="decisionChatGroup"></slot>
                </div>
        </div>
</template>
<script setup>
    import { ref, unref, onMounted } from "vue";
        
    const props = defineProps({
        showDecision: Boolean,
        processInstanceId: String,
        showRecordPreview: Boolean,
    });

    const customData = ref({previewHeight:'calc(100vh - 310px )'})
    
</script>
<style>
.container-layout {
        display: flex;
        padding-top: 16px;
    min-width: 1280px;
        flex-direction: column;
    padding: 24px;
}

.widgets-layout {
        height: 64px;
        width: 100%;
        margin: 0;
}
.form-layout-content{
    display: flex;
    min-width: 1280px; 
    width: 100%; 
    padding: 0 100px;
}
.form-layout {
    min-width: 634px;
        position: relative;
        flex: 1;
}
.discuss-box{
   background: #fff; 
   border-radius: 8px
}
.record-box{
   width: 446px; 
   padding-left: 56px;
}
.record-box-preview{
   background: #E9FAE5; 
   background: #fff; 
   border-radius: 8px; 
   padding: 25px;
   overflow: auto;
}


</style>

将代码修改为左右布局代码后点击保存,看到保存成功的弹窗后,再点击取消返回到模板管理界面

返回到模板管理界面后,将默认模板勾选为左右布局模板,点击发布即可生效

1.1上下布局:

为默认审批页面布局,表单下方可看到流程预览+处理记录

1.2左右布局:

开启左右布局后,可在表单右侧看到审批进度组件,审批进度组件包括审批进度、知会记录和审批进度通知功能

审批进度:左右布局的审批进度是流程预览和处理记录的结合体,可以在审批进度中看到整个流程、流程目前的审批节点、审批节点的审批人和审批记录等

知会记录:点击知会记录按钮,可看到该流程的知会记录,包括知会时间,知会人和被知会人

审批进度通知:在知会记录按钮右侧的小铃铛形状的按钮

● 关闭模式:默认为关闭模式,关闭模式下,流程发生变化时,流程当前操作人将不会收到流程的相关通知

● 开启模式:点击开启后,当流程节点发生变化时,流程当前操作人将会收到流程变化通知

企业数字化转型的 “快捷键”:为什么说低代码是必选项?

“花了 300 万找外包开发 ERP 系统,上线半年就跟不上业务变化;IT 部门就 3 个人,要同时对接销售、财务、生产的数字化需求,加班到凌晨还是赶不上进度;想做个客户反馈收集系统,从提需求到开发完成,等了整整 4 个月,市场早变了……”

在和企业负责人交流时,这类吐槽几乎成了 “高频词”。如今没人否认 “数字化转型是必答题”—— 政策在推、竞品在做、用户在盼,但真正落地时,“周期长、成本高、技术门槛高、响应慢” 这四大难题,像四座大山挡在很多企业面前。

而低代码的出现,就像给转型路上的企业递了一把 “钥匙”:不用大量写代码,拖拽组件就能搭系统;业务人员也能参与开发,不用全靠 IT;几周就能上线一个新流程,不用等几个月…… 越来越多企业发现,低代码不是 “可选的辅助工具”,而是数字化转型的 “必选项”。今天我们就从宏观趋势到实际价值,聊聊为什么低代码能成为企业转型的 “快捷键”。

一、数字化转型不是 “选择题”,但传统路径已走不通

要理解低代码的必要性,得先搞懂当下企业面临的 “转型压力”—— 不是 “想不想转”,而是 “不转就会被淘汰”;但传统的数字化路径,又让很多企业 “转不动”。

从宏观趋势看,有两个信号特别明显:

一是政策与市场双驱动,数字化成企业生存基础。国家层面,“数字中国” 建设持续推进,从制造业的 “智能制造” 到服务业的 “数字化升级”,政策红利不断向数字化企业倾斜;市场层面,消费者习惯早已改变 —— 买东西要线上选、售后要即时响应、服务要个性化,没做好数字化的企业,连触达客户的机会都少了。

二是市场竞争进入 “敏捷战”,慢一步就丢机会。以前企业做数字化,还能 “按年规划”,一套系统用三五年;现在客户需求每月都在变,竞品每周都有新动作 —— 比如零售企业要快速上线促销活动的核销流程,制造企业要实时调整生产排期应对原材料涨价,物流企业要随时更新配送路线优化成本。这种 “快节奏” 下,传统的数字化路径完全跟不上:找外包开发,需求沟通 1 个月、开发 3 个月、测试 1 个月,等系统上线,市场需求早变了;靠内部 IT 团队,大多中小企业 IT 人员不足 3 人,根本扛不住多部门的开发需求。

更尴尬的是 “数字化断层”:业务部门懂需求,却不会写代码;IT 部门懂技术,却不一定吃透业务细节。比如财务部门想要一个 “费用预警系统”,需要结合报销规则、预算剩余、员工职级来设置逻辑,但 IT 部门得花 2 周时间理解这些业务细节,等开发出来,财务又说 “预算规则改了,得再调整”—— 反复磨合中,时间和成本都耗没了。

这些问题的核心,不是企业 “不想转”,而是传统数字化路径的 “高门槛、慢节奏”,和当下企业 “快响应、低成本” 的需求完全不匹配。而低代码的出现,正好补上了这个 “缺口”。

二、搞懂基础:什么是低代码?它凭什么能破局?

可能有朋友会问:“低代码听起来像技术词,是不是很复杂?” 其实一点都不复杂 —— 简单说,低代码就是 “不用写大量代码,靠拖拽组件、配置规则就能搭建业务系统的工具”。

打个比方:传统开发系统,像 “用水泥、砖头自己盖房子”,从打地基到砌墙都要自己来,得懂建筑原理(写代码);低代码开发,就像 “用乐高积木搭房子”,平台已经做好了门窗、墙壁、屋顶这些 “组件”,你只要根据自己的需求(比如要两室一厅还是三室一卫),把组件拼起来,再调整一下细节(配置规则),房子就搭好了。

比如要做一个 简单的“员工请假审批系统”,用低代码平台的话,不用写一行代码:从左侧组件库拖出 “发起节点”“审批节点”“通知节点”,设置 “员工发起→部门经理审批→人事备案” 的流程,再配置 “请假超过 3 天自动加总经理审批”“审批通过后自动同步到考勤系统” 的规则,1 天就能搭好上线。

和传统开发比,低代码的优势刚好戳中企业转型的痛点:

第一,速度快:从 “按月等” 到 “按周出”
传统开发一个中等复杂度的系统(比如经销商管理系统),平均需要 3-6 个月;用低代码,业务熟悉的人 2-4 周就能搭好。比如经销商订单系统,某零售客户,谈需求就花了 1 个月,开发到一半发现 “需要加库存预警功能”,又返工 2 周;后来用低代码平台,由销售部门主导,IT 部门辅助,2 周就搭好了系统,还能随时调整功能 —— 这就是低代码的 “快”。

第二,成本低:不用再 “砸钱请外包、养团队”
传统开发不仅要付外包费(动辄几十万),后期维护还要再花钱;低代码平台大多是按年订阅,成本只有传统开发的 1/5-1/3。更重要的是,业务人员就能参与开发,不用全靠 IT—— 比如人事部门自己搭 “招聘流程系统”,财务部门自己改 “报销规则”,减少了跨部门沟通成本,也不用再因为 “小需求” 麻烦 IT。

第三,门槛低:业务人员也能当 “开发者”
低代码平台的可视化操作,就像用 Excel 做表格一样简单,只要懂业务逻辑,经过 1-2 天培训就能上手。比如库存管理系统,每天门店员工扫码录入库存,数据实时同步到总部,不用再等 IT 部门开发 —— 这就是低代码的 “普惠性”,让数字化不再是 “IT 专属”。

第四,够灵活:业务变了,系统跟着变
传统系统改个功能,要找开发改代码,少则 1 周多则 1 个月;低代码系统改功能,业务人员自己就能调 —— 比如销售政策变了,改一下客户分级规则;报销标准调了,改一下审批金额阈值,保存后立马生效。比如一家做快消的企业,旺季时需要临时加 “促销订单快速审批” 流程,用低代码 2 小时就调好,不用等 IT 加班,完美应对了旺季需求。

三、核心价值:低代码不止 “快”,更是企业的 “战略支撑”

很多人觉得低代码的价值只是 “快和省”,但其实它的作用远不止于此 —— 在数字化转型中,低代码是企业的 “战略支撑工具”,能帮企业解决 “从转型到创新” 的核心问题。

1. 打破 “数字化门槛”,让中小企业也能 “玩得起”

以前提到数字化,好像都是大企业的 “专利”—— 只有他们能养得起 IT 团队、花得起几百万开发系统。中小企要么 “不敢转”(怕成本打水漂),要么 “转不动”(没人没人)。

低代码却让中小企的数字化有了 “性价比之选”。对中小企而言,低代码不是 “降低数字化标准”,而是 “把有限的资源用在刀刃上”,不用再为了 “面子工程” 砸钱,而是根据实际业务需求,一步步推进数字化,这才是可持续的转型路径。

2. 支撑 “业务创新”,让想法快速落地

数字化转型的核心不是 “上系统”,而是 “用数字化支撑业务创新”—— 比如开发新的服务模式、优化客户体验、试错新的业务场景。但传统开发的 “慢”,会让很多好想法 “胎死腹中”。

低代码能让 “业务想法” 快速变成 “实际系统”,帮企业试错创新。现在很多企业的创新,都是 “小步快跑” 模式:先有个想法,快速上线测试,根据反馈迭代。低代码正好适配这种模式,让业务创新不再 “等得起”,而是 “马上干”。

3. 实现 “敏捷应变”,应对市场不确定性

当下企业面临的最大挑战,就是 “不确定性”—— 原材料涨价、客户需求变、竞品出新招,这些都需要企业快速调整业务流程。而传统系统的 “僵化”,会让企业在变化面前 “反应迟钝”。

低代码能让企业 “随变随调”,像 “灵活的弹簧” 一样应对变化。低代码的 “敏捷价值”,让企业在变化中不慌,还能抓住新机会。

4. 打通 “数据孤岛”,为数字化打下基础

很多企业转型中遇到的难题,不是 “没有系统”,而是 “系统太多,数据不通”—— 销售数据在 CRM 里、财务数据在 ERP 里、库存数据在仓储系统里,要做个决策,得从 3 个系统里导数据、手动算,既慢又容易错。

低代码平台大多有 “系统集成” 能力,能把企业现有的系统打通,让数据流转起来。数据打通了,企业的数字化才不是 “各干各的”,而是形成了 “完整的业务闭环”,管理者做决策时,才能看到 “全链路的业务数据”,而不是 “碎片化的信息”。

四、不是 “替代 IT”,而是 “让 IT 更有价值”

可能有人会担心:“业务人员都能做开发了,IT 部门是不是没用了?” 其实正好相反 —— 低代码是 “解放 IT,而不是替代 IT”。

传统模式下,IT 部门 80% 的时间都在处理 “重复需求”:比如改报销规则、加审批节点、修系统小 bug,没精力做 “更有价值的事”(比如系统架构设计、数据安全保障)。有了低代码,业务人员能自己处理 60%-70% 的小需求,IT 部门就能把时间放在 “核心技术工作” 上,比如搭建企业的数字化基础平台、对接复杂的第三方系统、保障数据安全 —— 这才是 IT 部门的 “核心价值”,而不是当 “需求执行者”。

五、总结:低代码成为 “必选项”,不是因为 “万能”,而是因为 “适配”

回到开头的问题:为什么说低代码是企业数字化转型的 “必选项”?

不是因为它 “能解决所有问题”,而是因为它精准适配了当下企业转型的 “核心需求”:中小企业需要 “低成本、低门槛” 的转型路径,大企业需要 “快响应、高灵活” 的创新支撑,IT 部门需要 “解放精力、聚焦核心”,业务部门需要 “自己动手、不用等”—— 这些需求,低代码都能满足。

就像百特搭服务的上千家企业里,有世界五百强企业、央国企、也有几十人的小公司;有制造业的生产流程,也有服务业的客户管理 —— 他们选择低代码,不是因为 “跟风”,而是因为 “用了之后真的解决了问题”:流程快了、成本省了、创新容易了、数据通了。

未来的数字化转型,不再是 “比谁的系统更复杂、更贵”,而是 “比谁的转型更高效、更灵活”。低代码就像一把 “趁手的工具”,帮企业在转型路上走得更快、更稳 —— 这就是它能成为 “必选项” 的根本原因。

如果你还在为数字化转型的 “慢、贵、难” 头疼,不妨试试低代码:从一个小流程(比如请假审批、库存管理)开始,感受它带来的效率变化,慢慢搭建属于自己企业的数字化体系。毕竟,转型不用 “一步到位”,但一定要 “开始行动”—— 而低代码,就是最好的 “启动键”。


【审批页面模板配置】新增功能

审批模板管理能力插件为付费插件,如需开启此功能,请联系管理员。

审批模板管理能力插件默认系统自带内置模板为上下布局。

如需左右布局,点击新建模板按钮,输入新建模板的名称,点击确定后

点击确定后会自动跳转到模板编辑页面,编辑页面会默认生成上下布局的代码,需要将所有代码改为左右布局的代码

左右布局代码参考:

<template>
    <div class="container-layout">
                <div class="form-layout-content">
            <!-- 表单及讨论审批组件 -->
                        <div class="form-layout">
                                <slot name="form"></slot>
                                <div class="discuss-box" v-if="processInstanceId">
                                </div>
                        </div>
            <!-- 右侧审批进度 -->
                        <div class="record-box" v-if="processInstanceId && showRecordPreview">
                                <div class="record-box-preview">
                    <!-- previewHeight 审批进度组件的最大高度 -->
                                        <slot name="recordPreview" :customData="customData" ></slot>
                    <div style="background: #fff;margin-top:12px;">
                        <!-- <slot name="discuss"></slot> -->
                    </div>
                                </div>
                        </div>
                </div>
        <!-- 底部审批按钮 -->
                <div v-show="showDecision && processInstanceId" class="widgets-layout">
                        <slot name="decisionChatGroup"></slot>
                </div>
        </div>
</template>
<script setup>
    import { ref, unref, onMounted } from "vue";
        
    const props = defineProps({
        showDecision: Boolean,
        processInstanceId: String,
        showRecordPreview: Boolean,
    });

    const customData = ref({previewHeight:'calc(100vh - 310px )'})
    
</script>
<style>
.container-layout {
        display: flex;
        padding-top: 16px;
    min-width: 1280px;
        flex-direction: column;
    padding: 24px;
}

.widgets-layout {
        height: 64px;
        width: 100%;
        margin: 0;
}
.form-layout-content{
    display: flex;
    min-width: 1280px; 
    width: 100%; 
    padding: 0 100px;
}
.form-layout {
    min-width: 634px;
        position: relative;
        flex: 1;
}
.discuss-box{
   background: #fff; 
   border-radius: 8px
}
.record-box{
   width: 446px; 
   padding-left: 56px;
}
.record-box-preview{
   background: #E9FAE5; 
   background: #fff; 
   border-radius: 8px; 
   padding: 25px;
   overflow: auto;
}


</style>

将代码修改为左右布局代码后点击保存,看到保存成功的弹窗后,再点击取消返回到模板管理界面

返回到模板管理界面后,将默认模板勾选为左右布局模板,点击发布即可生效

1.1上下布局:

为默认审批页面布局,表单下方可看到流程预览+处理记录

1.2左右布局:

开启左右布局后,可在表单右侧看到审批进度组件,审批进度组件包括审批进度、知会记录和审批进度通知功能

审批进度:左右布局的审批进度是流程预览和处理记录的结合体,可以在审批进度中看到整个流程、流程目前的审批节点、审批节点的审批人和审批记录等

知会记录:点击知会记录按钮,可看到该流程的知会记录,包括知会时间,知会人和被知会人

审批进度通知:在知会记录按钮右侧的小铃铛形状的按钮

● 关闭模式:默认为关闭模式,关闭模式下,流程发生变化时,流程当前操作人将不会收到流程的相关通知

● 开启模式:点击开启后,当流程节点发生变化时,流程当前操作人将会收到流程变化通知

百特搭低代码平台 | 赋能企业数字化转型
构建企业级应用,从未如此简单
立即体验
预约演示
留言咨询
电话咨询
专业1v1咨询服务
400-1818-187
工作日 9:30~19:00
微信咨询
微信扫码
获取1v1咨询服务