去除 modelEditor.vue 冗余代码

This commit is contained in:
YunaiV 2022-01-02 16:27:43 +08:00
parent 9804e781f4
commit a031c1d564
1 changed files with 6 additions and 70 deletions

View File

@ -1,72 +1,17 @@
<template>
<!-- <div id="app">-->
<div class="app-container">
<!-- TODO 芋艿去除测试任务 -->
<!-- <my-process-palette />-->
<my-process-designer
:key="`designer-${reloadIndex}`"
v-model="xmlString"
v-bind="controlForm"
keyboard
ref="processDesigner"
@init-finished="initModeler"
/>
<!-- 流程编辑器 -->
<my-process-designer :key="`designer-${reloadIndex}`" v-model="xmlString" v-bind="controlForm"
keyboard ref="processDesigner" @init-finished="initModeler"/>
<!-- 右边工具栏 -->
<my-properties-panel :key="`penal-${reloadIndex}`" :bpmn-modeler="modeler" :prefix="controlForm.prefix" class="process-panel" />
<!-- 右边的全局设置 -->
<div class="demo-control-bar">
<div class="open-control-dialog" @click="controlDrawerVisible = true"><i class="el-icon-setting"></i></div>
</div>
<el-drawer :visible.sync="controlDrawerVisible" size="400px" title="偏好设置" append-to-body destroy-on-close>
<el-form :model="controlForm" size="small" label-width="100px" class="control-form" @submit.native.prevent>
<el-form-item label="流程ID">
<el-input v-model="controlForm.processId" @change="reloadProcessDesigner" />
</el-form-item>
<el-form-item label="流程名称">
<el-input v-model="controlForm.processName" @change="reloadProcessDesigner" />
</el-form-item>
<el-form-item label="流转模拟">
<el-switch v-model="controlForm.simulation" inactive-text="停用" active-text="启用" @change="reloadProcessDesigner" />
</el-form-item>
<el-form-item label="禁用双击">
<el-switch v-model="controlForm.labelEditing" inactive-text="停用" active-text="启用" @change="changeLabelEditingStatus" />
</el-form-item>
<!-- TODO 芋艿custom render 依赖报错 -->
<!-- <el-form-item label="隐藏label">-->
<!-- <el-switch v-model="controlForm.labelVisible" inactive-text="停用" active-text="启用" @change="changeLabelVisibleStatus" />-->
<!-- </el-form-item>-->
<el-form-item label="流程引擎">
<el-radio-group v-model="controlForm.prefix" @change="reloadProcessDesigner(true)">
<el-radio label="camunda">camunda</el-radio>
<el-radio label="flowable">flowable</el-radio>
<el-radio label="activiti">activiti</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="工具栏">
<el-radio-group v-model="controlForm.headerButtonSize">
<el-radio label="mini">mini</el-radio>
<el-radio label="small">small</el-radio>
<el-radio label="medium">medium</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</el-drawer>
<!-- TODO 芋艿去掉多余的 faq -->
<!-- <div class="info-tip">-->
<!-- <p>activiti 好像不支持表单配置控制台可能会报错</p>-->
<!-- <p>更多配置请查看源码<a href="https://github.com/miyuesc/bpmn-process-designer">MiyueSC/bpmn-process-designer</a></p>-->
<!-- <p>疑问请在此留言<a href="https://github.com/miyuesc/bpmn-process-designer/issues/16">MiyueSC/bpmn-process-designer/issues</a></p>-->
<!-- </div>-->
</div>
</template>
<script>
import translations from "@/components/bpmnProcessDesigner/src/translations";
// label
// TODO custom render
// import CustomRenderer from "@/modules/custom-renderer";
//
import CustomContentPadProvider from "@/components/bpmnProcessDesigner/package/designer/plugins/content-pad";
//
@ -76,7 +21,6 @@ import MyProcessPalette from "@/components/bpmnProcessDesigner/package/palette/P
//
// import MyProcessPanel from "../package/process-panel/ProcessPanel";
export default {
name: "App",
components: { MyProcessPalette },
@ -126,16 +70,7 @@ export default {
// this.xmlString = undefined;
// this.$refs.processDesigner.processRestart();
// }
},
changeLabelEditingStatus(status) {
this.addis.labelEditing = status ? { labelEditingProvider: ["value", ""] } : false;
this.reloadProcessDesigner();
},
// TODO custom render
// changeLabelVisibleStatus(status) {
// this.addis.customRenderer = status ? CustomRenderer : false;
// this.reloadProcessDesigner();
// },
}
}
};
</script>
@ -211,6 +146,7 @@ export default {
position: absolute;
right: 0;
top: 55px;
height: calc(100vh - 84px);
}
</style>