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
66
67
68
69
70
71
72
73
74
75
| <template>
| <div>
| <el-tabs v-model="active" v-if="name && formConfig.length > 0">
| <el-tab-pane :label="name" name="properties">
| <component :is="(selectNode.type||'').toLowerCase()" :config="selectNode.props"/>
| </el-tab-pane>
| <el-tab-pane label="表单权限设置" name="permissions">
| <form-authority-config/>
| </el-tab-pane>
| </el-tabs>
| <component :is="(selectNode.type||'').toLowerCase()" v-else :config="selectNode.props"/>
| </div>
| </template>
|
| <script>
| import Approval from './ApprovalNodeConfig.vue'
| import Task from './TaskNodeConfig.vue'
| import Condition from './ConditionNodeConfig.vue'
| import Inclusive from './InclusiveNodeConfig.vue'
| import Delay from './DelayNodeConfig.vue'
| import Cc from './CcNodeConfig.vue'
| import Trigger from './TriggerNodeConfig.vue'
| import FormAuthorityConfig from './FormAuthorityConfig.vue'
| import Root from './RootNodeConfig.vue'
| import Subprocess from './SubprocessNodeConfig.vue'
|
| export default {
| name: "NodeConfig",
| components: {
| Approval,
| Task,
| Condition,
| Inclusive,
| Trigger,
| Delay,
| Root,
| Cc,
| Subprocess,
| FormAuthorityConfig
| },
| data() {
| return {
| active: 'properties',
| }
| },
| computed: {
| selectNode() {
| console.log("selectNode",this.$store.state)
| return this.$store.state.selectedNode
| },
| formConfig() {
| return this.$store.state.design.formItems
| },
| name() {
| switch (this.selectNode.type) {
| case 'ROOT':
| return '设置发起人';
| case 'APPROVAL':
| return '设置审批人';
| case 'TASK':
| return '设置办理人';
| case 'CC':
| return '设置抄送人';
| default:
| return null;
| }
| }
| },
| methods: {}
| }
| </script>
|
| <style lang="less" scoped>
|
| </style>
|
|
