sasp-flow-render 1.1.8 → 1.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sasp-flow-render",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "description": "业务应用支撑平台-智慧流程渲染组件",
   "scripts": {
     "build": "vue-cli-service build"

package/src/components/flowInst/flowInstList.vue

@@ -93,6 +93,7 @@
                                          v-if="isShow('draft')"></el-table-column>
                         <el-table-column type="index" label="序号" align="center" width="60"></el-table-column>
                         <el-table-column label="事项概述" prop="flowSummary" show-overflow-tooltip :formatter="formatterFlowSummary"></el-table-column>
+                        <el-table-column label="流程名称" prop="flowId" width="200" align="center" :formatter="formatterFlowName" v-if="flowIds.includes(',')"></el-table-column>
                         <el-table-column label="启动人" prop="startUserId" v-if="isNotShow('draft')" width="100" align="center">
                             <template slot-scope="scope">
                                 {{userMap[scope.row.startUserId]}}
@@ -107,7 +108,7 @@
                         <el-table-column label="中止时间" prop="discontinueTime" width="180" align="center"
                                          v-if="isShow('discontinue')"></el-table-column>
                         <el-table-column label="当前任务" prop="currentNodeName" width="150" align="center"
-                                         v-if="!isShow('draft')" show-overflow-tooltip :sortable="tabType == 'pending' ? 'custom' : false">
+                                         v-if="!isShow('draft')" show-overflow-tooltip :sortable="tabType === 'pending' ? 'custom' : false">
                             <template slot-scope="scope">
                                 {{formatterCurrentNodeName(scope.row)}}
                                 <span v-if="scope.row.operateStatus == '0' && scope.row.agentType == '0'">(正常)</span>
@@ -397,6 +398,7 @@
             flowImpParamObj: {type: Object, default: () => ({})},
             downloadTemplate: {type: Function, default: null},
             getFormDataByDataIds: {type: Function, default: null},
+            flowDefineByFlowId: {type: Object, default: () => ({})},
         },
         data() {
 
@@ -921,6 +923,11 @@
                 })
                 return arr.join(",");
             },
+
+            formatterFlowName(row, column, cellValue) {
+                let flowDefineObj = this.flowDefineByFlowId[cellValue] || {};
+                return flowDefineObj.flowName || "";
+            },
             //点击列排序是的函数
             flowSortChange({column, prop, order}){
                 if(column.order){

package/src/components/flowInst/flowInstTab.vue

@@ -30,6 +30,7 @@
                             :open-batch-update-flow-form="openBatchUpdateFlowForm"
                             :openNewBatchUpdateFlowForm="openNewBatchUpdateFlowForm"
                             @setDataValue="setDataValue"
+                            :flowDefineByFlowId="flowDefineByFlowId"
             >
             </flow-inst-list>
         </div>
@@ -324,7 +325,7 @@
         </el-dialog>
 
         <!--流程下一步处理人选择弹窗-->
-        <el-dialog :close-on-click-modal=false :title="'下一步' + (nextNodeName ? (isProceedNext?' -> ' + nextNodeName:'->等待他人处理') : '')"
+        <el-dialog :close-on-click-modal=false style="font-family: '微软雅黑'" :title="'下一步' + (nextNodeName ? (isProceedNext?' -> ' + nextNodeName:'->等待他人处理') : '')"
                    :top="nextNode.nextType != 'inclusiveGateway' ? '20vh': '10vh'" append-to-body
                    width="500px" :visible.sync="nextSteptUserDialog" @closed="closeNextSteptUserDialog">
             <el-form label-width="100px" size="small" v-if="nextNode.nodeType != 'EndEvent'">
@@ -967,6 +968,7 @@
                 pages: 1, //总页数
                 total: 0, //总条数
                 pageSize: 50, //每页多少条
+                flowEventScriptByFlowId: {},
             }
         },
         watch:{
@@ -1102,7 +1104,6 @@
                     let version = this.flowDefine.releaseVersion;
                     currentNode = this.flowVersionNodeObj[version][this.startNodeKeyObj[version]];
                 }
