首页 > Vue >

bpmnjs怎么禁止节点拖动和编辑等功能变成只读模式?

时间: 作者:admin 浏览:
import customTranslate from '@/components/bpmnProcess/customTranslate/customTranslate';
import flowableDescriptor from '@/components/bpmnProcess/properties-panel/descriptor/flowable.json';
import flowableMoudle from '@/components/bpmnProcess/properties-panel/extension-moddle/flowable';

export default{
    data(){
        return{

        }
    },
    methods:{
        async getViewer(){
            const {CustomModeler} = await require('@/components/bpmnProcess/customModeler')
            let modeler = await new CustomModeler({
                container: this.$refs.bpmnbox,
                height: '100%',
                moddleExtensions: {
                    flowable: flowableDescriptor
                },
                additionalModules: [
                    flowableMoudle,
                    {
                        translate: ['value', customTranslate],
                        paletteProvider:["value",''],//禁用/清空左侧工具栏
                        labelEditingProvider:["value",''],//禁用节点编辑
                        contextPadProvider:["value",''],//禁用图形菜单
                        bendpoints:["value",{}],//禁用连线拖动
                        zoomScroll:["value",''],//禁用滚动
                        moveCanvas:['value',''],//禁用拖动整个流程图
                        move:['value','']//禁用单个图形拖动
                    }
                ]
            })
            return modeler
        }
    }
}
//这里也可以直接用官方的bpmnViewer对象,小编这里只是不想重新修改一遍,用已经汉化过,自定义过的CustomModeler对象,实属是为了以后万一要开放什么功能做准备;
引导:

关于bpmnjs+vue的更多篇章,小编已经全部整理在这里:
bpmnjs+vue中文文档API常见方法使用总结

微信公众号
微信公众号:
  • 前端全栈之路(微信群)
前端QQ交流群
前端QQ交流群:
  • 794324979
  • 734802480(已满)

更多文章

栏目文章


Copyright © 2014-2023 seozhijia.net 版权所有-粤ICP备13087626号-4