apply-clients 7.1.36-yuchuan-18 → 7.1.36-yuchuan-20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,175 +1,175 @@
1
- <template>
2
- <div>
3
- <div id="container"></div>
4
- </div>
5
- </template>
6
-
7
- <script>
8
- import {HttpResetClass} from 'vue-client'
9
- import LogicFlow from '@logicflow/core'
10
- import '@logicflow/core/dist/style/index.css'
11
- import {isEmpty} from '../../Util'
12
- export default {
13
- title: '测试',
14
- props:['selectdata'],
15
- data () {
16
- return {
17
- lf: null,
18
- data: null
19
- }
20
- },
21
- ready () {
22
- this.installLogicFlow()
23
- this.initData()
24
- },
25
- methods: {
26
- nodeClick (args) {
27
- if (!args.data.properties || args.data.properties.length === 0) {
28
- return
29
- }
30
- let act = args.data.properties[0]
31
- console.log(act)
32
- console.log("sacasassa",args.data)
33
- if(act.defname==='收费标准' || act.defname==='报装缴费' || act.defname==='合同签订' ){
34
- if (this.check(act.actorexpression)) {
35
- this.$dispatch('apply', Object.assign({}, this.selectdata, act))
36
- return
37
- }else {
38
- this.$showMessage("对不起,您没有查看此节点的权限!")
39
- }
40
- }else {
41
- this.$dispatch('apply', Object.assign({}, this.selectdata, act))
42
- return
43
- }
44
- this.$showMessage("对不起,您没有查看此节点的权限!")
45
- },
46
- // 检测是否有权限
47
- check (actorexpression){
48
- let str = null
49
-
50
- if (isEmpty(actorexpression)) {
51
- return true
52
- }
53
-
54
- if (actorexpression.indexOf('D') === 0) {
55
- str = actorexpression.substring(2, actorexpression.length-1)
56
- return this.$login.f.f_parentname.includes(str)
57
- }
58
- if (actorexpression.indexOf('RS') === 0) {
59
- for (str of actorexpression.substring(3, actorexpression.length-1).split(',')) {
60
- return this.$login.f.rolesnames.includes(str)
61
- }
62
- }
63
- //
64
- if (actorexpression.indexOf('R') === 0) {
65
- str = actorexpression.substring(2, actorexpression.length-1)
66
- return this.$login.f.rolesnames.includes(str)
67
- }
68
- //
69
- if (actorexpression.indexOf('PI') === 0) {
70
- str = actorexpression.substring(3, actorexpression.length-1)
71
- return this.$login.f.id.includes(str)
72
- }
73
- if (actorexpression.indexOf('P') === 0) {
74
- str = actorexpression.substring(2, actorexpression.length-1)
75
- return this.$login.f.name.includes(str)
76
- }
77
-
78
- return this.$login.f.rolesnames.includes('流程监控')
79
- },
80
- async initData () {
81
- let http = new HttpResetClass()
82
- let data = {
83
- f_process_id: this.selectdata.f_process_id,
84
- width: parseInt(this.lf.width),
85
- levelHeight: 100,
86
- nodeType: 'rect',
87
- edgeType: 'polyline'
88
- }
89
-
90
- let res = await http.load('POST', 'rs/logic/getAllNode', {data: data}, {
91
- resolveMsg: null,
92
- rejectMsg: null
93
- })
94
-
95
- this.data = res.data
96
- },
97
- // 创建LogicFlow实例
98
- installLogicFlow () {
99
-
100
- this.lf = new LogicFlow({
101
- container: document.querySelector('#container'),
102
- grid: false,
103
- textEdit: false,
104
- isSilentMode: true // 开启静默模式
105
- })
106
-
107
- this.lf.render()
108
-
109
- this.lf.on('node:click', this.nodeClick)
110
- }
111
- },
112
- watch: {
113
- 'data' () {
114
- if (!this.data) {
115
- return
116
- }
117
- // 不采用直接渲染 节点样式无法单独设置 需要在设置节点前设置样式
118
- // this.lf.setTheme({
119
- // rect: {
120
- // width: 100,
121
- // height: 50,
122
- // radius: 6,
123
- // fill: '#4a7cae',
124
- // stroke: '#c75450',
125
- // strokeWidth: 0
126
- // }
127
- // })
128
- // this.lf.render(this.data)
129
-
130
-
131
- console.log('---------------节点样式--------------')
132
-
133
- let style = {
134
- rect: {
135
- width: 120,
136
- height: 50,
137
- radius: 6,
138
- fill: '#ffffff',
139
- stroke: '#000000',
140
- strokeWidth: 1
141
- }
142
- }
143
-
144
- for (const node of this.data.nodes) {
145
- if (!node.properties || node.properties.length === 0) {
146
- style.rect.strokeWidth = 1
147
- style.rect.fill = '#ffffff'
148
- } else {
149
- style.rect.strokeWidth = 0
150
-
151
- let act = node.properties[0]
152
-
153
- if (act.state === '开始活动') {
154
- style.rect.fill = '#c75450'
155
- } else {
156
- style.rect.fill = '#4a7cae'
157
- }
158
-
159
- node.text = `${node.text}\n${act.sendtime}`
160
- }
161
-
162
- this.lf.setTheme(style)
163
- this.lf.addNode(node)
164
- }
165
-
166
- for (const edge of this.data.edges) {
167
- this.lf.createEdge(edge)
168
- }
169
- }
170
- }
171
- }
172
- </script>
173
-
174
- <style scoped>
175
- </style>
1
+ <template>
2
+ <div>
3
+ <div id="container"></div>
4
+ </div>
5
+ </template>
6
+
7
+ <script>
8
+ import {HttpResetClass} from 'vue-client'
9
+ import LogicFlow from '@logicflow/core'
10
+ import '@logicflow/core/dist/style/index.css'
11
+ import {isEmpty} from '../../Util'
12
+ export default {
13
+ title: '测试',
14
+ props:['selectdata'],
15
+ data () {
16
+ return {
17
+ lf: null,
18
+ data: null
19
+ }
20
+ },
21
+ ready () {
22
+ this.installLogicFlow()
23
+ this.initData()
24
+ },
25
+ methods: {
26
+ nodeClick (args) {
27
+ if (!args.data.properties || args.data.properties.length === 0) {
28
+ return
29
+ }
30
+ let act = args.data.properties[0]
31
+ console.log(act)
32
+ console.log("sacasassa",args.data)
33
+ if(act.defname==='收费标准' || act.defname==='报装缴费' || act.defname==='合同签订' ){
34
+ if (this.check(act.actorexpression)) {
35
+ this.$dispatch('apply', Object.assign({}, this.selectdata, act))
36
+ return
37
+ }else {
38
+ this.$showMessage("对不起,您没有查看此节点的权限!")
39
+ }
40
+ }else {
41
+ this.$dispatch('apply', Object.assign({}, this.selectdata, act))
42
+ return
43
+ }
44
+ this.$showMessage("对不起,您没有查看此节点的权限!")
45
+ },
46
+ // 检测是否有权限
47
+ check (actorexpression){
48
+ let str = null
49
+
50
+ if (isEmpty(actorexpression)) {
51
+ return true
52
+ }
53
+
54
+ if (actorexpression.indexOf('D') === 0) {
55
+ str = actorexpression.substring(2, actorexpression.length-1)
56
+ return this.$login.f.f_department_name.includes(str)
57
+ }
58
+ if (actorexpression.indexOf('RS') === 0) {
59
+ for (str of actorexpression.substring(3, actorexpression.length-1).split(',')) {
60
+ return this.$login.f.rolesnames.includes(str)
61
+ }
62
+ }
63
+ //
64
+ if (actorexpression.indexOf('R') === 0) {
65
+ str = actorexpression.substring(2, actorexpression.length-1)
66
+ return this.$login.f.rolesnames.includes(str)
67
+ }
68
+ //
69
+ if (actorexpression.indexOf('PI') === 0) {
70
+ str = actorexpression.substring(3, actorexpression.length-1)
71
+ return this.$login.f.id.includes(str)
72
+ }
73
+ if (actorexpression.indexOf('P') === 0) {
74
+ str = actorexpression.substring(2, actorexpression.length-1)
75
+ return this.$login.f.name.includes(str)
76
+ }
77
+
78
+ return this.$login.f.rolesnames.includes('流程监控')
79
+ },
80
+ async initData () {
81
+ let http = new HttpResetClass()
82
+ let data = {
83
+ f_process_id: this.selectdata.f_process_id,
84
+ width: parseInt(this.lf.width),
85
+ levelHeight: 100,
86
+ nodeType: 'rect',
87
+ edgeType: 'polyline'
88
+ }
89
+
90
+ let res = await http.load('POST', 'rs/logic/getAllNode', {data: data}, {
91
+ resolveMsg: null,
92
+ rejectMsg: null
93
+ })
94
+
95
+ this.data = res.data
96
+ },
97
+ // 创建LogicFlow实例
98
+ installLogicFlow () {
99
+
100
+ this.lf = new LogicFlow({
101
+ container: document.querySelector('#container'),
102
+ grid: false,
103
+ textEdit: false,
104
+ isSilentMode: true // 开启静默模式
105
+ })
106
+
107
+ this.lf.render()
108
+
109
+ this.lf.on('node:click', this.nodeClick)
110
+ }
111
+ },
112
+ watch: {
113
+ 'data' () {
114
+ if (!this.data) {
115
+ return
116
+ }
117
+ // 不采用直接渲染 节点样式无法单独设置 需要在设置节点前设置样式
118
+ // this.lf.setTheme({
119
+ // rect: {
120
+ // width: 100,
121
+ // height: 50,
122
+ // radius: 6,
123
+ // fill: '#4a7cae',
124
+ // stroke: '#c75450',
125
+ // strokeWidth: 0
126
+ // }
127
+ // })
128
+ // this.lf.render(this.data)
129
+
130
+
131
+ console.log('---------------节点样式--------------')
132
+
133
+ let style = {
134
+ rect: {
135
+ width: 120,
136
+ height: 50,
137
+ radius: 6,
138
+ fill: '#ffffff',
139
+ stroke: '#000000',
140
+ strokeWidth: 1
141
+ }
142
+ }
143
+
144
+ for (const node of this.data.nodes) {
145
+ if (!node.properties || node.properties.length === 0) {
146
+ style.rect.strokeWidth = 1
147
+ style.rect.fill = '#ffffff'
148
+ } else {
149
+ style.rect.strokeWidth = 0
150
+
151
+ let act = node.properties[0]
152
+
153
+ if (act.state === '开始活动') {
154
+ style.rect.fill = '#c75450'
155
+ } else {
156
+ style.rect.fill = '#4a7cae'
157
+ }
158
+
159
+ node.text = `${node.text}\n${act.sendtime}`
160
+ }
161
+
162
+ this.lf.setTheme(style)
163
+ this.lf.addNode(node)
164
+ }
165
+
166
+ for (const edge of this.data.edges) {
167
+ this.lf.createEdge(edge)
168
+ }
169
+ }
170
+ }
171
+ }
172
+ </script>
173
+
174
+ <style scoped>
175
+ </style>
@@ -1,119 +1,119 @@
1
- <template>
2
- <div style="overflow: auto;background-color: #FFFFFF;">
3
- <div class="row" v-for="(i,row) in defnames">
4
- <div :class="row.id === selectdata.actid ? 'item selectIndex' : 'item'" @click="getdefname(row)" >
5
- {{ row.defname }}
6
- <br>
7
- {{i === (defnames.length) - 1 ? row.sendtime : row.finishtime}}
8
- </div>
9
- <div class="arrow glyphicon glyphicon-menu-down" v-if="i !== defnames.length-1" aria-hidden="true"></div>
10
- </div>
11
- </div>
12
- </template>
13
-
14
- <script>
15
- import {HttpResetClass} from 'vue-client'
16
- import {isEmpty} from '../../Util'
17
- export default {
18
- title: "流程节点",
19
- props:['selectdata'],
20
- data(){
21
- return{
22
- defnames: [] // 所有节点
23
- }
24
- },
25
- created () {
26
- this.initial()
27
- },
28
- methods :{
29
- async initial () {
30
- // 获取流程节点信息
31
-
32
- let data = {
33
- processid: this.selectdata.f_process_id
34
- }
35
-
36
- let res = await this.$resetpost(
37
- 'rs/sql/getAllNode',
38
- {data: data},
39
- {resolveMsg: null, rejectMsg: '流程节点信息获取失败!!!'}
40
- )
41
-
42
- this.defnames = res.data
43
- },
44
- //点击获取节点名
45
- getdefname (row) {
46
- // 发起节点都可查看
47
- if(row.defname === this.$workflow_vue.start_activity){
48
- row = Object.assign({},this.selectdata,row)
49
- this.$dispatch('apply', row)
50
- return
51
- }
52
- if(this.check(row.actorexpression)){
53
- row = Object.assign({},this.selectdata,row)
54
- this.$dispatch('apply', row)
55
- return
56
- }
57
- this.$showMessage("对不起,您没有查看此节点的权限!")
58
- },
59
- // 检测是否有权限
60
- check (actorexpression){
61
- let str = null
62
-
63
- if (isEmpty(actorexpression)) {
64
- return true
65
- }
66
- return true
67
- if (actorexpression.indexOf('D') === 0) {
68
- str = actorexpression.substring(2, actorexpression.length-1)
69
- return this.$login.f.f_parentname.includes(str)
70
- }
71
- if (actorexpression.indexOf('RS') === 0) {
72
- for (str of actorexpression.substring(3, actorexpression.length-1).split(',')) {
73
- return this.$login.f.rolesnames.includes(str)
74
- }
75
- }
76
-
77
- if (actorexpression.indexOf('R') === 0) {
78
- str = actorexpression.substring(2, actorexpression.length-1)
79
- return this.$login.f.rolesnames.includes(str)
80
- }
81
-
82
- if (actorexpression.indexOf('PI') === 0) {
83
- str = actorexpression.substring(3, actorexpression.length-1)
84
- return this.$login.f.id.includes(str)
85
- }
86
- if (actorexpression.indexOf('P') === 0) {
87
- str = actorexpression.substring(2, actorexpression.length-1)
88
- return this.$login.f.name.includes(str)
89
- }
90
-
91
- return this.$login.f.rolesnames.includes('流程监控')
92
- }
93
- },
94
- watch:{
95
- }
96
- }
97
- </script>
98
-
99
- <style scoped>
100
- .row{
101
- text-align: center;
102
- height: auto;
103
- margin-right: 20px;
104
- }
105
- .item{
106
- border-radius: 2em;
107
- border: 1px solid silver;
108
- line-height: 25px;
109
- }
110
- .arrow{
111
- width: 100%;
112
- color: #5ac0d9;
113
- font-weight: bold;
114
- }
115
- .selectIndex{
116
- background-color: #5ac0d9;
117
- color: #ffffff;
118
- }
119
- </style>
1
+ <template>
2
+ <div style="overflow: auto;background-color: #FFFFFF;">
3
+ <div class="row" v-for="(i,row) in defnames">
4
+ <div :class="row.id === selectdata.actid ? 'item selectIndex' : 'item'" @click="getdefname(row)" >
5
+ {{ row.defname }}
6
+ <br>
7
+ {{i === (defnames.length) - 1 ? row.sendtime : row.finishtime}}
8
+ </div>
9
+ <div class="arrow glyphicon glyphicon-menu-down" v-if="i !== defnames.length-1" aria-hidden="true"></div>
10
+ </div>
11
+ </div>
12
+ </template>
13
+
14
+ <script>
15
+ import {HttpResetClass} from 'vue-client'
16
+ import {isEmpty} from '../../Util'
17
+ export default {
18
+ title: "流程节点",
19
+ props:['selectdata'],
20
+ data(){
21
+ return{
22
+ defnames: [] // 所有节点
23
+ }
24
+ },
25
+ created () {
26
+ this.initial()
27
+ },
28
+ methods :{
29
+ async initial () {
30
+ // 获取流程节点信息
31
+
32
+ let data = {
33
+ processid: this.selectdata.f_process_id
34
+ }
35
+
36
+ let res = await this.$resetpost(
37
+ 'rs/sql/getAllNode',
38
+ {data: data},
39
+ {resolveMsg: null, rejectMsg: '流程节点信息获取失败!!!'}
40
+ )
41
+
42
+ this.defnames = res.data
43
+ },
44
+ //点击获取节点名
45
+ getdefname (row) {
46
+ // 发起节点都可查看
47
+ if(row.defname === this.$workflow_vue.start_activity){
48
+ row = Object.assign({},this.selectdata,row)
49
+ this.$dispatch('apply', row)
50
+ return
51
+ }
52
+ if(this.check(row.actorexpression)){
53
+ row = Object.assign({},this.selectdata,row)
54
+ this.$dispatch('apply', row)
55
+ return
56
+ }
57
+ this.$showMessage("对不起,您没有查看此节点的权限!")
58
+ },
59
+ // 检测是否有权限
60
+ check (actorexpression){
61
+ let str = null
62
+
63
+ if (isEmpty(actorexpression)) {
64
+ return true
65
+ }
66
+ return true
67
+ if (actorexpression.indexOf('D') === 0) {
68
+ str = actorexpression.substring(2, actorexpression.length-1)
69
+ return this.$login.f.f_department_name.includes(str)
70
+ }
71
+ if (actorexpression.indexOf('RS') === 0) {
72
+ for (str of actorexpression.substring(3, actorexpression.length-1).split(',')) {
73
+ return this.$login.f.rolesnames.includes(str)
74
+ }
75
+ }
76
+
77
+ if (actorexpression.indexOf('R') === 0) {
78
+ str = actorexpression.substring(2, actorexpression.length-1)
79
+ return this.$login.f.rolesnames.includes(str)
80
+ }
81
+
82
+ if (actorexpression.indexOf('PI') === 0) {
83
+ str = actorexpression.substring(3, actorexpression.length-1)
84
+ return this.$login.f.id.includes(str)
85
+ }
86
+ if (actorexpression.indexOf('P') === 0) {
87
+ str = actorexpression.substring(2, actorexpression.length-1)
88
+ return this.$login.f.name.includes(str)
89
+ }
90
+
91
+ return this.$login.f.rolesnames.includes('流程监控')
92
+ }
93
+ },
94
+ watch:{
95
+ }
96
+ }
97
+ </script>
98
+
99
+ <style scoped>
100
+ .row{
101
+ text-align: center;
102
+ height: auto;
103
+ margin-right: 20px;
104
+ }
105
+ .item{
106
+ border-radius: 2em;
107
+ border: 1px solid silver;
108
+ line-height: 25px;
109
+ }
110
+ .arrow{
111
+ width: 100%;
112
+ color: #5ac0d9;
113
+ font-weight: bold;
114
+ }
115
+ .selectIndex{
116
+ background-color: #5ac0d9;
117
+ color: #ffffff;
118
+ }
119
+ </style>