Commit a031c1d564742ce57a8dadd12148ff6659a0e2e3
1 parent
9804e781
去除 modelEditor.vue 冗余代码
Showing
1 changed file
with
6 additions
and
70 deletions
yudao-admin-ui/src/views/bpm/model/modelEditor.vue
| 1 | 1 | <template> |
| 2 | -<!-- <div id="app">--> | |
| 3 | 2 | <div class="app-container"> |
| 4 | 3 | |
| 5 | - <!-- TODO 芋艿:去除测试任务 --> | |
| 6 | -<!-- <my-process-palette />--> | |
| 7 | - <my-process-designer | |
| 8 | - :key="`designer-${reloadIndex}`" | |
| 9 | - v-model="xmlString" | |
| 10 | - v-bind="controlForm" | |
| 11 | - keyboard | |
| 12 | - ref="processDesigner" | |
| 13 | - @init-finished="initModeler" | |
| 14 | - /> | |
| 4 | + <!-- 流程编辑器 --> | |
| 5 | + <my-process-designer :key="`designer-${reloadIndex}`" v-model="xmlString" v-bind="controlForm" | |
| 6 | + keyboard ref="processDesigner" @init-finished="initModeler"/> | |
| 7 | + <!-- 右边工具栏 --> | |
| 15 | 8 | <my-properties-panel :key="`penal-${reloadIndex}`" :bpmn-modeler="modeler" :prefix="controlForm.prefix" class="process-panel" /> |
| 16 | 9 | |
| 17 | - <!-- 右边的全局设置 --> | |
| 18 | - <div class="demo-control-bar"> | |
| 19 | - <div class="open-control-dialog" @click="controlDrawerVisible = true"><i class="el-icon-setting"></i></div> | |
| 20 | - </div> | |
| 21 | - <el-drawer :visible.sync="controlDrawerVisible" size="400px" title="偏好设置" append-to-body destroy-on-close> | |
| 22 | - <el-form :model="controlForm" size="small" label-width="100px" class="control-form" @submit.native.prevent> | |
| 23 | - <el-form-item label="流程ID"> | |
| 24 | - <el-input v-model="controlForm.processId" @change="reloadProcessDesigner" /> | |
| 25 | - </el-form-item> | |
| 26 | - <el-form-item label="流程名称"> | |
| 27 | - <el-input v-model="controlForm.processName" @change="reloadProcessDesigner" /> | |
| 28 | - </el-form-item> | |
| 29 | - <el-form-item label="流转模拟"> | |
| 30 | - <el-switch v-model="controlForm.simulation" inactive-text="停用" active-text="启用" @change="reloadProcessDesigner" /> | |
| 31 | - </el-form-item> | |
| 32 | - <el-form-item label="禁用双击"> | |
| 33 | - <el-switch v-model="controlForm.labelEditing" inactive-text="停用" active-text="启用" @change="changeLabelEditingStatus" /> | |
| 34 | - </el-form-item> | |
| 35 | - <!-- TODO 芋艿:custom render 依赖报错 --> | |
| 36 | -<!-- <el-form-item label="隐藏label">--> | |
| 37 | -<!-- <el-switch v-model="controlForm.labelVisible" inactive-text="停用" active-text="启用" @change="changeLabelVisibleStatus" />--> | |
| 38 | -<!-- </el-form-item>--> | |
| 39 | - <el-form-item label="流程引擎"> | |
| 40 | - <el-radio-group v-model="controlForm.prefix" @change="reloadProcessDesigner(true)"> | |
| 41 | - <el-radio label="camunda">camunda</el-radio> | |
| 42 | - <el-radio label="flowable">flowable</el-radio> | |
| 43 | - <el-radio label="activiti">activiti</el-radio> | |
| 44 | - </el-radio-group> | |
| 45 | - </el-form-item> | |
| 46 | - <el-form-item label="工具栏"> | |
| 47 | - <el-radio-group v-model="controlForm.headerButtonSize"> | |
| 48 | - <el-radio label="mini">mini</el-radio> | |
| 49 | - <el-radio label="small">small</el-radio> | |
| 50 | - <el-radio label="medium">medium</el-radio> | |
| 51 | - </el-radio-group> | |
| 52 | - </el-form-item> | |
| 53 | - </el-form> | |
| 54 | - </el-drawer> | |
| 55 | - | |
| 56 | - <!-- TODO 芋艿:去掉多余的 faq --> | |
| 57 | -<!-- <div class="info-tip">--> | |
| 58 | -<!-- <p>注:activiti 好像不支持表单配置,控制台可能会报错</p>--> | |
| 59 | -<!-- <p>更多配置请查看源码:<a href="https://github.com/miyuesc/bpmn-process-designer">MiyueSC/bpmn-process-designer</a></p>--> | |
| 60 | -<!-- <p>疑问请在此留言:<a href="https://github.com/miyuesc/bpmn-process-designer/issues/16">MiyueSC/bpmn-process-designer/issues</a></p>--> | |
| 61 | -<!-- </div>--> | |
| 62 | 10 | </div> |
| 63 | 11 | </template> |
| 64 | 12 | |
| 65 | 13 | <script> |
| 66 | 14 | import translations from "@/components/bpmnProcessDesigner/src/translations"; |
| 67 | -// 自定义渲染(隐藏了 label 标签) | |
| 68 | -// TODO 芋艿:custom render 依赖报错 | |
| 69 | -// import CustomRenderer from "@/modules/custom-renderer"; | |
| 70 | 15 | // 自定义元素选中时的弹出菜单(修改 默认任务 为 用户任务) |
| 71 | 16 | import CustomContentPadProvider from "@/components/bpmnProcessDesigner/package/designer/plugins/content-pad"; |
| 72 | 17 | // 自定义左侧菜单(修改 默认任务 为 用户任务) |
| ... | ... | @@ -76,7 +21,6 @@ import MyProcessPalette from "@/components/bpmnProcessDesigner/package/palette/P |
| 76 | 21 | // 自定义侧边栏 |
| 77 | 22 | // import MyProcessPanel from "../package/process-panel/ProcessPanel"; |
| 78 | 23 | |
| 79 | - | |
| 80 | 24 | export default { |
| 81 | 25 | name: "App", |
| 82 | 26 | components: { MyProcessPalette }, |
| ... | ... | @@ -126,16 +70,7 @@ export default { |
| 126 | 70 | // this.xmlString = undefined; |
| 127 | 71 | // this.$refs.processDesigner.processRestart(); |
| 128 | 72 | // } |
| 129 | - }, | |
| 130 | - changeLabelEditingStatus(status) { | |
| 131 | - this.addis.labelEditing = status ? { labelEditingProvider: ["value", ""] } : false; | |
| 132 | - this.reloadProcessDesigner(); | |
| 133 | - }, | |
| 134 | - // TODO 芋艿:custom render 依赖报错 | |
| 135 | - // changeLabelVisibleStatus(status) { | |
| 136 | - // this.addis.customRenderer = status ? CustomRenderer : false; | |
| 137 | - // this.reloadProcessDesigner(); | |
| 138 | - // }, | |
| 73 | + } | |
| 139 | 74 | } |
| 140 | 75 | }; |
| 141 | 76 | </script> |
| ... | ... | @@ -211,6 +146,7 @@ export default { |
| 211 | 146 | position: absolute; |
| 212 | 147 | right: 0; |
| 213 | 148 | top: 55px; |
| 149 | + height: calc(100vh - 84px); | |
| 214 | 150 | } |
| 215 | 151 | |
| 216 | 152 | </style> | ... | ... |