Commit a031c1d564742ce57a8dadd12148ff6659a0e2e3

Authored by YunaiV
1 parent 9804e781

去除 modelEditor.vue 冗余代码

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 &quot;@/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>
... ...