-                // console.log(currentNode);
                 return new Promise(resolve => {
                     if(this.initFormInfo){
                         let promise = this.initFormInfo(type,dataId,JSON.parse(currentNode.fieldOperate || "{}"),rowData);
@@ -1129,6 +1130,8 @@
                     this.startNodeKeyObj = this.startNodeKeyObjByFlowId[row.flowId];
                     this.flowVersionNodeObj = this.flowVersionNodeObjByFlowId[row.flowId];
                     this.initFlowObj();
+                    // 加载工作流脚本与工作流事件规则
+                    // this.initFlowScript();
                     // Object.assign(this.formInfo, this.formInfoByFlowId[row.flowId]);
                 }
 
@@ -1155,6 +1158,9 @@
              * 打开[修改和处理]窗口
              */
             openUpdateFlowForm(row,executePosition) {
+                if (this.flowId.includes(",")) {
+                    this.setFlowScript(row.flowId);
+                }
                 this.currentRowData = row;
                 this.currNodeName = 'noEnd';
                 let currentNodeObj1 = this.flowNodeIdToInfo[row.currentNode] ||{};
@@ -1231,7 +1237,6 @@
 
             // 新批量处理弹框回调事件
             openNewBatchUpdateFlowForm() {
-                // console.log('this.sysDataObj', this.sysDataObj, this.loginUser);
                 Object.assign(this.formSearchObj, {
                     flowNewBatchDealArr: [],
                     isNewSelectBatchDeal: false,
@@ -1314,7 +1319,6 @@
                         rows: this.pageSize,
                         page: this.currentPage
                     }).then(res => {
-                        // console.log('initNewBatchDeal', res);
                         this.total = res.data.total;
                         this.pages = res.data.pages;
                         let flowNewBatchDeal = [];
@@ -2250,9 +2254,7 @@
                 Object.assign(params,this.flowParams || {},obj);
                 this.saspFlowAxios.post(this.api.plFlowInst.executeNextStep,params).then(res => {
                     if (res && res.data && res.data.operateSuccess) {
-                        if (!this.flowId.includes(",")) {
-                            this.initTabNum();
-                        }
+                        this.initTabNum();
                         this.$message({type: "success", message: "提交成功！"});
                         if (this.flowBatchPendingDialog) {
                             this.batchTabRemove(this.currentInst.dataId);
@@ -2328,9 +2330,7 @@
                     if (res && res.data && res.data.operateSuccess) {
                         this.completeSignDialog = false;
                         this.flowInstDataDialog = false;
-                        if (!this.flowId.includes(",")) {
-                            this.initTabNum();
-                        }
+                        this.initTabNum();
                         this.$message({type: "success", message: "加签成功！"});
                         this.tabCrudSearch();
                     } else {
@@ -2358,9 +2358,7 @@
                     if (res && res.data && res.data.operateSuccess) {
                         this.turnSignDialog = false;
                         this.flowInstDataDialog = false;
-                        if (!this.flowId.includes(",")) {
-                            this.initTabNum();
-                        }
+                        this.initTabNum();
                         this.$message({type: "success", message: "转签成功！"});
                         this.tabCrudSearch();
                     } else {
@@ -2394,9 +2392,7 @@
                         }).then(res => {
                         if (res && res.data && res.data.operateSuccess) {
                             this.$message({type: "success", message: "退回成功！"});
-                            if (!this.flowId.includes(",")) {
-                                this.initTabNum();
-                            }
+                            this.initTabNum();
                             if (this.flowBatchPendingDialog) {
                                 this.batchTabRemove(this.currentInst.dataId);
                             } else {
@@ -2435,9 +2431,7 @@
                         }).then(res => {
                         if (res && res.data && res.data.operateSuccess) {
                             this.$message({type: "success", message: "取回成功！"});
-                            if (!this.flowId.includes(",")) {
-                                this.initTabNum();
-                            }
+                            this.initTabNum();
                             if (this.flowBatchPendingDialog) {
                                 this.batchTabRemove(this.currentInst.dataId);
                             } else {
@@ -2711,9 +2705,7 @@
                             } else {
                                 this.tabCrudSearch();
                             }
-                            if (!this.flowId.includes(",")) {
-                                this.initTabNum();
-                            }
+                            this.initTabNum();
                         } else {
                             this.$message({type: "error", message: res.data.operateMessage});
                         }
@@ -2732,6 +2724,9 @@
 
             initTabNum() {
                 this.initMessageFunc && this.initMessageFunc();
+                if (this.flowId.includes(",")) {
+                    return;
+                }
                 this.saspFlowAxios.all([
                     this.saspFlowAxios.post(this.api.plFlowInst.getTabsNum,
                         {flowId: this.flowData.flowId, type: "1"}),
@@ -2860,7 +2855,7 @@
                                 this.$forceUpdate();
                             }
                             // 加载工作流脚本与工作流事件规则
-                            this.initFlowScript(this.flowData.flowId).then(() => {
+                            this.initFlowScript().then(() => {
                                 resolve(true);
                             })
                         });
@@ -2889,6 +2884,8 @@
                         for (const allFlowNode of allFlowNodeArr) {
                             this.startNodeKeyObj = {};
                             this.flowVersionNodeObj = {};
+                            let flowId = allFlowNode[0].flowId;
+                            this.flowDefine = this.flowDefineByFlowId[flowId];
                             (allFlowNode || []).forEach(item => {
                                 if (item.nodeLinkId.indexOf("Activity_draft") > -1) {
                                     this.startNodeKey = item.nodeLinkId;
@@ -2904,7 +2901,11 @@
                                 let nodeArr = ['StartEvent', 'ParallelGateway', 'SequenceFlow', 'ExclusiveGateway', 'InclusiveGateway'];
                                 if (item.nodeType && nodeArr.indexOf(item.nodeType) === -1) {
                                     if (!this.flowNodeNameObj[item.nodeLinkId]) {
-                                        this.$set(this.flowNodeNameObj, item.nodeLinkId, item.nodeName);
+                                        let nodeName = item.nodeName;
+                                        if (this.flowId.includes(",")) {
+                                            nodeName = this.flowDefine.flowName + "-" + item.nodeName;
+                                        }
+                                        this.$set(this.flowNodeNameObj, item.nodeLinkId, nodeName);
                                     } else {
                                         if (this.flowNodeNameObj[item.nodeLinkId] !== item.nodeName) {
                                             this.flowNodeNameObj[item.nodeLinkId] = this.flowNodeNameObj[item.nodeLinkId] + "," + item.nodeName;
@@ -2930,27 +2931,49 @@
                                 this.nodeFormButtonObj[item.id] = this.sortButtonArr(formButton);
                                 this.nodeFormBtnObj[item.id] = this.formatterFormButton(formButton);
                             });
-                            let flowId = allFlowNode[0].flowId;
                             this.$set(this.startNodeKeyObjByFlowId, flowId, this.startNodeKeyObj);
                             this.$set(this.flowVersionNodeObjByFlowId, flowId, this.flowVersionNodeObj);
-                            // 加载工作流脚本与工作流事件规则
-                            this.flowDefine = this.flowDefineByFlowId[flowId];
-                            this.initFlowScript(flowId).then(() => {
-                                resolve(true);
-                            });
+                            // this.initFlowScript().then(() => {
+                            //     resolve(true);
+                            // });
                         }
+                        const initFlowScriptFunc = flowIdArr.map(flowId => () => this.initFlowScript(flowId));
+                        Promise.all(initFlowScriptFunc.map(func => func())).then(scriptArr => {
+                            (scriptArr || []).forEach(scriptEventObj => {
+                                Object.keys(scriptEventObj).forEach(key => {
+                                    if (key) {
+                                        this.flowEventScriptByFlowId[key] = scriptEventObj[key];
+                                    }
+                                });
+                            });
+                        }).catch(reason => {
+                            console.log('流程脚本加载出错了', reason);
+                        });
+                        resolve(true);
                     });
                 });
             },
 
+            setFlowScript(flowId) {
+                if (flowId) {
+                    let scriptObj = this.flowEventScriptByFlowId[flowId] || {};
+                    this.scriptObj = scriptObj.scriptObj || {};
+                    this.newScriptObj = scriptObj.newScriptObj || {};
+                    this.newEventObj = scriptObj.newEventObj || {};
+                }
+            },
+
             /**
              *  加载工作流脚本与工作流事件规则
              */
             initFlowScript(flowId){
+                if (flowId) {
+                    this.flowDefine = this.flowDefineByFlowId[flowId] || {};
+                }
                 return new Promise(resolve => {
                     this.saspFlowAxios.all([
-                        this.saspFlowAxios.post(this.api.plFlowScript.find,{"flowId": flowId}),
-                        this.saspFlowAxios.post(this.api.plFlowEventDetail.findByFlowAndLeadFunc,{"flowId": flowId,"version":this.flowDefine.flowVersion || "1.0"})
+                        this.saspFlowAxios.post(this.api.plFlowScript.find,{"flowId": this.flowDefine.id}),
+                        this.saspFlowAxios.post(this.api.plFlowEventDetail.findByFlowAndLeadFunc,{"flowId": this.flowDefine.id,"version":this.flowDefine.flowVersion || "1.0"})
                     ]).then(this.saspFlowAxios.spread((resScript, resEvent) => {
                         // 流程脚本
                         if(resScript){
@@ -3146,7 +3169,8 @@
                             });
                         }
                         // 结束
-                        resolve();
+                        let obj = {"scriptObj": this.scriptObj, "newScriptObj": this.newScriptObj, "newEventObj": this.newEventObj};
+                        resolve({[flowId]: obj});
                     }));
                 })
             },
@@ -3355,9 +3379,7 @@
             tabClick(tab) {
                 if (this.showInfo === "flow" && this.$refs[tab.name + "Ref"] && this.$refs[tab.name + "Ref"].crud) {
                     this.$refs[tab.name + "Ref"].crud.search();
-                    if (!this.flowId.includes(",")) {
-                        this.initTabNum();
-                    }
+                    this.initTabNum();
                 } else if (this.showInfo === "form" && this.$refs[tab.name + "Ref"] && this.$refs[tab.name + "Ref"].getDataRows) {
                     this.$refs[tab.name + "Ref"].getDataRows();
                     this.initTabNum();