1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
| <template>
| <div>
| <el-form label-width="80px" size="small" @submit.native.prevent>
| <el-form-item label="跳过表达式">
| <el-input v-model="bpmnFormData.skipExpression" @change="updateElementTask('skipExpression')"/>
| </el-form-item>
| <el-form-item label="是否为补偿">
| <el-input v-model="bpmnFormData.isForCompensation" @change="updateElementTask('isForCompensation')"/>
| </el-form-item>
| <el-form-item label="服务任务可触发">
| <el-input v-model="bpmnFormData.triggerable" @change="updateElementTask('triggerable')"/>
| </el-form-item>
| </el-form>
| </div>
| </template>
|
| <script>
|
| import {StrUtil} from "@/utils/StrUtil";
| export default {
| name: "OtherPanel",
| /** 组件传值 */
| props : {
| id: {
| type: String,
| required: true
| },
| },
| data() {
| return {
| bpmnFormData: {}
| }
| },
|
| /** 传值监听 */
| watch: {
| id: {
| handler(newVal) {
| if (StrUtil.isNotBlank(newVal)) {
| this.resetTaskForm();
| }
| },
| immediate: true, // 立即生效
| },
| },
| created() {
|
| },
| methods: {
| // 方法区
| resetFlowForm() {
| this.bpmnFormData = JSON.parse(JSON.stringify(this.modelerStore.element.businessObject));
| },
|
| updateElementTask(key) {
| const taskAttr = Object.create(null);
| taskAttr[key] = this.bpmnFormData[key] || null;
| this.modelerStore.modeling.updateProperties(this.modelerStore.element, taskAttr);
| }
| }
| }
|
|
|
| </script>
|
|
