完善工作流模型。工作流定义

This commit is contained in:
yunlong.li
2021-11-19 16:08:01 +08:00
parent bab046f10c
commit f958137dd1
20 changed files with 445 additions and 79 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="">
<div class="bpmnclass">
<ImportDialog :dialogVisibleBool="importXmlShow" @closeShowXmlDialog="closeShowXmlDialog"></ImportDialog>
<el-row>
<el-col :span="24">
@ -28,25 +28,25 @@
</template>
<script>
import templateXml from "./data/template";
import ImportDialog from "./dialog/ImportDialog";
// import activitiCom from "../provider/activiti";
// import BpmnModeler2 from 'bpmn-js/lib/Modeler';
import BpmnModeler from 'jeeplus-bpmn/lib/Modeler'
import customTranslate from "./data/translate/customTranslate";
import VueHeader from "./Header";
import BpmnPanel from "./panel/index";
import activitiModule from './data/activiti.json'
import flowableModule from './data/flowable.json'
import './assets/css/vue-bmpn.css'
import './assets/css/font-awesome.min.css'
import templateXml from "./data/template";
import ImportDialog from "./dialog/ImportDialog";
// import activitiCom from "../provider/activiti";
// import BpmnModeler2 from 'bpmn-js/lib/Modeler';
import BpmnModeler from 'jeeplus-bpmn/lib/Modeler'
import customTranslate from "./data/translate/customTranslate";
import VueHeader from "./Header";
import BpmnPanel from "./panel/index";
import activitiModule from './data/activiti.json'
import flowableModule from './data/flowable.json'
import './assets/css/vue-bmpn.css'
import './assets/css/font-awesome.min.css'
import 'bpmn-js/dist/assets/diagram-js.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css'
import './assets/css/vue-bmpn.css'
export default {
import 'bpmn-js/dist/assets/diagram-js.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css'
import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css'
export default {
name: "VueBpmn",
data() {
return {

View File

@ -31,25 +31,25 @@
.el-collapse-item__header{
padding-left: 15px;
}
.djs-direct-editing-parent{
.bpmnclass .djs-direct-editing-parent{
/*display: none;*/
}
.bpmn-panel {
.bpmnclass .bpmn-panel {
/*width: 370px;*/
border: 1px solid #eeeeee;
padding: 0 5px;
}
.el-select--small{
.bpmnclass .el-select--small{
width: 100%;
}
.el-dialog > .el-dialog__header{
padding: 5px 20px ;
.bpmnclass > .is-fullscreen > .el-dialog__header:first-of-type{
padding: 0 ;
}
.el-dialog > .el-dialog__body{
.bpmnclass .el-dialog > .el-dialog__body{
padding: 0px;
margin: 0 20px;
border: 1px solid #cccccc;
margin: 0 ;
/*border: 1px solid #cccccc;*/
}
.default-undo{
.bpmnclass .default-undo{
color: #c0c4cc;
}

View File

@ -67,7 +67,5 @@ export default {
</script>
<style scoped>
/deep/.el-dialog > .el-dialog__header{
padding: 24px 20px
}
</style>
</style>

View File

@ -129,7 +129,8 @@
<script>
import EventListenerDialog from "./dialog/EventListenerDialog"
import UserSelectDialog from "./dialog/UserSelectDialog"
export default {
export default {
name: "NodePropertyPanel",
data() {
return {
@ -269,32 +270,32 @@ import UserSelectDialog from "./dialog/UserSelectDialog"
</script>
<style scoped>
.title span{
.bpmnclass .title span{
font-weight: bold;
margin-left: 5px;
}
/deep/.el-select .el-input .el-select__caret{
.bpmnclass .el-select .el-input .el-select__caret{
margin-top: 5px;
}
/deep/.el-input__icon{
.bpmnclass .el-input__icon{
height: 20px !important;
line-height: 20px !important;
}
/deep/.el-input-group__append{
.bpmnclass .el-input-group__append{
padding: 0 5px !important;
}
.icon-div{
.bpmnclass .icon-div{
font-size: 1.2em;
font-weight: bold !important;
width: 100%;
}
.icon-div i{
.bpmnclass .icon-div i{
padding: 5px;
}
.icon-div i:hover{
.bpmnclass .icon-div i:hover{
cursor:pointer;
}
.ant-divider-vertical {
.bpmnclass .ant-divider-vertical {
position: relative;
top: -0.08em;
display: inline-block;
@ -303,7 +304,7 @@ import UserSelectDialog from "./dialog/UserSelectDialog"
/*margin: 0 8px;*/
vertical-align: middle;
}
.ant-divider {
.bpmnclass .ant-divider {
box-sizing: border-box;
margin: 0;
padding: 0;

View File

@ -95,9 +95,10 @@
</template>
<script>
import GlobalEventListenerDialog from "./dialog/GlobalEventListenerDialog"
import EventListenerDialog from "./dialog/EventListenerDialog"
export default {
import GlobalEventListenerDialog from "./dialog/GlobalEventListenerDialog"
import EventListenerDialog from "./dialog/EventListenerDialog"
export default {
name: "ProcessProperty",
data() {
return {
@ -232,7 +233,7 @@
</script>
<style scoped>
.title span{
.bpmnclass .title span{
font-weight: bold;
margin-left: 5px;
}

View File

@ -67,8 +67,8 @@
<script>
import EventListenerDialog from "./dialog/EventListenerDialog"
import GlobalEventListenerDialog from "./dialog/GlobalEventListenerDialog";
export default {
export default {
name: "NodePropertyPanel",
data() {
return {
@ -233,7 +233,7 @@ import GlobalEventListenerDialog from "./dialog/GlobalEventListenerDialog";
</script>
<style scoped>
.title span{
.bpmnclass .title span{
font-weight: bold;
margin-left: 5px;
}

View File

@ -115,7 +115,5 @@ export default {
</script>
<style scoped>
/deep/.el-dialog > .el-dialog__header{
padding: 24px 20px
}
</style>

View File

@ -111,7 +111,5 @@ export default {
</script>
<style scoped>
/deep/.el-dialog > .el-dialog__header{
padding: 24px 20px
}
</style>

View File

@ -167,7 +167,5 @@ export default {
</script>
<style scoped>
/deep/.el-dialog > .el-dialog__header{
padding: 24px 20px
}
</style>
</style>