sasp-flow-render 1.0.14 → 1.0.16

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.
Files changed (5) hide show
  1. package/index.js +1 -1
  2. package/package.json +1 -1
  3. package/src/components/flowInst/flowInstList.vue +2 -1
  4. package/src/views/popup/event/compoment/system/flowEditContentConfig.vue +321 -0
  5. package/src/views/popup/event/js/loadFlowEventPlugin.js +111 -108
package/index.js CHANGED
@@ -120,7 +120,7 @@ const install = function (Vue, opts = {}) {
120
120
  components.forEach(component => {
121
121
  Vue.component(component.name, component);
122
122
  });
123
- loadFlowEventPlugin.installAll();
123
+ loadFlowEventPlugin.installAll(Vue);
124
124
  };
125
125
 
126
126
  export default {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sasp-flow-render",
3
- "version": "1.0.14",
3
+ "version": "1.0.16",
4
4
  "description": "业务应用支撑平台-智慧流程渲染组件",
5
5
  "scripts": {
6
6
  "build": "vue-cli-service build"
package/src/components/flowInst/flowInstList.vue CHANGED
@@ -732,7 +732,8 @@
732
732
  flowInstIds += "," + row.id;
733
733
  });
734
734
  this.axios.post(this.api.plFlowInst.deleteFlowInst, {
735
- flowInstIds: flowInstIds.substring(1)
735
+ flowInstIds: flowInstIds.substring(1),
736
+ flowId: this.flowDefine.id,
736
737
  }).then(res => {
737
738
  if (res && res.data && res.data.operateSuccess) {
738
739
  this.$message({type: "success", message: "删除成功！"});
package/src/views/popup/event/compoment/system/flowEditContentConfig.vue ADDED
@@ -0,0 +1,321 @@
1
+ <!--修改内容-->
2
+ <template>
3
+ <!--接口参数设置-->
4
+ <el-container style="height: 100%;background-color: white;">
5
+ <el-header style="height: auto;position: relative" size="medium">
6
+ <el-button type="primary" size="small" round icon="el-icon-circle-plus" @click="addSelectOption()">新增
7
+ </el-button>
8
+ <el-button type="danger" size="small" round icon="el-icon-delete" @click="deleteSelectOption()">删除
9
+ </el-button>
10
+ </el-header>
11
+ <el-form :model="eventData" ref="nodeBasicForm" size="small" style="width: 100%">
12
+ <el-main id="tableMain" style="height: 100%;">
13
+ <el-table :data="eventData.conditionArr" stripe style="width: 100%;" border ref="selectOptionTableRef" max-height="300px">
14
+ <el-table-column type="selection" width="40" align="center"></el-table-column>
15
+ <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
16
+
17
+ <el-table-column label="字段" width="220" align="center">
18
+ <template slot-scope="scope">
19
+ <el-form-item :prop="'conditionArr.' + scope.$index + '.field'" :rules="plValidate('required')" >
20
+ <el-select v-model="scope.row.field"
21
+ :size="size" placeholder="请选择" filterable style="width: 100%">
22
+ <el-option v-for="(nodePower,index) in nodePowerDataArr"
23
+ :key="index"
24
+ :label="nodePower.fieldName"
25
+ :value="nodePower.field">
26
+ </el-option>
27
+ </el-select>
28
+ </el-form-item>
29
+ </template>
30
+ </el-table-column>
31
+
32
+ <el-table-column prop="valType" label="值类型" align="center" width="500">
33
+ <template slot-scope="scope" v-if="scope.row.operaSign != 'is null' && scope.row.operaSign != 'is not null'">
34
+ <el-form-item :prop="'conditionArr.' + scope.$index + '.valType'" :rules="plValidate('required')" label-width="0px">
35
+ <el-select v-model="scope.row.valType" :size="size" @change="changeValType(scope.row)">
36
+ <el-option v-for="(valType,key) in valTypeObj" :key="key" :value="key" :label="valType"></el-option>
37
+ </el-select>
38
+ </el-form-item>
39
+ </template>
40
+ </el-table-column>
41
+
42
+ <el-table-column prop="value" label="值" align="center" >
43
+ <template slot-scope="scope" v-if="scope.row.operaSign != 'is null' && scope.row.operaSign != 'is not null'">
44
+ <el-form-item v-if="scope.row.valType && scope.row.valType == 'sysData'" :prop="'conditionArr.' + scope.$index + '.value'">
45
+ <!--用于数据字典-->
46
+ <el-cascader v-if="scope.row.valType == 'sysData'" style="width: 100%"
47
+ v-model="scope.row.value"
48
+ :options="dataTreeArr"
49
+ expand-trigger="hover"
50
+ filterable
51
+ :size="size">
52
+ </el-cascader>
53
+ </el-form-item>
54
+
55
+ <el-form-item v-if="scope.row.valType && scope.row.valType == 'diy'" :prop="'conditionArr.' + scope.$index + '.value'">
56
+ <!--用于自定义-->
57
+ <el-input v-if="scope.row.valType == 'diy'" type="input" v-model="scope.row.value" :size="size">
58
+ </el-input>
59
+ </el-form-item>
60
+
61
+ <el-form-item v-if="scope.row.valType && scope.row.valType == 'number'" :prop="'conditionArr.' + scope.$index + '.value'" :rules="plValidate('number')">
62
+ <!--用于自定义-->
63
+ <el-input v-if="scope.row.valType == 'number'" type="input" v-model="scope.row.value" :size="size">
64
+ </el-input>
65
+ </el-form-item>
66
+
67
+ <el-form-item v-if="scope.row.valType && scope.row.valType == 'user'" :prop="'conditionArr.' + scope.$index + '.value'">
68
+ <!--用户信息-->
69
+ <el-select v-if="scope.row.valType == 'user'" style="width: 100%"
70
+ v-model="scope.row.value">
71
+ <el-option v-for="item in userInfoArr"
72
+ :key="item.value"
73
+ :label="item.label"
74
+ :value="item.value">
75
+ </el-option>
76
+ </el-select>
77
+ </el-form-item>
78
+ </template>
79
+ </el-table-column>
80
+ </el-table>
81
+ </el-main>
82
+ </el-form>
83
+ </el-container>
84
+ </template>
85
+
86
+ <script>
87
+ import EventParentConfig from "../eventParentConfig";
88
+ import {Replace} from "sasp-base";
89
+ export default {
90
+ name: "flow-edit-content-config",
91
+ extends: EventParentConfig,
92
+ eventType: 'flow',
93
+ eventName:'修改表单内容',
94
+ data(){
95
+ return{
96
+ size:"samll",
97
+ valTypeObj:{
98
+ "user":"当前用户信息",
99
+ "sysData":"数据字典",
100
+ "number":"自定义数字",
101
+ "diy":"自定义文本"
102
+ },
103
+ dataSourceArr:[
104
+ {label:"缺省值",value:"default"},
105
+ {label:"数据字典",value:"data"},
106
+ {label:"表单字段",value:"formField"},
107
+ {label:"自定义",value:"diy"}
108
+ ],
109
+
110
+ //缺省值类型
111
+ defaultArr:[
112
+ {label:"用户名",value:"LOGINUSER.userName"},
113
+ {label:"用户ID",value:"LOGINUSER.userId"},
114
+ {label:"用户账户",value:"LOGINUSER.userAccount"},
115
+ {label:"用户类型",value:"LOGINUSER.userType"},
116
+ {label:"关联ID",value:"LOGINUSER.linkId"},
117
+ {label:"组织名称",value:"LOGINUSER.mainOrgName"},
118
+ {label:"组织ID",value:"LOGINUSER.mainOrgId"},
119
+ {label:"部门名称",value:"LOGINUSERDEPT.orgName"},
120
+ {label:"部门ID",value:"LOGINUSERDEPT.id"},
121
+ {label:"组织岗位用户ID",value:"LOGINUSER.orgPosUserIds"},
122
+ {label:"用户所属省ID",value:"LOGINUSERDEPT.province"},
123
+ {label:"用户所属市ID",value:"LOGINUSERDEPT.city"},
124
+ {label:"用户所属区ID",value:"LOGINUSERDEPT.area"},
125
+ {label:"用户所属街道ID",value:"LOGINUSERDEPT.street"},
126
+ {label:"用户所属省名称",value:"LOGINUSERDEPT.provinceName"},
127
+ {label:"用户所属市名称",value:"LOGINUSERDEPT.cityName"},
128
+ {label:"用户所属区名称",value:"LOGINUSERDEPT.areaName"},
129
+ {label:"用户所属街道名称",value:"LOGINUSERDEPT.streetName"},
130
+ {label:"系统时间",value:"SYSTIME.yearMoNday"},
131
+ ],
132
+ userInfoArr:[
133
+ {
134
+ "value":"LOGINUSER.userId",
135
+ "label":"用户ID",
136
+ },{
137
+ "value":"LOGINUSER.userName",
138
+ "label":"用户名称",
139
+ },
140
+ ], //用户信息
141
+ }
142
+ },
143
+ created(){
144
+
145
+ },
146
+ methods:{
147
+ /**
148
+ * 添加选项
149
+ */
150
+ addSelectOption(){
151
+ this.$refs.nodeBasicForm.validate(valid => {
152
+ if (!valid) {
153
+ return;
154
+ }
155
+ if(!this.eventData.conditionArr){
156
+ this.$set(this.eventData,"conditionArr",[]);
157
+ }
158
+ this.eventData.conditionArr.push({
159
+ field: '', //字段
160
+ operaSign: '', //单一通过
161
+ valType: '', //值类型
162
+ value:'',
163
+ key:this.COMMON_FUNC.getUuidByParams(16), //唯一标志
164
+ }
165
+ )
166
+ });
167
+
168
+ },
169
+
170
+ /**
171
+ * 根据index 删除选项
172
+ */
173
+ deleteSelectOption(){
174
+ let selection = this.$refs["selectOptionTableRef"].selection || [];
175
+ if(selection.length == 0){
176
+ this.$message.warning('请至少选择一条需要删除的数据');
177
+ return;
178
+ }
179
+
180
+ this.$confirm('是否确定删除选择的“' + selection.length + '”条数据?', '警告', {
181
+ confirmButtonText: '确定',
182
+ cancelButtonText: '取消',
183
+ }).then(()=> {
184
+ let keyArr = [];
185
+ selection.forEach(item =>{
186
+ keyArr.push(item.key);
187
+ });
188
+ this.eventData.conditionArr = (this.eventData.conditionArr || []).filter(({ key }) => keyArr.indexOf(key) == -1);
189
+ });
190
+ },
191
+
192
+
193
+
194
+
195
+
196
+ /**
197
+ * 切换
198
+ * @param eventData
199
+ */
200
+ dataTypeChange(eventData){
201
+ this.$set(eventData,'value',null);
202
+ },
203
+
204
+ /**
205
+ * 切换数据后值清空
206
+ * @param eventData
207
+ */
208
+ changeDic(eventData){
209
+ this.$set(eventData,'value',null);
210
+ },
211
+
212
+
213
+ /**
214
+ * 校验规则，不写默认通过
215
+ */
216
+ validateMethod(){
217
+ let flag = true;
218
+ //校验
219
+ let nodeBasicForm = this.$refs.nodeBasicForm;
220
+ if(!nodeBasicForm){
221
+ flag = false;
222
+ }
223
+ nodeBasicForm.validate((validate) => {
224
+ if (!validate) {
225
+ flag = false;
226
+ return;
227
+ }
228
+ })
229
+ return flag;
230
+ },
231
+
232
+ /**
233
+ * 如果是表单规则（eventType: 'tableView'）走此渲染方法
234
+ * @vm 当前整个表单对象
235
+ * @CTX 后台url前缀 如 http://localhost:8080
236
+ * @axios axios 请求对象
237
+ * @nodeObj 节点obj
238
+ * @formData 表单字段
239
+ * @affectContent 响应配置（表单规则配置好数据）
240
+ * @executeType 执行类型
241
+ *
242
+ */
243
+ renderFlowConfig(vm,CTX,axios,nodeObj,formData,affectContent,executeType){
244
+ if(executeType == 'suspend'){ //流程中止后需要单独操作
245
+ let paramsObj = {};
246
+ paramsObj["id"] = formData.ID;
247
+ (affectContent.conditionArr || []).forEach(affect =>{
248
+ let field = affect.field;
249
+ if(field){
250
+ if(affect.valType == 'diy'){ //自定义文本
251
+ paramsObj[field] = affect.value || '';
252
+ }else if(affect.valType == 'number'){ //自定义数字
253
+ if(affect.value && !isNaN(Number(affect.value)) ){
254
+ paramsObj[field] = affect.value;
255
+ }else {
256
+ paramsObj[field] = '';
257
+ }
258
+ }else if(affect.valType == 'sysData'){ //数据字典
259
+ if(affect.value){
260
+ let maxIndex = affect.value.length - 1;
261
+ paramsObj[field] = affect.value[maxIndex] || '';
262
+ }
263
+ }else if(affect.valType == 'user'){
264
+ if(affect.value.indexOf("LOGINUSER") > -1){
265
+ let value = Replace.def(vm.loginUser,affect.value) || "";
266
+ paramsObj[field] = value;
267
+ }
268
+ }
269
+ }
270
+ });
271
+ //更新表单
272
+ axios.post(vm.api.plCommonmethod.url + "/updateById", {"formId":vm.formInfo.formId,"dataId":formData.ID,"updateParams":JSON.stringify(paramsObj)}).then(res => {
273
+
274
+ });
275
+ }else{ //其他类型
276
+ (affectContent.conditionArr || []).forEach(affect =>{
277
+ let field = affect.field;
278
+ if(field){
279
+ if(affect.valType == 'diy'){ //自定义文本
280
+ vm.$set(formData,field,affect.value || '')
281
+ }else if(affect.valType == 'number'){ //自定义数字
282
+ if(affect.value && !isNaN(Number(affect.value)) ){
283
+ vm.$set(formData,field,affect.value);
284
+ }else {
285
+ vm.$set(formData,field,'');
286
+ }
287
+ }else if(affect.valType == 'sysData'){ //数据字典
288
+ if(affect.value){
289
+ let maxIndex = affect.value.length - 1;
290
+ vm.$set(formData,field,affect.value[maxIndex] || '');
291
+ }
292
+ }else if(affect.valType == 'user'){
293
+ if(affect.value.indexOf("LOGINUSER") > -1){
294
+ let value = Replace.def(vm.loginUser,affect.value) || "";
295
+ vm.$set(formData,field,value)
296
+ }
297
+ }
298
+ }
299
+ });
300
+ }
301
+ },
302
+
303
+ /**
304
+ * 切换值类型
305
+ * @param row
306
+ */
307
+ changeValType(row){
308
+ if(row.valType == 'diy' || row.valType == 'number' || row.valType == 'user'){
309
+ this.$set(row,'value','');//重置值
310
+ }else if(row.valType == 'sysData'){
311
+ this.$set(row,'value',[]);//重置值
312
+ }
313
+
314
+ }
315
+ }
316
+ }
317
+ </script>
318
+
319
+ <style scoped>
320
+
321
+ </style>
package/src/views/popup/event/js/loadFlowEventPlugin.js CHANGED
@@ -1,4 +1,3 @@
1
- import {eventPlugin} from "sasp-base";
2
1
  import axios from "axios/index";
3
2
  import apiFlow from "../../../../assets/js/api/apiFlow";
4
3
 
@@ -167,113 +166,117 @@ let eventObj = {}; //事件对象
167
166
 
168
167
  export default {
169
168
  name: "loadEventPlugin",
170
- installAll(){
171
- // axios.post(apiFlow.apis.eventRule.findByVersion,{"eventTypes":"flow"}).then(res =>{ //查询流程相关事件规则
172
- // if(res){
173
- // Object.keys(diyEventObjs).forEach(key =>{
174
- // //加载列格式化
175
- // diyEventObjs[key].forEach(item =>{
176
- // eventPlugin.preActiveEventRule(item);
177
- // })
178
- // });
179
- // //加载系统事件规则
180
- // Object.keys(sysEventObjs).forEach(key =>{
181
- // //加载列格式化
182
- // sysEventObjs[key].forEach(item =>{
183
- // eventPlugin.installEventRule(item);
184
- // })
185
- // });
186
- //
187
- // (res.data || []).forEach(item =>{
188
- // if(item.eventUse == '1' && item.dataSource == '2')
189
- // {
190
- // //将后台返回的配置字符串转换为config组件,渲染字符串转化为render组件
191
- // let configStr = item.eventConfigurationStr; //配置文件字符串
192
- // let renderStr = item.eventRenderStr; //渲染文件字符串
193
- // let eventComp = {"id":item.eventKey,
194
- // "name":item.eventName,
195
- // "eventSource": item.eventSource,
196
- // "eventType":item.eventType,
197
- // "dataSource":item.dataSource,
198
- // "config":null,
199
- // "render":null};
200
- // if(configStr){
201
- // let configObj = JSON.parse(configStr);
202
- // let tempComp = configObj["comp"];
203
- // let method = configObj["method"];
204
- // // 转化
205
- // try {
206
- // recoverComponent(method);
207
- // }catch (e) {
208
- // console.log(e);
209
- // }
210
- // assignLevel(tempComp,method);
211
- // Object.assign(eventComp,{"config":tempComp});
212
- // }
213
- // if(renderStr){
214
- // let renderObj = JSON.parse(renderStr);
215
- // let tempComp = renderObj["comp"];
216
- // let obj = renderObj["method"];
217
- // recoverComponent(obj);
218
- // assignLevel(tempComp,obj);
219
- // Object.assign(eventComp,{"render":tempComp});
220
- // }
221
- // eventPlugin.installEventRule(eventComp); //执行注册
222
- //
223
- // function recoverComponent(result){
224
- // Object.keys(result).forEach(key => {
225
- // if(Array.isArray(result[key])){
226
- // if(key == "beforeCreate" || key == "beforeDestroy"){
227
- // result[key] = [];
228
- // }else{
229
- // result[key].forEach((item,index) => {
230
- // let name = item.name || "a";
231
- // result[key][index] = new Function("let " + name + " = "+ item +";return " + name + ";")();
232
- // })
233
- // }
234
- // }else if (typeof result[key] === "object"){
235
- // if(result[key]["beforeCreate"] && result[key]["beforeDestroy"]){
236
- // recoverComponent(result[key]);
237
- // }else{
238
- // Object.keys(result[key]).forEach(temKey => {
239
- // let name = result[key][temKey].name || temKey;
240
- // if(Number(name) || Number(name) === 0){
241
- // name = "a";
242
- // }
243
- // result[key][temKey] = new Function("let " + name + " = " + result[key][temKey] +";return " + name + ";")();
244
- // })
245
- // }
246
- // }else{
247
- // let name = result[key].name || key;
248
- // result[key] = new Function("let " + name + " = " + result[key] +";return " + name + ";")();
249
- // }
250
- // })
251
- // }
252
- // // 多级对象复制方法
253
- // function assignLevel(target,source){
254
- // let value = {};
255
- // Object.keys(target).forEach(key => {
256
- // if(typeof target[key] === "object" && target[key]["beforeCreate"] && target[key]["beforeDestroy"]){
257
- // value[key] = target[key];
258
- // assignLevel(value[key],source[key]);
259
- // delete target[key];
260
- // }
261
- // })
262
- // Object.assign(target,source,value);
263
- // }
264
- // }
265
- // else if(item.dataSource == '1') { //数据库已经保存得组件注册
266
- // Object.keys(diyEventObjs).forEach(key => {
267
- // diyEventObjs[key].forEach(comp =>{
268
- // if(comp.id == item.eventKey){
269
- // eventPlugin.installEventRule(comp);//全局注册
270
- // }
271
- // });
272
- // });
273
- // }
274
- // });
275
- // }
276
- // });
169
+ installAll(Vue){
170
+ axios.post(apiFlow.apis.eventRule.findByVersion,{"eventTypes":"flow"}).then(res =>{ //查询流程相关事件规则
171
+ let eventPlugin = Vue.prototype.EVENT_PLUGIN || {};
172
+ if(res){
173
+ Object.keys(diyEventObjs).forEach(key =>{
174
+ //加载列格式化
175
+ diyEventObjs[key].forEach(item =>{
176
+ eventPlugin.preActiveEventRule(item);
177
+ })
178
+ });
179
+ //加载系统事件规则
180
+ Object.keys(sysEventObjs).forEach(key =>{
181
+ //加载列格式化
182
+ sysEventObjs[key].forEach(item =>{
183
+ eventPlugin.installEventRule(item);
184
+ })
185
+ });
186
+
187
+ if(!Array.isArray(res.data)){
188
+ res.data = [];
189
+ }
190
+ (res.data || []).forEach(item =>{
191
+ if(item.eventUse == '1' && item.dataSource == '2')
192
+ {
193
+ //将后台返回的配置字符串转换为config组件,渲染字符串转化为render组件
194
+ let configStr = item.eventConfigurationStr; //配置文件字符串
195
+ let renderStr = item.eventRenderStr; //渲染文件字符串
196
+ let eventComp = {"id":item.eventKey,
197
+ "name":item.eventName,
198
+ "eventSource": item.eventSource,
199
+ "eventType":item.eventType,
200
+ "dataSource":item.dataSource,
201
+ "config":null,
202
+ "render":null};
203
+ if(configStr){
204
+ let configObj = JSON.parse(configStr);
205
+ let tempComp = configObj["comp"];
206
+ let method = configObj["method"];
207
+ // 转化
208
+ try {
209
+ recoverComponent(method);
210
+ }catch (e) {
211
+ console.log(e);
212
+ }
213
+ assignLevel(tempComp,method);
214
+ Object.assign(eventComp,{"config":tempComp});
215
+ }
216
+ if(renderStr){
217
+ let renderObj = JSON.parse(renderStr);
218
+ let tempComp = renderObj["comp"];
219
+ let obj = renderObj["method"];
220
+ recoverComponent(obj);
221
+ assignLevel(tempComp,obj);
222
+ Object.assign(eventComp,{"render":tempComp});
223
+ }
224
+ eventPlugin.installEventRule(eventComp); //执行注册
225
+
226
+ function recoverComponent(result){
227
+ Object.keys(result).forEach(key => {
228
+ if(Array.isArray(result[key])){
229
+ if(key == "beforeCreate" || key == "beforeDestroy"){
230
+ result[key] = [];
231
+ }else{
232
+ result[key].forEach((item,index) => {
233
+ let name = item.name || "a";
234
+ result[key][index] = new Function("let " + name + " = "+ item +";return " + name + ";")();
235
+ })
236
+ }
237
+ }else if (typeof result[key] === "object"){
238
+ if(result[key]["beforeCreate"] && result[key]["beforeDestroy"]){
239
+ recoverComponent(result[key]);
240
+ }else{
241
+ Object.keys(result[key]).forEach(temKey => {
242
+ let name = result[key][temKey].name || temKey;
243
+ if(Number(name) || Number(name) === 0){
244
+ name = "a";
245
+ }
246
+ result[key][temKey] = new Function("let " + name + " = " + result[key][temKey] +";return " + name + ";")();
247
+ })
248
+ }
249
+ }else{
250
+ let name = result[key].name || key;
251
+ result[key] = new Function("let " + name + " = " + result[key] +";return " + name + ";")();
252
+ }
253
+ })
254
+ }
255
+ // 多级对象复制方法
256
+ function assignLevel(target,source){
257
+ let value = {};
258
+ Object.keys(target).forEach(key => {
259
+ if(typeof target[key] === "object" && target[key]["beforeCreate"] && target[key]["beforeDestroy"]){
260
+ value[key] = target[key];
261
+ assignLevel(value[key],source[key]);
262
+ delete target[key];
263
+ }
264
+ })
265
+ Object.assign(target,source,value);
266
+ }
267
+ }
268
+ else if(item.dataSource == '1') { //数据库已经保存得组件注册
269
+ Object.keys(diyEventObjs).forEach(key => {
270
+ diyEventObjs[key].forEach(comp =>{
271
+ if(comp.id == item.eventKey){
272
+ eventPlugin.installEventRule(comp);//全局注册
273
+ }
274
+ });
275
+ });
276
+ }
277
+ });
278
+ }
279
+ });
277
280
 
278
281
  }
279
282
  }