sasp-flow-render 1.1.23 → 1.1.24-decoupling

package/src/components/flowInst/flowInstTab.vue

@@ -240,57 +240,42 @@
         </div>
 
         <!--处理、修改、查看流程信息弹窗-->
-        <el-dialog :close-on-click-modal=false top="5vh" width="90%" height="90%" :visible.sync="flowInstDataDialog" append-to-body
-                   custom-class="flowInstTabDialog">
-            <span slot="title" class="dialog-title">
-                <span>{{flowFormTitle}}</span>
-            </span>
-            <template v-if="flowInstDataDialog">
-                <slot name="formInfo"></slot>
-            </template>
-            <!--            <table-form-render ref="flowInstDataInfo"-->
-            <!--                               :tableview-id="formInfo.tableViewId"-->
-            <!--                               :data-id="formInfo.dataId"-->
-            <!--                               :form-id="formInfo.formId"-->
-            <!--                               :list-view-id="formInfo.listViewId"-->
-            <!--                               :flow-field-status="formInfo.fieldStatus"-->
-            <!--                               :form-operate="formInfo.opt"-->
-            <!--                               :is-flow=true-->
-            <!--                               :use-load-self=true-->
-            <!--                               :flow-field-default="formInfo.fieldDefaultVal"-->
-            <!--                               :flow-field-default-change-num="formInfo.fieldDefaultValChangeNum"-->
-            <!--                               :flow-field-default-from-form="formInfo.flowFieldDefaultFromForm"-->
-            <!--                               :form-field-obj="formFieldObj"-->
-            <!--                               :formPrintVisble="currNodeName">-->
-            <!--            </table-form-render>-->
-
-            <div slot="footer" style="height:31px;" class="dialog-footer">
-                <div v-if="!formSearchObj.isNewSelectBatchDeal">
-                    <el-button
-                        v-for="button in Object.values(diyButtonsObj)"
-                        :key="button.id" size="small" :type="button.buttonColor" :icon="button.buttonIcon"
-                        v-if="judeDiyButton(tabActive,button)"
-                        @click="openDiyButtonEvent('table','', button)">{{button.showButtonName}}
-                    </el-button>
-                    <el-button v-for="btn in formBtnArr" @click="btn.method" :disabled="isDisabled[btn.btnType]?false:true"
-                               v-show="btn.show && ((formInfo.opt != 'view') || (formInfo.opt=='view' && btn.isView))"
-                               :key="btn.btnType"
-                               :type="btn.type"
-                               :icon="btn.icon"
-                               size="small">
-                        {{btn.text}}
-                    </el-button>
-                </div>
-                <div v-else>
-                    <el-button v-for="btn in formNewBtnArr" @click="btn.method"
-                               :key="btn.btnType"
-                               :type="btn.type"
-                               :icon="btn.icon"
-                               size="small">{{btn.text}}
-                    </el-button>
-                </div>
-            </div>
-        </el-dialog>
+<!--        <el-dialog :close-on-click-modal=false top="5vh" width="90%" height="90%" :visible.sync="flowInstDataDialog" append-to-body-->
+<!--                   custom-class="flowInstTabDialog">-->
+<!--            <span slot="title" class="dialog-title">-->
+<!--                <span>{{flowFormTitle}}</span>-->
+<!--            </span>-->
+<!--            <template v-if="flowInstDataDialog">-->
+<!--                <slot name="formInfo"></slot>-->
+<!--            </template>-->
+
+<!--            <div slot="footer" style="height:31px;" class="dialog-footer">-->
+<!--                <div v-if="!formSearchObj.isNewSelectBatchDeal">-->
+<!--                    <el-button-->
+<!--                        v-for="button in Object.values(diyButtonsObj)"-->
+<!--                        :key="button.id" size="small" :type="button.buttonColor" :icon="button.buttonIcon"-->
+<!--                        v-if="judeDiyButton(tabActive,button)"-->
+<!--                        @click="openDiyButtonEvent('table','', button)">{{button.showButtonName}}-->
+<!--                    </el-button>-->
+<!--                    <el-button v-for="btn in formBtnArr" @click="btn.method" :disabled="isDisabled[btn.btnType]?false:true"-->
+<!--                               v-show="btn.show && ((formInfo.opt != 'view') || (formInfo.opt=='view' && btn.isView))"-->
+<!--                               :key="btn.btnType"-->
+<!--                               :type="btn.type"-->
+<!--                               :icon="btn.icon"-->
+<!--                               size="small">-->
+<!--                        {{btn.text}}-->
+<!--                    </el-button>-->
+<!--                </div>-->
+<!--                <div v-else>-->
+<!--                    <el-button v-for="btn in formNewBtnArr" @click="btn.method"-->
+<!--                               :key="btn.btnType"-->
+<!--                               :type="btn.type"-->
+<!--                               :icon="btn.icon"-->
+<!--                               size="small">{{btn.text}}-->
+<!--                    </el-button>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--        </el-dialog>-->
 
         <!--批量处理信息弹窗-->
         <el-dialog :close-on-click-modal=false top="5vh" width="90%" height="90%" :visible.sync="flowBatchPendingDialog"
@@ -344,177 +329,6 @@
                 <el-button size="small" @click="flowBatchSelectPendingDialog = false">关 闭</el-button>
             </div>
         </el-dialog>
-
-        <!--流程下一步处理人选择弹窗-->
-        <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'">
-                <fieldset v-if="nextNode.nextType == 'inclusiveGateway'"
-                          v-for="(itemAll,index) in (nextNode.result || [])" :key="index">
-                    <legend>
-                        {{itemAll.nodeName}}
-                    </legend>
-                    <el-form-item label="" label-width="0">
-                        <el-select v-model="chooseNextUserIdObj[itemAll.nodeKey]" v-if="itemAll.type != 'all'"
-                                   :multiple="itemAll.mulitiChooseUser" style="width:100%">
-                            <el-option v-for="item in itemAll.userArr" :key="item.id" :value="item.id"
-                                       :label="item.userName"></el-option>
-                        </el-select>
-                        <div @click="chooseUser(itemAll.nodeKey)">
-                            <el-input v-model="chooseNextUserNameObj[itemAll.nodeKey]" v-if="itemAll.type == 'all'"
-                                      readonly>
-                                <el-button slot="append" icon="el-icon-search"></el-button>
-                            </el-input>
-                        </div>
-                    </el-form-item>
-                </fieldset>
-                <el-form-item label="下一步执行人" v-if="nextNode.nextType != 'inclusiveGateway' && isProceedNext">
-                    <el-select v-model="chooseNextUserId" v-if="nextSteptUserType != 'all' && nextSteptUserDialog"
-                               :multiple="mulitiChooseUser" filterable style="width:100%">
-                        <el-option v-for="item in nextSteptUserArr" :key="item.id" :value="item.id"
-                                   :label="item.userName"></el-option>
-                    </el-select>
-                    <div @click="chooseUser()">
-                        <el-input v-model="chooseNextUserName" v-if="nextSteptUserType == 'all'" readonly>
-                            <el-button slot="append" icon="el-icon-search"></el-button>
-                        </el-input>
-                    </div>
-                </el-form-item>
-                <fieldset v-if="nextNode.nextType == 'inclusiveGateway'">
-                    <legend>
-                        {{'附加说明'}}
-                    </legend>
-                    <el-form-item label="" label-width="0">
-                        <el-input type="textarea" :rows="5" v-model="description"></el-input>
-                    </el-form-item>
-                </fieldset>
-                <el-form-item label="附加说明" v-if="nextNode.nextType != 'inclusiveGateway' && isProceedNext">
-                    <el-input type="textarea" :rows="5" v-model="description"></el-input>
-                </el-form-item>
-                <el-form-item v-if="nextNode.nextType != 'inclusiveGateway' && !isProceedNext" label-width="0">
-                  <div>请等待其他人员处理完成。</div>
-                </el-form-item>
-            </el-form>
-            <div v-if="nextNode.nodeType == 'EndEvent'">流程即将结束，是否继续？</div>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" size="small" @click="saveNextStept()" :disabled="isDisabled1?false:true">确定
-                </el-button>
-                <el-button size="small" @click="closeNextSteptUserDialog">取消</el-button>
-            </div>
-        </el-dialog>
-
-        <el-dialog :close-on-click-modal=false title="组织岗位用户" top="5vh" width="80%" height="80%"
-                   :visible.sync="sysOrgPosUserDialog" append-to-body>
-            <!--            <sys-org-pos-user-select ref="orgPosUserRef" v-if="sysOrgPosUserDialog"-->
-            <!--                                     :filterUserParam="{'commonUserType':'common' }" :ognEnable="false"-->
-            <!--                                     :default-user-ids="inclusiveChooseKey ? choosePosUserIdsObj[inclusiveChooseKey]:choosePosUserIds"-->
-            <!--                                     defaultChooseIds="$"-->
-            <!--                                     :posEnable="false" :checkbox="mulitiChooseUser">-->
-            <!--            </sys-org-pos-user-select>-->
-            <user-select ref="orgPosUserRef"
-                         :choose-user-ids="inclusiveChooseKey ? choosePosUserIdsObj[inclusiveChooseKey]:choosePosUserIds"
-                         :checkbox="mulitiChooseUser" v-if="sysOrgPosUserDialog">
-            </user-select>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" size="small" @click="sureNextUser()">确定</el-button>
-                <el-button size="small" @click="sysOrgPosUserDialog = false">取消</el-button>
-            </div>
-        </el-dialog>
-
-        <el-dialog :close-on-click-modal=false title="选择加签人" top="5vh" width="80%" height="80%"
-                   :visible.sync="completeSignDialog" append-to-body @closed="disableSign = false">
-            <!--            <sys-org-pos-user-select ref="completeSignRef"-->
-            <!--                                     :filterUserParam="{'commonUserType':'common','filterLoginUser':'Y'}"-->
-            <!--                                     :ognEnable="false"-->
-            <!--                                     :posEnable="false"-->
-            <!--                                     :checkbox="true"-->
-            <!--                                     v-if="completeSignDialog"-->
-            <!--            >-->
-            <!--            </sys-org-pos-user-select>-->
-            <user-select ref="completeSignRef"
-                         v-if="completeSignDialog">
-            </user-select>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" size="small" @click="sureCompleteSign()" :disabled="disableSign">确定</el-button>
-                <el-button size="small" @click="completeSignDialog = false">取消</el-button>
-            </div>
-        </el-dialog>
-
-        <el-dialog :close-on-click-modal=false title="选择转签人" top="5vh" width="80%" height="80%"
-                   :visible.sync="turnSignDialog" append-to-body @closed="disableSign = false">
-            <!--            <sys-org-pos-user-select ref="turnSignRef"-->
-            <!--                                     :filterUserParam="{'commonUserType':'common' }"-->
-            <!--                                     :ognEnable="false"-->
-            <!--                                     :posEnable="false"-->
-            <!--                                     :checkbox="false"-->
-            <!--                                     v-if="turnSignDialog"-->
-            <!--            >-->
-            <!--            </sys-org-pos-user-select>-->
-            <user-select ref="turnSignRef"
-                         :checkbox="false"
-                         v-if="turnSignDialog">
-            </user-select>
-            <div slot="footer" class="dialog-footer">
-                <el-button type="primary" size="small" @click="sureTurnSign()" :disabled="disableSign">确定</el-button>
-                <el-button size="small" @click="turnSignDialog = false">取消</el-button>
-            </div>
-        </el-dialog>
-
-
-        <el-dialog :close-on-click-modal="false" append-to-body title="查看流程图"
-                   :visible.sync="flowChartObj.dialogVisible"
-                   width="90%" height="90%"
-                   top="5vh">
-            <flow-chart :flow-id="(flowChartObj.flowId || flowId) + ''" :inst-id="flowChartObj.instId + ''"
-                        :link-proc-id="flowChartObj.linkProcId + ''"
-                        :is-release="flowChartObj.isRelease"
-                        v-if="flowChartObj.dialogVisible"></flow-chart>
-            <div slot="footer" class="dialog-footer">
-                <el-button @click="flowChartObj.dialogVisible = false" size="small" icon="el-icon-error">关闭</el-button>
-            </div>
-        </el-dialog>
-
-        <el-dialog :close-on-click-modal="false" append-to-body title="流转记录"
-                   :visible.sync="flowRecordObj.dialogVisible"
-                   width="90%" height="90%"
-                   top="5vh">
-            <flow-roam-record :instId="flowRecordObj.instId + ''" v-if="flowRecordObj.dialogVisible"></flow-roam-record>
-            <div slot="footer" class="dialog-footer">
-                <el-button @click="flowRecordObj.dialogVisible = false" size="small" icon="el-icon-error">关闭</el-button>
-            </div>
-        </el-dialog>
-
-        <el-dialog :close-on-click-modal="false" append-to-body title="流转记录"
-                   :visible.sync="flowRecordObj.oldDialogVisible"
-                   width="90%" height="90%"
-                   top="5vh">
-            <roam-record :flow-inst-id="flowRecordObj.instId + ''" v-if="flowRecordObj.oldDialogVisible"></roam-record>
-            <div slot="footer" class="dialog-footer">
-                <el-button @click="flowRecordObj.oldDialogVisible = false" size="small" icon="el-icon-error">关闭</el-button>
-            </div>
-        </el-dialog>
-
-        <el-dialog :close-on-click-modal="false" append-to-body title="选择退回节点"
-                   :visible.sync="backDialogVisible"
-                   width="450px" height="320px"
-                   top="30vh">
-            <el-form label-width="80px">
-                <el-form-item label="退回节点">
-                    <el-select v-model="backNodeId" clearable style="width: 100%">
-                        <el-option v-for="item in backNodeArr" :key="item.nodeId" :label="item.nodeName" :value="item.nodeId">
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="退回备注">
-                    <el-input v-model="backMsg" type="textarea" :autosize="{minRows:4,maxRows:4}"></el-input>
-                </el-form-item>
-            </el-form>
-            <div slot="footer" class="dialog-footer">
-                <el-button @click="beginBack" size="small" type="primary" icon="el-icon-success"  :disabled="isDisabled2?false:true">确定</el-button>
-                <el-button @click="backDialogVisible = false" size="small" icon="el-icon-error">关闭</el-button>
-            </div>
-        </el-dialog>
     </div>
 </template>
 
@@ -556,6 +370,9 @@
             formAboutInfoObj: {type: Object, default: () => ({})},
             sysDataObj: {type: Object, default: () => ({})},
         },
+      updated() {
+
+      },
         data() {
             let vm = this;
             return {
@@ -584,16 +401,16 @@
 
                 currentInst: {},//当前流程实例
 
-                // 列表按钮
-                listButtonObj: {
-                    add: "新增",
-                    delete: "删除",
-                    update: "修改",
-                    view: "查看",
-                    deal: "处理",
-                    flowRecord: "流转记录",
-                    flowChart: "流程图",
-                },
+                // // 列表按钮
+                // listButtonObj: {
+                //     add: "新增",
+                //     delete: "删除",
+                //     update: "修改",
+                //     view: "查看",
+                //     deal: "处理",
+                //     flowRecord: "流转记录",
+                //     flowChart: "流程图",
+                // },
 
                 // 批量处理
                 flowBatchPendingDialog: false,
@@ -610,223 +427,6 @@
                 nodeFormBtnObj: {},
 
                 formBtnArr: [],
-                formBtnObjDefault: {
-                    saveDraft: {
-                        text: "存草稿",
-                        type: "success",
-                        icon: "el-icon-check",
-                        disabled: false,
-                        show: true,
-                        method: () => {
-                            this.saveDraft();
-                        }
-                    },
-
-                    nextStep: {
-                        text: "下一步",
-                        type: "primary",
-                        icon: "el-icon-d-arrow-right",
-                        disabled: false,
-                        show: true,
-                        method: () => {
-                            this.nextStep();
-                            this.isDisabled1 = true;
-                        }
-                    },
-
-                    completeSign: {
-                        text: "加签",
-                        type: "primary",
-                        icon: "saspiconfont pl-icon-jiaqian",
-                        disabled: false,
-                        show: false,
-                        method: () => {
-                            this.completeSignDialog = true;
-                        }
-                    },
-
-                    turnSign: {
-                        text: "转签",
-                        type: "primary",
-                        icon: "saspiconfont pl-icon-zhuanqian-icon",
-                        disabled: false,
-                        show: false,
-                        method: () => {
-                            this.turnSignDialog = true;
-                        }
-                    },
-
-                    back: {
-                        text: "退回",
-                        type: "danger",
-                        icon: "el-icon-d-arrow-left",
-                        disabled: false,
-                        show: false,
-                        method: () => {
-                            this.backToPrevious(this.currentInst);
-                        }
-                    },
-
-                    retSpecified: {
-                        text: "退回指定节点",
-                        type: "danger",
-                        icon: "el-icon-refresh-left",
-                        disabled: false,
-                        show: false,
-                        method: () => {
-                            this.retSpecified(this.currentInst); //退回指定节点
-                        }
-                    },
-
-                    stopped: {
-                        text: "中止",
-                        type: "danger",
-                        icon: "saspiconfont pl-icon-yizhongzhi",
-                        disabled: false,
-                        show: false,
-                        method: () => {
-                            this.saspFlowAxios.post(this.api.plFlowInst.stopFlow, {
-                                instId: this.currentInst.flowInstId, type: "0",
-                                procInstId: this.currentInst.linkProcId,
-                                taskId: this.currentInst.taskId
-                            }).then(res => {
-                                if (res && res.data) {
-                                    if (res.data.operateSuccess) {
-                                        this.$message({type: "success", message: "中止成功！"});
-                                        if (this.flowBatchPendingDialog) {
-                                            this.batchTabRemove(this.currentInst.dataId);
-                                        } else {
-                                            this.tabCrudSearch();
-                                            this.flowInstDataDialog = false;
-                                        }
-                                        this.initTabNum();
-
-                                        let remindParam = {
-                                            instId:this.currentInst.flowInstId,
-                                            flowId:this.flowDefine.id,
-                                            flowName:this.flowDefine.flowName,
-                                            formId:this.formInfo.formId,
-                                            listViewId:this.formInfo.listViewId,
-                                            dataId:this.formInfo.dataId,
-                                            instType:"stopped"
-                                        };
-                                        this.saspFlowAxios.post(this.api.plFlowInst.saveRemind,remindParam);
-
-                                        //执行事件规则
-                                        let currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode] ||{};
-                                        if(currentNodeObj.openEvent == '1'){
-                                            this.exeNewFlowEvent("suspend",currentNodeObj.nodeLinkId||'');
-                                        }
-                                    } else {
-                                        this.$message({type: "error", message: res.data.operateMessage});
-                                    }
-                                }
-                            });
-                        }
-                    },
-
-                    cancel: {
-                        text: "撤销",
-                        type: "danger",
-                        icon: "saspiconfont pl-icon-chexiao",
-                        disabled: false,
-                        show: false,
-                        isView: true,
-                        method: () => {
-                            this.saspFlowAxios.post(this.api.plFlowInst.revokeFlow, {
-                                instId: this.currentInst.flowInstId,
-                                taskId: this.currentInst.taskId
-                            }).then(res => {
-                                if (res && res.data) {
-                                    if (res.data.operateSuccess) {
-                                        this.$message({type: "success", message: "撤销成功！"});
-                                        this.tabCrudSearch();
-                                        this.flowInstDataDialog = false;
-                                        this.initTabNum();
-
-                                        let remindParam = {
-                                            instId:this.currentInst.flowInstId,
-                                            flowId:this.flowDefine.id,
-                                            flowName:this.flowDefine.flowName,
-                                            formId:this.formInfo.formId,
-                                            listViewId:this.formInfo.listViewId,
-                                            dataId:this.formInfo.dataId,
-                                            instType:"cancel"
-                                        };
-                                        this.saspFlowAxios.post(this.api.plFlowInst.saveRemind,remindParam);
-
-
-                                    } else {
-                                        this.$message({type: "error", message: res.data.operateMessage});
-                                    }
-                                }
-                            });
-                        }
-                    },
-
-                    getBack: {
-                        text: "取回",
-                        type: "danger",
-                        icon: "el-icon-refresh-left",
-                        disabled: false,
-                        show: false,
-                        isView: true,
-                        method: () => {
-                            this.getBackPrevious();
-                        }
-                    },
-
-                    restore: {
-                        text: "恢复",
-                        type: "success",
-                        icon: "saspiconfont pl-icon-chexiao",
-                        disabled: false,
-                        show: false,
-                        isView: true,
-                        method: () => {
-                            this.restoreFlow();
-                        }
-                    },
-                    record: {
-                        text: "流转记录",
-                        type: "warning",
-                        icon: "saspiconfont pl-icon-liuchengtu",
-                        disabled: false,
-                        show: true,
-                        isView: true,
-                        method: () => {
-                            this.openFlowRecord(this.currentInst);
-                        }
-                    },
-                    close: {
-                        text: "关闭",
-                        type: "",
-                        icon: "el-icon-close",
-                        disabled: false,
-                        show: true,
-                        isView: true,
-                        method: () => {
-                            this.flowInstDataDialog = false;
-                            this.flowBatchPendingDialog = false;
-                        }
-                    },
-                },
-
-                //表单按钮
-                formButtonObj: {
-                    saveDraft: "存草稿",
-                    completeSign: "加签",
-                    turnSign: "转签",
-                    nextStep: "下一步",
-                    back: "退回",
-                    getBack: "取回",
-                    cancel: "撤销",
-                    stopped: "中止",
-                    close: "关闭",
-                    export: "导出",
-                    retSpecified: "退回指定节点"
-                },
-
                 nodeListButtonObj: {},
                 nodeFormButtonObj: {},
                 optColumnWidth: 336,
@@ -899,14 +499,7 @@
                 // 表单信息
                 formInfo: {
                     formId: "",
-                    formDefineKey:"",
-                    listViewId: "",
-                    tableViewId: "",
                     dataId: "",
-                    fieldStatus: {},
-                    fieldDefaultVal: {},
-                    fieldDefaultValChangeNum:{},
-                    flowFieldDefaultFromForm:{},
 
                     opt: "view",
                 },
@@ -948,8 +541,6 @@
                 startNodeKeyObjByFlowId: {},
                 flowVersionNodeObj: {}, //版本号对应的节点对象
                 flowVersionNodeObjByFlowId: {},
-                parentListViewId:"",
-                parentTableViewId:"",
                 scriptObj:{},
                 newScriptObj:{}, //新事件规则-脚本
                 newEventObj:{}, //新事件规则-规则
@@ -1002,7 +593,10 @@
                 total: 0, //总条数
                 pageSize: 50, //每页多少条
                 flowEventScriptByFlowId: {},
-                diyButtonsObj: {} // 自定义按钮对象
+                diyButtonsObj: {}, // 自定义按钮对象
+                saveInstId:"",
+                workFlowUtil:null, // 工作流工具类
+                indexForm:1,
             }
         },
         watch:{
@@ -1011,6 +605,9 @@
                     this.isDisabled1 = true;
                     this.isDisabled['nextStep'] = true;
                 }
+            },
+            tabActive(){
+                this.workFlowUtil.tabActive = this.tabActive;
             }
         },
         created() {
@@ -1030,6 +627,25 @@
             this.loginUser = this.FLOW_CACHE_GLOBAL.getLoginUser();
             this.userDept = this.FLOW_CACHE_GLOBAL.getLoginDept();
 
+            this.workFlowUtil = new this.WORK_FLOW_UTIL(this,{
+                flowId: this.flowData.flowId,
+                skipAutoInit: true,
+                methods: {
+                    initTabNum: this.initTabNum,
+                    tabCrudSearch: this.tabCrudSearch,
+                    batchTabRemove: this.batchTabRemove,
+                    setFlowTabInfo: this.setFlowTabInfo,
+                    getFlowBatchDialog: this.getFlowBatchDialog,
+                    closeFlowBatchDialog: this.closeFlowBatchDialog,
+                    initFormInfo: this.initFormInfo,
+                    saveFormInfo: this.saveFormInfo,
+                    getFormInfo: this.getFormInfo,
+                    forceUpdateComponent: this.forceUpdateComponent,
+                }
+            });
+
+            this.workFlowUtil.init();
+
             if (this.flowId.includes(",")) {
                 this.getMultiFlowInfo().then(() => {
                     this.initSuccess = true;
@@ -1037,9 +653,9 @@
                 });
             }else {
                 this.initTabOpts(); // 初始化外部选项卡权限
-                this.getFlowInfo().then(res => {
+                this.getFlowInfo().then(() => {
                     this.initSuccess = true;
-                    this.initFlowObj();
+                    // this.initFlowObj();
                     this.getFlowAgent(); //加载流程代理
                     // this.initFieldSysData();
                 });
@@ -1047,6 +663,17 @@
             }
         },
         methods: {
+            forceUpdateComponent(){
+              this.indexForm++;
+            },
+
+            getFlowBatchDialog() {
+                return this.flowBatchPendingDialog;
+            },
+            closeFlowBatchDialog(){
+                this.flowBatchPendingDialog = false;
+            },
+
             // 新批量处理关闭弹框时数据重做的回调
             newBatchDealClose() {
                 Object.assign(this.formSearchObj, {isNewSelectBatchDeal: false, taskNode: ""});
@@ -1084,158 +711,75 @@
              * 打开[添加]窗口
              */
             openAddFlowForm() {
-                let nowVersion = this.flowDefine.releaseVersion; //只要已发布最小版本为1.0
-                this.currentRowData = {};
-                this.initFieldStatus(this.startNodeKeyObj[nowVersion],nowVersion).then(()=>{
-                    this.flowInstDataDialog = true;
-                    this.initFormInfoFunc('add').then(() => {
-                        this.formBtnArr = this.getAddAndUpdateFormBtn({});
-                        Object.assign(this.formInfo, {
-                            dataId: "",
-                            opt: "add"
-                        });
-                        this.currentInst = {};
-                        this.$nextTick(() => {
-                            this.exeFlowEvent("add","afterClick");
-                            let startNodeKey = this.startNodeKeyObj[nowVersion];
-                            let startNodeObj = this.flowVersionNodeObj[nowVersion][startNodeKey] || {};
-                            if(startNodeObj.openEvent == '1'){
-                                this.exeNewFlowEvent("addAfter");//新事件规则
-                            }
-                        })
-                    })
-                });
-                // this.$refs.flowInstDataInfo && (this.$refs.flowInstDataInfo.optFormData = {});
-                // this.initFieldStatus(this.startNodeKeyObj[nowVersion],nowVersion).then(()=>{
-                //     this.formBtnArr = this.getAddAndUpdateFormBtn({});
-                //     Object.assign(this.formInfo, {
-                //         dataId: "",
-                //         opt: "add"
-                //     });
-                //     this.currentInst = {};
-                //     this.$nextTick(() => {
-                //         this.$refs.flowInstDataInfo.loadData().then(() => {
-                //             this.exeFlowEvent("add","afterClick");
-                //             let startNodeKey = this.startNodeKeyObj[nowVersion];
-                //             let startNodeObj = this.flowVersionNodeObj[nowVersion][startNodeKey] || {};
-                //             if(startNodeObj.openEvent == '1'){
-                //                 this.exeNewFlowEvent("addAfter");//新事件规则
-                //             }
-                //         })
-                //     })
-                // });
-            },
-            initFormInfoFunc(type,rowData){
-                if(!rowData){
-                    rowData = {};
-                }
-                let dataId = rowData.dataId || "";
-                let nodeObjs = this.flowVersionNodeObj[this.flowDefine.releaseVersion];
-                let startNodeKey =  this.startNodeKeyObj[rowData.version];
-                let nodeKey = rowData.nodeKey;
-                let currentNode = nodeObjs[nodeKey || startNodeKey];
-                if(type === 'add'){
-                    let version = this.flowDefine.releaseVersion;
-                    currentNode = this.flowVersionNodeObj[version][this.startNodeKeyObj[version]];
-                }
-                return new Promise(resolve => {
-                    if(this.initFormInfo){
-                        let promise = this.initFormInfo(type,dataId,JSON.parse(currentNode.fieldOperate || "{}"),rowData);
-                        if(promise.then){
-                            promise.then(() => {
-                                resolve();
-                            })
-                        }else{
-                            resolve();
-                        }
-                    } else{
-                        resolve();
-                    }
+                this.workFlowUtil.openAddFlowForm().then(addFlowDatas => {
+                    this.currentRowData = addFlowDatas.currentRowData;
+                    this.formBtnArr = addFlowDatas.formBtnArr;
+                    this.currentInst = addFlowDatas.currentInst;
+                    this.formInfo = addFlowDatas.formInfo;
+                    this.dataId = this.formInfo.dataId;
                 })
             },
             /**
              * 打开[修改和处理]窗口
              */
             initUpdateFlowForm(row, type) {
-                this.currentRowData = row;
-                this.currNodeName = 'noEnd';
-                if (this.flowId.includes(',')) {
-                    this.flowDefine = this.flowDefineByFlowId[row.flowId];
-                    this.startNodeKeyObj = this.startNodeKeyObjByFlowId[row.flowId];
-                    this.flowVersionNodeObj = this.flowVersionNodeObjByFlowId[row.flowId];
-                    this.initFlowObj();
-                    // 加载工作流脚本与工作流事件规则
-                    // this.initFlowScript();
-                    // Object.assign(this.formInfo, this.formInfoByFlowId[row.flowId]);
-                }
-
-                return new Promise(resolve => {
-                    let startNodeKey =  this.startNodeKeyObj[row.version];
-                    this.initFieldStatus(row.nodeKey || startNodeKey,row.version).then(()=>{
-                        this.initFormInfoFunc(type,row).then(() => {
-                            this.currentStartUser = this.userMap[row.startUserId] || "";
-                            this.currentStartTime = row.startTime;
-                            this.currentInst = row;
-
-                            Object.assign(this.formInfo, {
-                                dataId: row.dataId,
-                                opt: "update"
-                            });
-                            this.formBtnArr = this.getAddAndUpdateFormBtn(row);
-                            resolve(true);
-                        });
-                    })
-                })
+              return new Promise(resolve => {
+                  this.workFlowUtil.initUpdateFlowForm(row, type).then(updateFlowDatas => {
+                      this.currentRowData = updateFlowDatas.currentRowData;
+                      this.currNodeName = updateFlowDatas.currNodeName;
+                      this.formBtnArr = updateFlowDatas.formBtnArr;
+                      this.flowDefine = updateFlowDatas.flowDefine;
+                      this.startNodeKeyObj = updateFlowDatas.startNodeKeyObj;
+                      this.flowVersionNodeObj = updateFlowDatas.flowVersionNodeObj;
+                      this.currentStartUser = updateFlowDatas.currentStartUser;
+                      this.currentStartTime = updateFlowDatas.currentStartTime;
+                      this.currentInst = updateFlowDatas.currentInst;
+                      this.formInfo = updateFlowDatas.formInfo;
+                      this.formBtnArr = updateFlowDatas.formBtnArr;
+                      this.dataId = updateFlowDatas.dataId;
+                      console.log(this.dataId);
+                      resolve();
+                  });
+              });
             },
 
             /**
              * 打开[修改和处理]窗口
              */
             openUpdateFlowForm(row,executePosition) {
-                if (this.flowId.includes(",")) {
-                    this.setFlowScript(row.flowId);
-                }
-                this.currentRowData = row;
-                this.currNodeName = 'noEnd';
-                let currentNodeObj1 = this.flowNodeIdToInfo[row.currentNode] ||{};
-                let result = this.exeNewFlowEvent("editBefore",currentNodeObj1.nodeLinkId ||'');//新事件规则
-                if(result === false && typeof result == "boolean"){
-                    return;
-                }
-                this.flowInstDataDialog = true;
-                this.initUpdateFlowForm(row, 'update').then(() =>{
-                    this.$nextTick(() => {
-                        this.exeFlowEvent(executePosition,"afterClick",row.currentNode);
-                        let currentNodeObj = this.flowNodeIdToInfo[row.currentNode] ||{};
-                        if(currentNodeObj.openEvent === '1'){ //开启事件
-                            this.exeNewFlowEvent("editAfter",currentNodeObj.nodeLinkId ||'');//新事件规则
-                        }
-                    })
-                });
+              this.workFlowUtil.openUpdateFlowForm(row,executePosition).then(updateInfos => {
+                  this.currentRowData = updateInfos.currentRowData;
+                  this.currNodeName = updateInfos.currNodeName;
+                  this.flowDefine = updateInfos.flowDefine;
+                  this.startNodeKeyObj = updateInfos.startNodeKeyObj;
+                  this.flowVersionNodeObj = updateInfos.flowVersionNodeObj;
+                  this.currentStartUser = updateInfos.currentStartUser;
+                  this.currentStartTime = updateInfos.currentStartTime;
+                  this.currentInst = updateInfos.currentInst;
+                  this.formInfo = updateInfos.formInfo;
+                  this.formBtnArr = updateInfos.formBtnArr
+                  this.dataId = this.formInfo.dataId;
+              })
             },
 
             /**
              * 打开[查看]窗口
              */
             openViewFlowForm(row) {
-                this.currentRowData = row;
-                let startNodeKey =  this.startNodeKeyObj[row.version];
-                if (row.currentNodeName === "结束"){
-                    this.currNodeName = "end";
-                }
-                this.initFieldStatus(row.nodeKey || startNodeKey,row.version,row.flowStatus).then(() =>{
-                    this.flowInstDataDialog = true;
-                    this.initFormInfoFunc('view',row).then(() => {
-                        this.currentStartUser = this.userMap[row.startUserId] || "";
-                        this.currentStartTime = row.startTime;
-                        this.currentInst = row;
-
-                        Object.assign(this.formInfo, {
-                            dataId: row.dataId,
-                            opt: "view",
-                        });
-                        this.formBtnArr = this.getViewFormBtn(row);
-                    });
+                this.workFlowUtil.openViewFlowForm(row).then(viewDatas => {
+                    this.currentRowData = viewDatas.currentRowData;
+                    this.currNodeName = viewDatas.currNodeName;
+                    this.currentStartUser = viewDatas.currentStartUser;
+                    this.currentStartTime = viewDatas.currentStartTime;
+                    this.currentInst = viewDatas.currentInst;
+                    this.formInfo = viewDatas.formInfo;
+                    this.formBtnArr = viewDatas.formBtnArr;
+                })
+            },
+
+            setParams(params) {
+                Object.keys(params).forEach(key => {
+                  this[key] = params[key];
                 });
             },
 
@@ -1259,7 +803,7 @@
                 let result = null;
                 let type = "update";
                 if (currentNodeObj.openEvent === '1') {
-                  result = this.exeNewFlowEvent("editBefore",currentNodeObj.nodeLinkId ||'');//新事件规则
+                  result = this.workFlowUtil.exeNewFlowEvent("editBefore",currentNodeObj.nodeLinkId ||'');//新事件规则
                   if (result === false && typeof result == "boolean") {
                     type = "view";
                   }
@@ -1267,7 +811,6 @@
                 this.flowBatchPendingDialog = true;
                 this.initUpdateFlowForm(arrRows[0],type).then(()=>{
                     // this.batchUpdateFormInfo.formShow = true;
-                    let ref='batchTableForm'+arrRows[0].dataId+'Ref'
 
                     this.$nextTick(()=>{
                         // this.$refs[ref][0].loadData().then(() => {
@@ -1278,9 +821,9 @@
                             }
                           });
                         }
-                        this.exeFlowEvent("handle","afterClick",arrRows[0].currentNode,ref);
+                        this.workFlowUtil.exeFlowEvent("handle","afterClick",arrRows[0].currentNode);
                         if(currentNodeObj.openEvent === '1'){ //开启事件
-                          this.exeNewFlowEvent("editAfter",currentNodeObj.nodeLinkId ||'');//新事件规则
+                          this.workFlowUtil.exeNewFlowEvent("editAfter",currentNodeObj.nodeLinkId ||'');//新事件规则
                         }
                         // })
                     })
@@ -1598,93 +1141,6 @@
                 });
             },
 
-            /**
-             * 获取[添加、修改和处理]的操作按钮
-             */
-            getAddAndUpdateFormBtn(row) {
-                //走版本
-                let arrNodeFormBtns = [];
-                if(row.version){
-                    arrNodeFormBtns = this.nodeFormBtnObj[(this.flowVersionNodeObj[row.version][row.nodeKey || this.startNodeKeyObj[row.version]] || {}).id];
-                }else {
-                    arrNodeFormBtns = this.nodeFormBtnObj[this.flowVersionNodeObj[this.flowDefine.releaseVersion][this.startNodeKeyObj[this.flowDefine.releaseVersion]].id];
-                }
-                let hideBtnTypes = new Set(["getBack","stopped"]);
-                if (this.tabActive == "draft") {
-                    hideBtnTypes.add("flowRecord");
-                    hideBtnTypes.add("record");
-                }else if(this.tabActive == "pending"){//待处理
-                    hideBtnTypes.add("cancel");
-                    if(row.operateStatus=='1'||row.operateStatus=='3'){//如果是加签转签 不需要部分按钮
-                        hideBtnTypes.add("retSpecified");
-                        hideBtnTypes.add("back");
-                        hideBtnTypes.add("completeSign");
-                        hideBtnTypes.add("turnSign");
-                    }
-                }
-
-                return this.formatterFormBtnByHideBtnTypes(arrNodeFormBtns, hideBtnTypes);
-            },
-
-            /**
-             * 获取[查看]的操作按钮
-             */
-            getViewFormBtn(row) {
-                //走版本
-                let arrNodeFormBtns = [];
-                if(row.version){
-                    arrNodeFormBtns = this.nodeFormBtnObj[(this.flowVersionNodeObj[row.version][row.nodeKey || this.startNodeKeyObj[row.version]] || {}).id];
-                }else {
-                    arrNodeFormBtns = this.nodeFormBtnObj[this.flowVersionNodeObj[this.flowDefine.releaseVersion][this.startNodeKeyObj[this.flowDefine.releaseVersion]].id];
-                }
-                let hideBtnTypes = new Set(["getBack", "cancel", "restore"]);
-                if (this.tabActive == "processed") { // 已处理
-
-                    // 上个节点的处理可以取回（已开启按钮的情况下）
-                    if ((row.beforeDealer || "").split(",").indexOf(this.loginUser.id) > -1) {
-                        hideBtnTypes.delete("getBack");
-                    }
-
-                    // 流程的发起人可以撤销（已开启按钮的情况下）
-                    if (row.startUserId == this.loginUser.id) {
-                        // hideBtnTypes.delete("cancel");
-                    }
-                    //被挂起数据只有查看按钮
-                    if(row.hangUp == '1'){
-                        hideBtnTypes.add("getBack");
-                        hideBtnTypes.add("cancel");
-                        hideBtnTypes.add("restore");
-                    }
-                } else if (this.tabActive == "discontinue" && row.discontinueUserId == this.loginUser.id) { // 已中止
-                    // 当前登陆用户是中止人才显示恢复按钮（已开启按钮的情况下）
-                    hideBtnTypes.delete("restore");
-                }
-
-                return this.formatterFormBtnByHideBtnTypes(arrNodeFormBtns, hideBtnTypes);
-            },
-
-            /**
-             * 根据隐藏按钮类型格式化按钮信息
-             */
-            formatterFormBtnByHideBtnTypes(arrFormBtns, hideBtnTypes) {
-                let arrResults = [];
-                arrFormBtns.forEach(data => {
-                    let objTmp = Object.assign({}, data);
-                    hideBtnTypes.has(data.btnType) && (objTmp.show = false);
-                    if(this.tabActive == "discontinue" && data.btnType == "restore" && !hideBtnTypes.has(data.btnType)){
-                        objTmp.show = true;
-                    }
-                    if(this.tabActive == "processed" && data.btnType == "getBack" && !hideBtnTypes.has(data.btnType)){
-                        objTmp.show = true;
-                    }
-                    if(this.tabActive == "processed" && data.btnType == "cancel" && !hideBtnTypes.has(data.btnType)){
-                        objTmp.show = true;
-                    }
-                    arrResults.push(objTmp);
-                });
-                return arrResults;
-            },
-
             /**
              * 打开流程图窗口
              * @param row 流程实例ID
@@ -1701,478 +1157,75 @@
                     isRelease = row.isRelease;
                 }
                 this.flowChartObj = {flowId: flowId,instId: instId,linkProcId:linkProcId,isRelease:isRelease, dialogVisible: true};
+                this.$flowDialog.fillFlowDialogParams({
+                  flowChartObj: this.flowChartObj,
+                })
             },
 
-            /**
-             * 打开流转记录窗口
-             * @param row 流程行数据
-             */
             openFlowRecord(row) {
-                let arr = ["2", "3", "4"]; // 旧版本的已办结已撤销以及已中止数据通过旧版接口查询流转记录
-                if (arr.indexOf(row.flowStatus) > -1 && row.isOldData === "1") {
-                    this.flowRecordObj = {instId: row.flowInstId || "", oldDialogVisible: true};
-                } else {
-                    this.flowRecordObj = {instId: row.flowInstId || "", dialogVisible: true};
-                }
+              let arr = ["2", "3", "4"]; // 旧版本的已办结已撤销以及已中止数据通过旧版接口查询流转记录
+              if (arr.indexOf(row.flowStatus) > -1 && row.isOldData === "1") {
+                this.flowRecordObj = {instId: row.flowInstId || "", oldDialogVisible: true};
+              } else {
+                this.flowRecordObj = {instId: row.flowInstId || "", dialogVisible: true};
+              }
+              this.$flowDialog.fillFlowDialogParams({
+                flowRecordObj: this.flowRecordObj,
+              })
             },
 
             /**
-             * 存草稿
+             * 关闭批量处理页面
              */
-            saveDraft() {
-                // let loading = this.$loading({
-                //     lock: true,
-                //     spinner: 'el-icon-loading',
-                //     background: 'rgba(0, 0, 0, 0.7)'
-                // })
-
-                this.saveDataFunc('draft').then(resData => {
-                    this.tabCrudSearch();
-
-                    this.flowInstDataDialog = false;
-                    if (resData.flowInstId) {
-                        this.$message({type: "success", message: "保存成功！"});
-                        if (this.flowBatchPendingDialog) {//批量处理 需处理tab页
-                            this.batchSaveDraft();
-                        }
-                    } else {
-                        this.$message({type: "error", message: "保存失败！"});
-                    }
-                    // loading && loading.close();
-                    this.currentInst={};
+            closeFlowBatchPending() {
+                this.flowBatchPendingDialog = false;
+                this.$nextTick(() => {
+                    this.pendingNums = 0;
                 });
             },
 
-            saveDataFunc(type){ // 保存完成后返回流程的相关变量，通过变量传递到后台驱动流程运转
-                // 保存草稿、下一步保存
-                return new Promise(resolve => {
-                    if(this.saveFormInfo){
-                        let result = this.saveFormInfo(type);
-                        if(result && result.then){
-                            result.then(res => {
-                                if(!res){
-                                    this.isDisabled['nextStep'] = true;
-                                    return;
-                                }
-                                if(typeof res !== 'object'){
-                                    res = {};
-                                }
-                                this.saveFlowData(res).then(flowInstData => {
-                                    res['flowInstId'] = flowInstData.id;
-                                    resolve(res);
-                                })
-                            })
-                        }else{
-                            if(!result){
-                                return;
-                            }
-                            if(typeof result !== 'object'){
-                                result = {};
-                            }
-                            this.saveFlowData(result).then(flowInstData => {
-                                result['flowInstId'] = flowInstData.id;
-                                resolve(result);
-                            })
-                        }
-                    }else{
-                        this.saveFlowData().then(flowInstData => {
-                            let obj = {};
-                            obj['flowInstId'] = flowInstData.id;
-                            resolve(obj);
-                        })
-                    }
-                })
-            },
+            /**
+             * 点击标签页
+             */
+            batchTabClick(val) {
+                this.batchUpdateFormInfo.batchDataId = val.name;
+                let dataId=this.batchUpdateFormInfo.dataRows[val.index].dataId;
+                let currentNode=this.batchUpdateFormInfo.dataRows[val.index].currentNode;
 
-            saveFlowData(flowParams){
-                return new Promise(resolve => {
-                    flowParams = flowParams || {};
-                    let flowSummary = this.getFlowSummary(flowParams);
-                    let flowInst = {};
-                    let dataId = (flowParams || {}).flowDataId || "";
-                    this.dataId = dataId;
-                    if(this.currentInst && this.currentInst.id){
-                        this.$set(this.formInfo,"opt","update");
-                        flowInst = {
-                            "id": this.currentInst.id,
-                            "flowSummary": flowSummary,
-                            "updated": this.loginUser.id,
-                        };
-                        if(this.formInfo.opt == 'add' || this.tabActive == 'draft'){  //版本号也要随之更新
-                            flowInst = Object.assign(flowInst,{"version":this.flowDefine.releaseVersion,"isRelease":this.flowDefine.isRelease})
-                        }
-                        this.saspFlowAxios.post(this.api.plFlowInst.url + "/" + this.formInfo.opt, flowInst).then(instRes => {
-                            this.runFlowEvt();
-                            resolve(instRes.data.operateObj);
-                        });
-                    }else{
-                        let startNodeKey =  this.startNodeKeyObj[this.flowDefine.releaseVersion];
-                        if (this.formInfo.opt == "add") {
-                            flowInst = {
-                                flowId: this.flowDefine.id,
-                                flowSummary: flowSummary,
-                                dataId: dataId,
-                                version:this.flowDefine.releaseVersion, //版本号
-                                startTime: this.DATE_UTIL.getCurrentDateTime(), flowStatus: "0",
-                                created: this.loginUser.id,
-                                currentNode: this.flowVersionNodeObj[this.flowDefine.releaseVersion][startNodeKey].id,
-                                isRelease:this.flowDefine.isRelease
-                            };
-                        } else {
-                            flowInst = {
-                                id: this.currentInst.id,
-                                flowSummary: flowSummary,
-                                version:this.flowDefine.releaseVersion, //版本号也要随之更新
-                                updated: this.loginUser.id,
-                            };
+                let currentNodeObj = this.flowNodeIdToInfo[currentNode] ||{};
+                let result = null;
+                let type = "update";
+                if (currentNodeObj.openEvent === '1') {
+                  result = this.workFlowUtil.exeNewFlowEvent("editBefore",currentNodeObj.nodeLinkId ||'');//新事件规则
+                  if (result === false && typeof result == "boolean") {
+                    type = "view";
+                  }
+                }
+                this.initUpdateFlowForm(this.batchUpdateFormInfo.dataRows[val.index], type).then(() => {
+                  this.$nextTick(()=>{
+                    if(result === false && typeof result == "boolean"){
+                      this.formBtnArr.forEach(item => {
+                        if (item.btnType !== "close" && item.btnType !== "record") {
+                          this.$set(item, 'disabled', true);
                         }
-                        this.saspFlowAxios.post(this.api.plFlowInst.url + "/" + this.formInfo.opt, flowInst).then(instRes => {
-                            this.runFlowEvt();
-                            resolve(instRes.data.operateObj);
-                            this.currentInst=instRes.data.operateObj;
-                        });
-                    }
-                })
-            },
-
-            runFlowEvt(){
-                let type = this.flowBatchPendingDialog ? "batch" : "";
-                let afterClickResult;
-                let currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode || this.draftNodeId] ||{};
-                if (type == 'batch') {//批量处理 需处理tab页
-                    let ref = "batchTableForm"+this.batchUpdateFormInfo.activeName+"Ref";
-                    if(currentNodeObj.openEvent == '1'){
-                        afterClickResult=this.exeNewFlowEvent("saveAfter", currentNodeObj.nodeLinkId,ref);
+                      });
                     }
-                }else {
-                    if(currentNodeObj.openEvent == '1'){
-                        afterClickResult=this.exeNewFlowEvent("saveAfter", currentNodeObj.nodeLinkId);
+                    this.workFlowUtil.exeFlowEvent("handle","afterClick",currentNode);
+                    if(currentNodeObj.openEvent === '1'){ //开启事件
+                      this.workFlowUtil.exeNewFlowEvent("editAfter",currentNodeObj.nodeLinkId ||'');//新事件规则
                     }
-                }
-            },
-
-            /**
-             * 保存草稿
-             */
-            saveData() {
-                let type = this.flowBatchPendingDialog ? "batch" : "";
-                return new Promise(resolve => {
-                    // let flowInstDataInfoRef = "";
-                    // if (type == 'batch') {
-                    //     // 批量处理
-                    //     flowInstDataInfoRef = this.$refs[`batchTableForm${this.batchUpdateFormInfo.activeName}Ref`];
-                    //     flowInstDataInfoRef = flowInstDataInfoRef[0] || flowInstDataInfoRef;
-                    // } else {
-                    //     flowInstDataInfoRef = this.$refs.flowInstDataInfo;
-                    // }
-                    // let startNodeKey =  this.startNodeKeyObj[this.flowDefine.releaseVersion];
-                    // flowInstDataInfoRef.saveData(this.loginUser.id).then(res => {
-                    //     if (res && res.operateSuccess) {
-                    //         let flowSummary = this.getFlowSummary(flowInstDataInfoRef.optFormData,flowInstDataInfoRef.fieldSysDataObj || {});
-                    //         let flowInst = {};
-                    //         let dataId = res.operateObj;
-                    //         this.dataId = dataId;
-                    //         if(this.currentInst && this.currentInst.id){
-                    //             this.$set(this.formInfo,"opt","update");
-                    //             flowInst = {
-                    //                 "id": this.currentInst.id,
-                    //                 "flowSummary": flowSummary,
-                    //                 "updated": this.loginUser.id,
-                    //             };
-                    //             if(this.formInfo.opt == 'add' || this.tabActive == 'draft'){  //版本号也要随之更新
-                    //                 flowInst = Object.assign(flowInst,{"version":this.flowDefine.releaseVersion,"isRelease":this.flowDefine.isRelease})
-                    //             }
-                    //             this.saspFlowAxios.post(this.api.plFlowInst.url + "/" + this.formInfo.opt, flowInst).then(instRes => {
-                    //                 resolve(instRes.data);
-                    //             });
-                    //         }else{
-                    //             if (this.formInfo.opt == "add") {
-                    //                 flowInst = {
-                    //                     flowId: this.flowDefine.id,
-                    //                     flowSummary: flowSummary,
-                    //                     dataId: dataId,
-                    //                     startUserId: this.loginUser.id,
-                    //                     version:this.flowDefine.releaseVersion, //版本号
-                    //                     startTime: this.DATE_UTIL.getCurrentDateTime(), flowStatus: "0",
-                    //                     created: this.loginUser.id,
-                    //                     currentNode: this.flowVersionNodeObj[this.flowDefine.releaseVersion][startNodeKey].id,
-                    //                     isRelease:this.flowDefine.isRelease
-                    //                 };
-                    //             } else {
-                    //                 flowInst = {
-                    //                     id: this.currentInst.id,
-                    //                     flowSummary: flowSummary,
-                    //                     version:this.flowDefine.releaseVersion, //版本号也要随之更新
-                    //                     updated: this.loginUser.id,
-                    //                 };
-                    //             }
-                    //             this.saspFlowAxios.post(this.api.plFlowInst.url + "/" + this.formInfo.opt, flowInst).then(instRes => {
-                    //                 resolve(instRes.data);
-                    //                 this.currentInst=instRes.data;
-                    //             });
-                    //         }
-                    //         let afterClickResult;
-                    //         let currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode || this.draftNodeId] ||{};
-                    //         if (type == 'batch') {//批量处理 需处理tab页
-                    //             let ref = "batchTableForm"+this.batchUpdateFormInfo.activeName+"Ref";
-                    //             if(currentNodeObj.openEvent == '1'){
-                    //                 afterClickResult=this.exeNewFlowEvent("saveAfter", currentNodeObj.nodeLinkId,ref);
-                    //             }
-                    //         }else {
-                    //             if(currentNodeObj.openEvent == '1'){
-                    //                 afterClickResult=this.exeNewFlowEvent("saveAfter", currentNodeObj.nodeLinkId);
-                    //             }
-                    //         }
-                    //     }else{
-                    //         this.$message({type:"error",message:"保存失败！"});
-                    //     }
-                    // });
-                });
+                    // })
+                  })
+                })
             },
 
             /**
-             * 下一步，保存数据以及获取处理人
+             * 关闭标签页
              */
-            nextStep() {
-                // let type = this.flowBatchPendingDialog ? "batch" : "";
-                let afterClickResult;
-                let result;
-                let currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode || this.draftNodeId] ||{};
-                afterClickResult=this.exeFlowEvent("nextStep","afterClick", this.currentInst.currentNode || this.draftNodeId);
-
-                if(typeof afterClickResult == "boolean" && afterClickResult === false){
+            batchTabRemove(targetName) {
+                if(!this.flowBatchPendingDialog){
                     return;
                 }
-
-                if(currentNodeObj.openEvent === '1'){
-                    afterClickResult = this.exeNewFlowEvent("nextClick",currentNodeObj.nodeLinkId);
-                }
-
-                if(typeof afterClickResult == "boolean" && afterClickResult === false){
-                    return;
-                }
-
-                // let afterValidateResult;
-                // let currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode || this.draftNodeId] ||{};
-                result = this.exeFlowEvent("nextStep","afterValidate", this.currentInst.currentNode || this.draftNodeId);
-                if(typeof result == "boolean" && result === false){
-                    return;
-                }
-                if(currentNodeObj.openEvent === '1'){
-                    result = this.exeNewFlowEvent("nextCheck",currentNodeObj.nodeLinkId);
-                    if(typeof result == "boolean" && result === false){
-                        return;
-                    }
-                }
-
-                this.isDisabled['nextStep'] = false;
-                this.flowParams = {};
-                this.saveDataFunc('nextStep').then(flowParams => {
-                    this.flowParams = JSON.parse(JSON.stringify(flowParams));
-                    let instId = flowParams.flowInstId;
-                    this.$set(this.formInfo,"opt","update");
-                    this.currentInst.id = instId;
-                    this.description = "";
-                    this.saveInstId = instId;
-                    this.nowNode =  this.allNodeInfo[currentNodeObj.id] || {};
-                    this.isProceedNext = true;
-                    //获取处理人
-                    let obj = {instId: instId, taskId: this.currentInst.taskId,};
-                    if(this.nowNode && this.nowNode.dealType && this.nowNode.dealType == 'multi'){
-                        this.$set(obj,'passCondition',this.nowNode.passCondition)
-                    }
-                    let params = {"SASP_FLOW_USE_VARIABLES":"yes"};
-                    // Object.assign(params,flowParams || {},obj);
-                    Object.assign(params,obj);
-                    let allParamKeys = Object.keys(flowParams || {});
-                    allParamKeys.forEach(templateKey => {
-                        if(this.isRefreshGetNextUsers.indexOf(templateKey) > -1){
-                            params[templateKey] = flowParams[templateKey];
-                            if(allParamKeys.indexOf(templateKey + "_SASP_SYS_DATA") > -1){
-                                params[templateKey + "_SASP_SYS_DATA"] = flowParams[templateKey + "_SASP_SYS_DATA"];
-                            }
-                            if(allParamKeys.indexOf(templateKey + "_SASP_SYS_DATA_ID") > -1){
-                                params[templateKey + "_SASP_SYS_DATA_ID"] = flowParams[templateKey + "_SASP_SYS_DATA_ID"];
-                            }
-                        }
-                    })
-                    this.saspFlowAxios.post(this.api.plFlowInst.getNextUsers, params).then(res => {
-                        if(!res.data.operateSuccess){
-                            this.isDisabled['nextStep'] = true;
-                            if(res.data.resultObject === 'requestException'){
-                                this.$message.error(res.data.errorInfo);
-                            }else{
-                                this.$message.error("未获取到处理人");
-                            }
-                            return;
-                        }
-                        let obj = {};
-                        if (res && res.data) {
-                            obj = res.data.operateObj || {};
-                            if(res.data.operateMap  && res.data.operateMap.isPassCondition == 0){
-                                this.isProceedNext = false;
-                            }
-                        }
-                        this.nextNodeName = "";
-                        this.choosePosUserIds = "";
-                        this.choosePosUserIdsObj = {};
-                        if (obj.nextType == "inclusiveGateway") {
-                            this.nextNode = obj;
-                            this.chooseNextUserIdObj = {};
-                            this.chooseNextUserNameObj = {};
-                            let autoChooseUser = false;
-                            (obj.result || []).forEach(item => {
-                                //获取下一个节点信息
-                                let nextNodeTmp = this.flowNodeIdToInfo[item.nextNodeId] || {};
-                                if (nextNodeTmp.nodeType == "UserTask") {
-                                    item.mulitiChooseUser = nextNodeTmp.dealType != "single";
-                                    autoChooseUser = nextNodeTmp.autoChooseUser == "1";
-                                    if (item.mulitiChooseUser) {
-                                        this.$set(this.chooseNextUserIdObj, item.nodeKey, []);
-                                    } else {
-                                        this.$set(this.chooseNextUserIdObj, item.nodeKey, "");
-                                    }
-                                } else if (this.nextNode.nodeType == "EndEvent") {
-                                    return;
-                                }
-                                let userArr = item.userArr || [];
-                                //自动执行时的自动执行人
-                                if (autoChooseUser) {
-                                    if (item.type == "user" && userArr.length == 0) {
-                                        // this.$message({type:"error",message:"没有处理人！"});
-                                        return;
-                                    } else {
-                                        let userIds = "";
-                                        let userNames = "";
-                                        userArr.forEach(userInfo => {
-                                            userIds += "," + userInfo.id;
-                                            userNames += "," + userInfo.userName;
-                                        });
-                                        this.chooseNextUserIdObj[item.nodeKey] = userIds.substring(1);
-                                        this.chooseNextUserId = userIds.substring(1);
-                                        this.chooseNextUserName = userNames.substring(1);
-                                        this.saveNextStept();
-                                    }
-                                }
-                                item.nextSteptUserType = obj.type;
-                                if (item.type == "user" || item.type== 'all') {
-                                    item.nextSteptUserArr = userArr;
-                                }
-                            });
-                            if(!autoChooseUser){
-                                this.nextSteptUserDialog = true;
-                            }
-                        } else {
-                            //获取下一个节点信息
-                            this.nextNode = this.allNodeInfo[obj.nextNodeId] || {};
-                            this.nextNodeName = obj.nextNodeName || "";
-                            let autoChooseUser = false;
-                            if (this.nextNode.nodeType == "UserTask") {
-                                this.mulitiChooseUser = this.nextNode.dealType != "single";
-                                autoChooseUser = this.nextNode.autoChooseUser == "1";
-                                this.chooseNextUserId = "";
-                                this.chooseNextUserName = "";
-                            } else if (this.nextNode.nodeType == "EndEvent") {
-                                this.nextSteptUserDialog = true;
-                                return;
-                            }
-                            let userArr = obj.userArr || [];
-                            //自动执行时的自动执行人
-                            if (autoChooseUser) {
-                                if (obj.type == "user" && userArr.length == 0) {
-                                    this.$message({type: "error", message: "没有处理人！"});
-                                    return;
-                                } else {
-                                    let userIds = "";
-                                    let userNames = "";
-                                    userArr.forEach(userInfo => {
-                                        userIds += "," + userInfo.id;
-                                        userNames += "," + userInfo.userName;
-                                    });
-                                    if (userIds) {
-                                        this.chooseNextUserId = userIds.substring(1);
-                                        this.chooseNextUserName = userNames.substring(1);
-                                    }
-                                    this.saveNextStept();
-                                }
-                            }
-                            this.nextSteptUserType = obj.type;
-                            if (obj.type == "user" || obj.type == 'all') {
-                                this.nextSteptUserArr = userArr;
-                            }
-                            if(!autoChooseUser){
-                                this.nextSteptUserDialog = true;
-                            }
-                        }
-                        if(this.nextNode.nextType == 'inclusiveGateway'){
-                            (this.nextNode.result || []).forEach(item => {
-                                this.chooseNextUserIdObj[item.nodeKey] = (item.userArr || {}).id;
-                            });
-                        }else{
-                            let userInfo = this.nextSteptUserArr[0] || {};
-                            if(this.nextNode.dealType=="single"){
-                                this.chooseNextUserId = userInfo.id;
-                                this.chooseNextUserName = userInfo.userName;
-                            }
-                            if(this.nextNode.dealType === "multi" && this.nextSteptUserArr.length === 1){
-                                this.chooseNextUserId = [userInfo.id];
-                            }
-                        }
-                    });
-                });
-            },
-
-            /**
-             * 关闭批量处理页面
-             */
-            closeFlowBatchPending() {
-                this.flowBatchPendingDialog = false;
-                this.$nextTick(() => {
-                    this.pendingNums = 0;
-                });
-            },
-
-            /**
-             * 点击标签页
-             */
-            batchTabClick(val) {
-                this.batchUpdateFormInfo.batchDataId = val.name;
-                let dataId=this.batchUpdateFormInfo.dataRows[val.index].dataId;
-                let currentNode=this.batchUpdateFormInfo.dataRows[val.index].currentNode;
-
-                let currentNodeObj = this.flowNodeIdToInfo[currentNode] ||{};
-                let result = null;
-                let type = "update";
-                if (currentNodeObj.openEvent === '1') {
-                  result = this.exeNewFlowEvent("editBefore",currentNodeObj.nodeLinkId ||'');//新事件规则
-                  if (result === false && typeof result == "boolean") {
-                    type = "view";
-                  }
-                }
-                this.initUpdateFlowForm(this.batchUpdateFormInfo.dataRows[val.index], type).then(() => {
-                  let ref='batchTableForm'+dataId+'Ref';
-                  this.$nextTick(()=>{
-                    if(result === false && typeof result == "boolean"){
-                      this.formBtnArr.forEach(item => {
-                        if (item.btnType !== "close" && item.btnType !== "record") {
-                          this.$set(item, 'disabled', true);
-                        }
-                      });
-                    }
-                    // this.$refs[ref][0].loadData().then(() => {
-                    this.exeFlowEvent("handle","afterClick",currentNode,ref);
-                    if(currentNodeObj.openEvent === '1'){ //开启事件
-                      this.exeNewFlowEvent("editAfter",currentNodeObj.nodeLinkId ||'');//新事件规则
-                    }
-                    // })
-                  })
-                })
-            },
-
-            /**
-             * 关闭标签页
-             */
-            batchTabRemove(targetName) {
                 let dataRows = this.batchUpdateFormInfo.dataRows;
                 let nextTab;
                 let i;
@@ -2195,7 +1248,7 @@
                     let result = null;
                     let type = "update";
                     if (currentNodeObj.openEvent === '1') {
-                      result = this.exeNewFlowEvent("editBefore",currentNodeObj.nodeLinkId ||'');//新事件规则
+                      result = this.workFlowUtil.exeNewFlowEvent("editBefore",currentNodeObj.nodeLinkId ||'');//新事件规则
                       if (result === false && typeof result == "boolean") {
                         type = "view";
                       }
@@ -2204,7 +1257,6 @@
                         this.batchUpdateFormInfo.formShow = true;
                         this.initUpdateFlowForm(nextTab, type).then(()=>{
                             this.$nextTick(()=>{
-                                let ref='batchTableForm'+nextTab.dataId+'Ref';
                                 if(result === false && typeof result == "boolean"){
                                   this.formBtnArr.forEach(item => {
                                     if (item.btnType !== "close" && item.btnType !== "record") {
@@ -2213,9 +1265,9 @@
                                   });
                                 }
                                 // this.$refs[ref][0].loadData().then(() => {
-                                this.exeFlowEvent("handle","afterClick",nextTab.currentNode,ref);
+                                this.workFlowUtil.exeFlowEvent("handle","afterClick",nextTab.currentNode);
                                 if(currentNodeObj.openEvent === '1'){ //开启事件
-                                  this.exeNewFlowEvent("editAfter",currentNodeObj.nodeLinkId ||'');//新事件规则
+                                  this.workFlowUtil.exeNewFlowEvent("editAfter",currentNodeObj.nodeLinkId ||'');//新事件规则
                                 }
                                 // })
                             })
@@ -2230,330 +1282,6 @@
                 this.tabCrudSearch();
             },
 
-            /**
-             * 选择下一步执行人
-             */
-            chooseUser(nodekey) {
-                this.inclusiveChooseKey = nodekey || "";
-                this.sysOrgPosUserDialog = true;
-            },
-
-            /**
-             * 确认执行人
-             */
-            sureNextUser() {
-                let checkedUserArr = this.$refs.orgPosUserRef.chooseUsers || [];
-                let userName = "";
-                let userId = "";
-                let arr = [];
-                let posUserIdArr = [];
-                checkedUserArr.forEach(item => {
-                    userName += "," + item.dataLabel;
-                    userId += "," + (item.dataKey.startsWith("user_") ? item.dataKey.replace("user_", "") : item.dataKey);
-                    arr.push(item.dataKey.startsWith("user_") ? item.dataKey.replace("user_", "") : item.dataKey);
-                    posUserIdArr.push(item.dataKey.startsWith("user_") ? item.dataKey.replace("user_", "") : item.dataKey);
-                });
-                if (userName) {
-                    userName = userName.substring(1);
-                    userId = userId.substring(1);
-                }
-                this.chooseNextUserName = userName;
-                this.chooseNextUserId = userId;
-                this.choosePosUserIds = posUserIdArr.join(",");
-                if(this.inclusiveChooseKey){
-                    this.chooseNextUserNameObj[this.inclusiveChooseKey] = userName;
-                    this.chooseNextUserIdObj[this.inclusiveChooseKey] = arr;
-                    this.choosePosUserIdsObj[this.inclusiveChooseKey] = posUserIdArr.join(",");
-                }
-                this.sysOrgPosUserDialog = false;
-            },
-
-            /**
-             * 下一步确定
-             */
-            saveNextStept() {
-                this.isDisabled1 = false;
-                let dealers = this.chooseNextUserId;
-                let dealerNames = this.chooseNextUserName;
-                let dealersObj = {};
-                if (this.nextNode.nextType == "inclusiveGateway") {
-                    // 校验是否选人了
-                    let tempResult = true;
-                    Object.keys(this.chooseNextUserIdObj).forEach(key => {
-                        let dealers = this.chooseNextUserIdObj[key];
-                        if(Array.isArray(dealers)){
-                            dealersObj[key] = dealers.join(",");
-                        }else{
-                            dealersObj[key] = dealers;
-                        }
-                        if ((this.chooseNextUserIdObj[key] || []).length == 0) {
-                            tempResult = false;
-                        }
-                    });
-                    if (!tempResult) {
-                        this.$message.error("所有任务都需要设置执行人！");
-                        this.isDisabled1 = true;
-                        return;
-                    }
-                } else {
-                    if (dealers && !dealerNames) {
-                        let userName = "";
-                        this.nextSteptUserArr.forEach(item => {
-                            if (("," + dealers + ",").indexOf("," + item.id + ",") > -1) {
-                                userName += "," + item.userName;
-                            }
-                        });
-                        if (userName) {
-                            userName = userName.substring(1);
-                        }
-                        this.chooseNextUserName = userName;
-                        dealerNames = this.chooseNextUserName;
-                    }
-                    if (this.nextNode.nodeType != 'EndEvent') {
-                        if ((!this.chooseNextUserId || this.chooseNextUserId.length == 0) && this.isProceedNext) {
-                            this.$message({type: "error", message: "请选择处理人！"});
-                            this.isDisabled1 = true;
-                            return;
-                        }
-                        if (this.nextNode.dealType != "single") {
-                            if (typeof this.chooseNextUserId == 'string') {
-                                dealers = this.chooseNextUserId;
-                            } else {
-                                dealers = this.chooseNextUserId.join(",");
-                            }
-                            if (typeof this.chooseNextUserName == 'string') {
-                                dealerNames = this.chooseNextUserName;
-                            } else {
-                                dealerNames = this.chooseNextUserName.join(",");
-                            }
-                        }else if(this.nextNode.dealType == "single"){
-                            dealers=dealers.split(",")[0];
-                            dealerNames=dealerNames.split(",")[0];
-                        }
-                    } else {
-                        dealers = "";
-                    }
-                    dealersObj[this.nextNode["nodeLinkId"]] = dealers;
-                }
-
-                this.nextUserInfo['dealers'] = dealers;
-                this.nextUserInfo['dealerNames'] = dealerNames;
-                this.nextUserInfo['dealersObj'] = dealersObj;
-
-                let obj = {
-                    instId: this.saveInstId,
-                    dealers: dealers,
-                    dealerNames: dealerNames,
-                    nextNodeType: this.nextNode.nodeType,
-                    dealersObj: JSON.stringify(dealersObj),
-                    taskId: this.currentInst.taskId,
-                    nextNodeId: this.nextNode.id,
-                    nextNodeKey: this.nextNode.nodeLinkId,
-                }
-                if(this.nowNode && this.nowNode.dealType && this.nowNode.dealType == 'multi'){
-                    this.$set(obj,'passCondition',this.nowNode.passCondition)
-                }
-                if(this.flowNextOperation) {
-                    this.flowNextOperation(obj.instId, obj.dealers, obj.dealerNames, obj.taskId);
-                }
-                let params = {"SASP_FLOW_USE_VARIABLES":"yes"};
-                Object.assign(params,this.flowParams || {},obj);
-                this.saspFlowAxios.post(this.api.plFlowInst.executeNextStep,params).then(res => {
-                    if (res && res.data && res.data.operateSuccess) {
-                        this.initTabNum();
-                        this.$message({type: "success", message: "提交成功！"});
-                        if (this.flowBatchPendingDialog) {
-                            this.batchTabRemove(this.currentInst.dataId);
-                        } else {
-                            this.tabCrudSearch();
-                        }
-
-                        this.nextSteptUserDialog = false;
-                        this.flowInstDataDialog = false;
-
-                        let type = this.flowBatchPendingDialog ? "batch" : "";
-                        let currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode || this.draftNodeId] ||{};
-                        let submitSuccessRusult;
-                        if (type == 'batch') {
-                            // 批量处理
-                            let ref = "batchTableForm"+this.batchUpdateFormInfo.activeName+"Ref";
-                            submitSuccessRusult=this.exeFlowEvent("nextStep","submitSuccess", this.currentInst.currentNode || this.draftNodeId,ref);
-                            if(currentNodeObj.openEvent == '1'){
-                                submitSuccessRusult = this.exeNewFlowEvent("nextSubmit",currentNodeObj.nodeLinkId||'',ref)
-                            }
-                        } else {
-                            submitSuccessRusult=this.exeFlowEvent("nextStep","submitSuccess", this.currentInst.currentNode || this.draftNodeId);
-                            if(currentNodeObj.openEvent == '1'){
-                                submitSuccessRusult =this.exeNewFlowEvent("nextSubmit",currentNodeObj.nodeLinkId||'')
-                            }
-                        }
-                        if(submitSuccessRusult){
-                            //办结提醒
-                            if(this.nextNode.nodeType == "EndEvent"){
-                                let remindParam = {
-                                    instId:this.saveInstId,
-                                    flowId:this.flowDefine.id,
-                                    flowName:this.flowDefine.flowName,
-                                    formId:this.formInfo.formId,
-                                    listViewId:this.formInfo.listViewId,
-                                    dataId:this.formInfo.dataId,
-                                    instType:"end"
-                                };
-                                this.saspFlowAxios.post(this.api.plFlowInst.saveRemind,remindParam);
-                            }
-                        }else{
-                            console.log("脚本异常")
-                        }
-
-
-                    } else {
-                        this.$message({type: "error", message: "保存失败！"});
-                        this.isDisabled1 = true;
-                        this.isDisabled['nextStep'] = true;
-                    }
-                });
-            },
-
-
-            /**
-             * 确认加签
-             */
-            sureCompleteSign() {
-                let checkedUserArr = this.$refs.completeSignRef.chooseUsers || [];
-                if (checkedUserArr.length === 0) {
-                    this.$message({type: "error", message: "请选择加签人！"});
-                    return;
-                }
-                let userIds = "";
-                checkedUserArr.forEach(item => {
-                    userIds += "," + item.dataKey.startsWith("user_") ? item.dataKey.replace("user_", "") : item.dataKey;
-                });
-                this.disableSign = true;
-                this.saspFlowAxios.post(this.api.plFlowInst.completeSign, {
-                    taskId: this.currentInst.taskId,
-                    dealers: userIds.substring(1)
-                }).then(res => {
-                    if (res && res.data && res.data.operateSuccess) {
-                        this.completeSignDialog = false;
-                        this.flowInstDataDialog = false;
-                        this.initTabNum();
-                        this.$message({type: "success", message: "加签成功！"});
-                        this.tabCrudSearch();
-                    } else {
-                        this.$message({type: "error", message: "加签失败！"});
-                    }
-                    this.disableSign = false;
-                });
-            },
-
-            /**
-             * 确认转签
-             */
-            sureTurnSign() {
-                let checkedUserArr = this.$refs.turnSignRef.chooseUsers || [];
-                if (checkedUserArr.length === 0) {
-                    this.$message({type: "error", message: "请选择转签人！"});
-                    return;
-                }
-                let userId = checkedUserArr[0].dataKey.startsWith("user_") ? checkedUserArr[0].dataKey.replace("user_", "") : checkedUserArr[0].dataKey;
-                this.disableSign = true;
-                this.saspFlowAxios.post(this.api.plFlowInst.turnSign, {
-                    taskId: this.currentInst.taskId,
-                    dealers: userId
-                }).then(res => {
-                    if (res && res.data && res.data.operateSuccess) {
-                        this.turnSignDialog = false;
-                        this.flowInstDataDialog = false;
-                        this.initTabNum();
-                        this.$message({type: "success", message: "转签成功！"});
-                        this.tabCrudSearch();
-                    } else {
-                        this.$message({type: "error", message: "转签失败！"});
-                    }
-                    this.disableSign = false;
-                });
-
-            },
-
-            /**
-             * 回退到上一步
-             */
-            backToPrevious() {
-                let loading = this.$loading({
-                    lock: true,
-                    text: '正在退回，请稍后....',
-                    spinner: 'el-icon-loading',
-                    background: 'rgba(0, 0, 0, 0.7)'
-                })
-                let currentInst = this.currentInst;
-                this.$prompt('退回备注', '确定要退回至上一个节点吗?', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    inputType: 'textarea',
-                }).then(({ value }) => {
-                    this.saspFlowAxios.post(this.api.plFlowInst.backRewrite,
-                        {
-                            taskId:currentInst.taskId,
-                            remarks: value
-                        }).then(res => {
-                        if (res && res.data && res.data.operateSuccess) {
-                            this.$message({type: "success", message: "退回成功！"});
-                            this.initTabNum();
-                            if (this.flowBatchPendingDialog) {
-                                this.batchTabRemove(this.currentInst.dataId);
-                            } else {
-                                this.tabCrudSearch();
-                            }
-                        } else {
-                            this.$message({type: "error", message: res.data.operateMessage});
-                        }
-                        loading && loading.close();
-                        this.flowInstDataDialog = false;
-                    })
-                }).catch(() => {
-                    loading && loading.close();
-                });
-            },
-
-
-            /**
-             * 取回
-             */
-            getBackPrevious() {
-                let loading = this.$loading({
-                    lock: true,
-                    text: '正在取回，请稍后....',
-                    spinner: 'el-icon-loading',
-                    background: 'rgba(0, 0, 0, 0.7)'
-                })
-                let currentInst = this.currentInst;
-                this.$confirm('确定要取回吗?', '警告', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                }).then(() => {
-                    this.saspFlowAxios.post(this.api.plFlowInst.getBackRewrite,
-                        {
-                            flowInstId: currentInst.flowInstId,
-                        }).then(res => {
-                        if (res && res.data && res.data.operateSuccess) {
-                            this.$message({type: "success", message: "取回成功！"});
-                            this.initTabNum();
-                            if (this.flowBatchPendingDialog) {
-                                this.batchTabRemove(this.currentInst.dataId);
-                            } else {
-                                this.tabCrudSearch();
-                            }
-                        } else {
-                            this.$message({type: "error", message: res.data.operateMessage});
-                        }
-                        loading && loading.close();
-                        this.flowInstDataDialog = false;
-                    })
-                }).catch(() => {
-                    loading && loading.close();
-                });
-            },
-
             /**
              * 基于当前选中的选项卡进行查询
              */
@@ -2565,226 +1293,9 @@
              * 获取流程概要
              */
             getFlowSummary(dataObj, summaryTemplate) {
-                let flowSummary = "";
-                let summarySet = summaryTemplate || this.flowDefine.flowSummary;
-                if (this.tabActive === "draft") {
-                    flowSummary = this.platStringUtil.replaceAll(summarySet, "${startUserName*}", this.loginUser.userName);
-                    flowSummary = this.platStringUtil.replaceAll(flowSummary, "${createTime*}", this.DATE_UTIL.getCurrentDateTime());
-                } else {
-                    flowSummary = this.platStringUtil.replaceAll(summarySet, "${startUserName*}", this.currentStartUser);
-                    flowSummary = this.platStringUtil.replaceAll(flowSummary, "${createTime*}", this.currentStartTime);
-                }
-                flowSummary = this.platStringUtil.replaceAll(flowSummary, "${flowName*}", this.flowDefine.flowName);
-                if (this.flowDefine.summaryNameId) {
-                    // flowSummary = flowSummary.toUpperCase();
-                    let summaryNameId = JSON.parse(this.flowDefine.summaryNameId);
-                    Object.keys(summaryNameId).forEach(fieldName => {
-                        let fieldId = summaryNameId[fieldName];
-                        if (fieldName && dataObj.hasOwnProperty(fieldId)) {
-                            let replaceVal = dataObj[fieldId];
-                            if(dataObj[fieldId + "_SASP_SYS_DATA"]){
-                                replaceVal = dataObj[fieldId+ "_SASP_SYS_DATA"];
-                            }
-                            if(dataObj[fieldId + "_sequence"]){ // 自增序列
-                                replaceVal = dataObj[fieldId + "_sequence"];
-                            }
-                            flowSummary = this.platStringUtil.replaceAll(flowSummary, "${" + fieldName + "}", replaceVal);
-                        }else if(fieldName && dataObj.hasOwnProperty(fieldName)){
-                            let replaceVal = dataObj[fieldName];
-                            if(dataObj[fieldName + "_SASP_SYS_DATA"]){
-                                replaceVal = dataObj[fieldName+ "_SASP_SYS_DATA"];
-                            }
-                            if(dataObj[fieldName + "_sequence"]){ // 自增序列
-                                replaceVal = dataObj[fieldName + "_sequence"];
-                            }
-                            flowSummary = this.platStringUtil.replaceAll(flowSummary, "${" + fieldName + "}", replaceVal);
-                        }else{
-                            flowSummary = this.platStringUtil.replaceAll(flowSummary, "${" + fieldName + "}", "");
-                        }
-                    });
-                }
-                return flowSummary;
-            },
-
-            /**
-             * 各字段的状态
-             * nodeKey 当前key
-             * version 当前版本号
-             */
-            initFieldStatus(nodeKey,version,flowStatus) {
-                return new Promise(resolve => {
-                    // let nodeInfo = this.flowVersionNodeObj[version][nodeKey] || {};
-                    // this.formInfo.fieldStatus = {};
-                    // this.formInfo.fieldDefaultVal = {}; //初始化可编辑状态和默认值
-                    // let orgChargeField = [];
-                    // let supervisorField = [];
-                    // let levels = "";
-                    // if (nodeInfo.fieldOperate) {
-                    //     let fieldOperate = JSON.parse(nodeInfo.fieldOperate);
-                    //     Object.keys(fieldOperate).forEach(field => {
-                    //         let fieldObj = fieldOperate[field];
-                    //         if(flowStatus!='4'){
-                    //             if (fieldObj.edit == "1") {//可编辑
-                    //                 this.formInfo.fieldStatus[field] = "edit";
-                    //             } else if (fieldObj.hide == "1") {//不可见
-                    //                 this.formInfo.fieldStatus[field] = "hide";
-                    //             }
-                    //         }
-                    //         let defaultValType = fieldObj.defaultValType;
-                    //         let defaultVal = fieldObj.defaultVal;
-                    //         let dateTimeType = fieldObj.dateTimeType;
-                    //         if (defaultVal) {
-                    //             if (defaultValType == "sysData") {
-                    //                 this.formInfo.fieldDefaultVal[field] = defaultVal[defaultVal.length - 1];
-                    //             } else if (defaultValType == "formInfo"){
-                    //                 this.formInfo.fieldDefaultVal[field] = "&&," + defaultVal + ",&&";
-                    //             } else if (defaultValType == "diyVal" || (defaultValType == "dateTime" && dateTimeType == "diyTime")) {
-                    //                 this.formInfo.fieldDefaultVal[field] = defaultVal;
-                    //             } else {
-                    //                 if (defaultVal.indexOf("LOGINUSER") > -1) {
-                    //                     this.formInfo.fieldDefaultVal[field] = Replace.def(this.loginUser, defaultVal);
-                    //                 } else {
-                    //                     this.formInfo.fieldDefaultVal[field] = Replace.def(this.userDept, defaultVal);
-                    //                 }
-                    //             }
-                    //         }
-                    //         //时间
-                    //         if(defaultValType == "dateTime" && dateTimeType == "sysTime"){
-                    //             let time = "";
-                    //             let dateTimeFormat = fieldObj.dateTimeFormat || "yyyy-MM-dd";
-                    //             let specialDate = fieldObj.specialDate;
-                    //             let specialOpt = fieldObj.specialOpt;
-                    //             let specialVal = fieldObj.specialVal;
-                    //             if(specialDate && specialOpt && specialVal){
-                    //                 time = this.DATE_UTIL.timeConversion(new Date(),dateTimeFormat,specialDate,specialOpt,specialVal);
-                    //             }else{
-                    //                 time = this.DATE_UTIL.formaterDateOrTime(new Date(),dateTimeFormat);
-                    //             }
-                    //             this.formInfo.fieldDefaultVal[field] = time;
-                    //         }
-                    //
-                    //         if(defaultValType == "dateTime" && dateTimeType == "formField"){
-                    //             this.formInfo.flowFieldDefaultFromForm[field] = fieldObj;
-                    //         }
-                    //
-                    //
-                    //         //处理人上级
-                    //         let dealerLeaderType = fieldObj.dealerLeaderType;
-                    //         if(dealerLeaderType){
-                    //             if(dealerLeaderType == "1"){
-                    //                 orgChargeField.push(field);
-                    //             }else{
-                    //                 supervisorField.push({field:field,level:fieldObj.leaderLevel})
-                    //                 levels += "," + fieldObj.leaderLevel;
-                    //             }
-                    //         }
-                    //         this.formInfo.fieldDefaultValChangeNum[field] = fieldObj.changeNum;
-                    //     });
-                    // }
-                    // //防止切换数据污染
-                    // this.formInfo.listViewId = this.parentListViewId;
-                    // this.formInfo.tableViewId = this.parentTableViewId;
-                    // if(nodeInfo.nodeSetForm == '1'){ //开启定制表单
-                    //     //开启定制表单
-                    //     // nodeFormType
-                    //     // nodeResouceId
-                    //     if(nodeInfo.nodeFormType == 'form'){ //智能建表
-                    //         let nodeResouceIdArr = JSON.parse(nodeInfo.nodeResourceId || "[]");
-                    //         if(nodeResouceIdArr.length > 0){
-                    //             let resouceId = nodeResouceIdArr[nodeResouceIdArr.length - 1];
-                    //             this.RES_GLOBAL.getById(resouceId).then(resData => {
-                    //
-                    //                 //获取资源池
-                    //                 // this.$set(this.formInfo,'listViewId',resData.rkey);
-                    //                 this.FORM_GLOBAL.getViewAndFields(resData.rkey,
-                    //                                                   resData.rclassId,this.loginUser.userType).then(data => {
-                    //                     if (data) {
-                    //                         let resultMap = data || {};
-                    //                         this.formInfo.formId = resultMap.formId;
-                    //                         this.formInfo.listViewId = resultMap.listViewId;
-                    //                         this.formInfo.tableViewId = resultMap.tableViewId;
-                    //                         let fieldList = resultMap.fieldList || [];
-                    //                         fieldList.forEach(fieldObj => {
-                    //                             this.formFieldObj[fieldObj.id] = fieldObj;
-                    //                         });
-                    //                         this.initFlowTitle();
-                    //                         this.getDefaultUser(orgChargeField,supervisorField,levels,resolve);
-                    //                         // resolve(true);
-                    //                     }
-                    //                 });
-                    //             });
-                    //         }
-                    //     }else {
-                    //         this.getDefaultUser(orgChargeField,supervisorField,levels,resolve);
-                    //         // resolve(true);
-                    //     }
-                    // }else {
-                    //     this.getDefaultUser(orgChargeField,supervisorField,levels,resolve);
-                    //     // resolve(true);
-                    // }
-                    resolve();
-                });
+                return this.workFlowUtil.getFlowSummary(dataObj, summaryTemplate);
             },
 
-            // getDefaultUser(orgChargeField,supervisorField,levels,resolve){
-            //     if(orgChargeField.length > 0 && supervisorField.length > 0){
-            //         this.saspFlowAxios.post(this.api.sysOrgPosUser.getDeptSupervisorByUserId,
-            //             {userId:this.loginUser.id}).then(res => {
-            //             if(res && res.data){
-            //                 let userId = (res.data[0] || {}).id;
-            //                 orgChargeField.forEach(fieldId => {
-            //                     this.formInfo.fieldDefaultVal[fieldId] = userId || "";
-            //                 });
-            //             }
-            //
-            //             this.saspFlowAxios.post(this.api.sysOrgPosUser.getSupervisorByLevels,
-            //                 {userId:this.loginUser.id,levels:levels.substring(1)}).then(res => {
-            //                 if(res && res.data){
-            //                     let userIdMap = res.data || {};
-            //                     supervisorField.forEach(item => {
-            //                         this.formInfo.fieldDefaultVal[item.field] = userIdMap[item.level] || "";
-            //                     });
-            //                     resolve(true);
-            //                 }
-            //             });
-            //         });
-            //     }else if(orgChargeField.length > 0){
-            //         this.saspFlowAxios.post(this.api.sysOrgPosUser.getDeptSupervisorByUserId,
-            //             {userId:this.loginUser.id}).then(res => {
-            //             if (res && res.data) {
-            //                 let userId = (res.data[0] || {}).id;
-            //                 orgChargeField.forEach(fieldId => {
-            //                     this.formInfo.fieldDefaultVal[fieldId] = userId || "";
-            //                 });
-            //                 resolve(true);
-            //             }
-            //         });
-            //     }else if(supervisorField.length > 0){
-            //         this.saspFlowAxios.post(this.api.sysOrgPosUser.getSupervisorByLevels,
-            //             {userId:this.loginUser.id,levels:levels.substring(1)}).then(res => {
-            //             if(res && res.data){
-            //                 let userIdMap = res.data || {};
-            //                 supervisorField.forEach(item => {
-            //                     this.formInfo.fieldDefaultVal[item.field] = userIdMap[item.level] || "";
-            //                 });
-            //                 resolve(true);
-            //             }
-            //         });
-            //     }else{
-            //         resolve(true);
-            //     }
-            // },
-
-
-
-            /**
-             * 批量处理存草稿
-             */
-            batchSaveDraft() {
-                this.batchTabRemove(this.currentInst.dataId);
-            },
-
-
             /**
              * 关闭下一步执行人弹窗
              */
@@ -2793,39 +1304,8 @@
                 this.isDisabled['nextStep'] = true;
             },
 
-            /**
-             * 恢复方法
-             */
-            restoreFlow() {
-                this.saspFlowAxios.post(this.api.plFlowInst.stopFlow, {
-                    instId: this.currentInst.flowInstId, type: "1",
-                    procInstId: this.currentInst.linkProcId,
-                    taskId: this.currentInst.taskId
-                }).then(res => {
-                    if (res && res.data) {
-                        if (res.data.operateSuccess) {
-                            this.$message({type: "success", message: "恢复成功！"});
-                            this.flowInstDataDialog = false;
-                            if (this.flowBatchPendingDialog) {
-                                this.batchTabRemove(this.currentInst.dataId);
-                            } else {
-                                this.tabCrudSearch();
-                            }
-                            this.initTabNum();
-                        } else {
-                            this.$message({type: "error", message: res.data.operateMessage});
-                        }
-                    }
-                })
-            },
-
             // 获取工作流表单信息弹出框标题
             initFlowTitle() {
-                // this.FORM_GLOBAL.getTableViews(this.formInfo.tableViewId,this.loginUser.userType).then(data => {
-                //     if (data) {
-                //         this.flowFormTitle = data.viewName;
-                //     }
-                // });
             },
 
             initTabNum() {
@@ -2848,679 +1328,97 @@
             //     this.$set(this.numberObj, tabType, total);
             // },
 
-            getFlowInfo() {
-                this.flowDefine.id = this.flowData.flowId;
-                return new Promise(resolve => {
-                    this.FLOW_GLOBAL.getFlowDefineById(this.flowData.flowId).then(flowobj => {
-                        this.flowDefine = flowobj;
-                        let tabSetting = JSON.parse(this.flowDefine.tabSetting,"[]");
-                        (tabSetting || []).forEach(item => {
-                            if(item.isUse == '1'){
-                                this.operateType[item.type] = true;
-                            }
-                        })
-                        let activeArr = [];
-                        Object.keys(this.operateType).forEach(key => {
-                            if(this.operateType[key] && this.resourceTabOpts.indexOf(key) > -1){
-                                activeArr.push(key);
-                            }
-                        })
-                        if(activeArr.length > 0 && activeArr.indexOf("pending") == -1){
-                            this.tabActive = activeArr[0];
-                        }
-                        this.showModel = flowobj.showModel;
-                        this.showInfo = flowobj.showInfo;
-                        let formType = flowobj.formType;
-                        // if (formType == "form") {
-                        //     let resourceIdArr = JSON.parse(flowobj.resourceId);
-                        //     let resourceId = resourceIdArr[1];
-                        //     this.RES_GLOBAL.getById(resourceId).then(resourceData => {
-                        //         this.FORM_GLOBAL.getViewAndFields(resourceData.rkey,
-                        //                                           resourceData.rclassId,this.loginUser.userType).then(data => {
-                        //             if (data) {
-                        //                 let resultMap = data || {};
-                        //                 this.formInfo.formId = resultMap.formId;
-                        //                 this.formInfo.listViewId = resultMap.listViewId;
-                        //                 this.formInfo.formDefineKey = resourceData.rclassId;
-                        //                 this.parentListViewId = resultMap.listViewId;
-                        //                 this.formInfo.tableViewId = resultMap.tableViewId;
-                        //                 this.parentTableViewId = resultMap.tableViewId;
-                        //                 let fieldList = resultMap.fieldList || [];
-                        //                 fieldList.forEach(fieldObj => {
-                        //                     this.formFieldObj[fieldObj.id] = fieldObj;
-                        //                 });
-                        //
-                        //                 this.initFlowTitle();
-                        //             }
-                        //         });
-                        //     });
-                        // }
-                        //工作流节点
-                        this.startNodeKey = "Activity_draft";
-                        this.startNodeKeyObj = {};
-                        // let flowVersion = this.flowDefine.flowVersion || '1.0';
-                        this.FLOW_GLOBAL.getFlowNodesByFlowId(this.flowData.flowId).then(nodeDatas => {
-                            if (nodeDatas) {
-                                nodeDatas.forEach(item => {
-                                    if (item.nodeLinkId.indexOf("Activity_draft") > -1) {
-                                        this.startNodeKey = item.nodeLinkId;
-                                        this.startNodeKeyObj[item.version] = item.nodeLinkId; //开始节点对应版本号
-                                    }
-                                    if(!this.flowVersionNodeObj[item.version]){
-                                        this.$set(this.flowVersionNodeObj,item.version,{});
-                                    }
-                                    this.$set(this.flowVersionNodeObj[item.version],item.nodeLinkId,item); //版本节点对象
-                                    // if(item.version == this.flowDefine.releaseVersion){ //节点信息只取最新版本
-                                    this.flowNodeIdToInfo[item.id] = item;
-                                    if(item.nodeType&&['StartEvent','ParallelGateway','SequenceFlow','ExclusiveGateway','InclusiveGateway'].indexOf(item.nodeType) == -1){
-                                        if(!this.flowNodeNameObj[item.nodeLinkId]){
-                                            this.$set(this.flowNodeNameObj,item.nodeLinkId,item.nodeName);
-                                        }else {
-                                            if(this.flowNodeNameObj[item.nodeLinkId] != item.nodeName){
-                                                this.flowNodeNameObj[item.nodeLinkId] = this.flowNodeNameObj[item.nodeLinkId] + "," + item.nodeName;
-                                            }
-                                        }
-                                    }
-                                    if(item.nodeType == "UserTask" && (item.nodeLinkId || "").indexOf("Activity_draft") > -1){
-                                        this.draftNodeId = item.id; // 草稿节点id
-                                    }
-                                    // }
-                                    this.allNodeInfo[item.id] = item;
-                                    // 行按钮
-                                    let listButton = JSON.parse(item.listButton || "[]") || [];
-                                    listButton = listButton.filter(item => !item.buttonId);
-                                    listButton.forEach(button => {
-                                        button.showName = button.showName ? button.showName : this.listButtonObj[button.type];
-                                    });
-                                    this.nodeListButtonObj[item.id] = listButton;
-
-                                    // 表单按钮
-                                    let formButton = JSON.parse(item.formButton || "[]") || [];
-                                    formButton = formButton.filter(item => !item.buttonId);
-                                    formButton.forEach(button => {
-                                        button.showName = button.showName ? button.showName : this.formButtonObj[button.type];
-                                    });
-
-                                    this.nodeFormButtonObj[item.id] = this.sortButtonArr(formButton);
-                                    this.nodeFormBtnObj[item.id] = this.formatterFormButton(formButton);
-
-                                    // 自定义按钮
-                                    if(item.plFlowButtons) {
-                                        (item.plFlowButtons || []).forEach(button => {
-                                            this.diyButtonsObj[button.id] = button;
-                                        })
-                                    }
-
-                                    let width = 0;
-                                    (this.nodeListButtonObj[item.id] || []).forEach(item => {
-                                        let nameLength = item.showName.length;
-                                        if (nameLength > 2) {
-                                            width += 100 + (nameLength - 2) * 12;
-                                        } else {
-                                            width += 100;
-                                        }
-                                    });
-                                    if (this.optColumnWidth < width) {
-                                        this.optColumnWidth = width;
-                                    }
-                                });
-
-                                // 显示
-                                this.isShowAgentSet = true;
-                                this.$forceUpdate();
-                            }
-                            // 加载工作流脚本与工作流事件规则
-                            this.initFlowScript().then(() => {
-                                resolve(true);
-                            })
-                        });
-
-                        if (this.flowData.defaultTab) {
-                            this.tabActive = this.flowData.defaultTab;
-                        }
-
-                    });
-                });
-            },
-
             getMultiFlowInfo() {
                 return new Promise(resolve => {
-                    let flowIdArr = this.flowId.split(",").filter(item => item);
-                    flowIdArr.forEach(flowId => {
-                        this.FLOW_GLOBAL.getFlowDefineById(flowId).then(flowDefine => {
-                            this.flowDefineByFlowId[flowId] = flowDefine;
-                        });
-                    });
-
-                    const initFlowNodeFunc = flowIdArr.map(flowId => (() => this.FLOW_GLOBAL.getFlowNodesByFlowId(flowId)));
-                    Promise.all(initFlowNodeFunc.map(func => func())).then(allFlowNodeArr => {
-                        //工作流节点
-                        this.startNodeKey = "Activity_draft";
-                        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;
-                                    this.startNodeKeyObj[item.version] = item.nodeLinkId; //开始节点对应版本号
-                                }
-                                if (!this.flowVersionNodeObj[item.version]) {
-                                    this.$set(this.flowVersionNodeObj, item.version, {});
-                                }
-                                this.$set(this.flowVersionNodeObj[item.version], item.nodeLinkId, item); //版本节点对象
-
-                                this.allNodeInfo[item.id] = item;
-                                this.flowNodeIdToInfo[item.id] = item;
-                                let nodeArr = ['StartEvent', 'ParallelGateway', 'SequenceFlow', 'ExclusiveGateway', 'InclusiveGateway'];
-                                if (item.nodeType && nodeArr.indexOf(item.nodeType) === -1) {
-                                    if (!this.flowNodeNameObj[item.nodeLinkId]) {
-                                        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;
-                                        }
-                                    }
-                                }
-                                if (item.nodeType === "UserTask" && (item.nodeLinkId || "").indexOf("Activity_draft") > -1) {
-                                    this.draftNodeId = item.id; // 草稿节点id
-                                }
-                                // 行按钮
-                                let listButton = JSON.parse(item.listButton || "[]") || [];
-                                listButton.forEach(button => {
-                                    button.showName = button.showName ? button.showName : this.listButtonObj[button.type];
-                                });
-                                this.nodeListButtonObj[item.id] = listButton;
-
-                                // 表单按钮
-                                let formButton = JSON.parse(item.formButton || "[]") || [];
-                                formButton.forEach(button => {
-                                    button.showName = button.showName ? button.showName : this.formButtonObj[button.type];
-                                });
-
-                                this.nodeFormButtonObj[item.id] = this.sortButtonArr(formButton);
-                                this.nodeFormBtnObj[item.id] = this.formatterFormButton(formButton);
-                            });
-                            this.$set(this.startNodeKeyObjByFlowId, flowId, this.startNodeKeyObj);
-                            this.$set(this.flowVersionNodeObjByFlowId, flowId, this.flowVersionNodeObj);
-                            // 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);
-                    });
+                  this.workFlowUtil.getMultiFlowInfo().then(flowDataInfos => {
+                      this.flowDefineByFlowId = flowDataInfos.flowDefineByFlowId;
+                      this.startNodeKeyObj = flowDataInfos.startNodeKeyObj;
+                      this.flowDefine = this.flowDefineByFlowId[this.flowId];
+                      this.startNodeKey = flowDataInfos.startNodeKey;
+                      this.allNodeInfo = flowDataInfos.allNodeInfo;
+                      this.flowNodeIdToInfo = flowDataInfos.flowNodeIdToInfo;
+                      this.flowNodeNameObj = flowDataInfos.flowNodeNameObj;
+                      this.draftNodeId = flowDataInfos.draftNodeId;
+                      this.nodeListButtonObj = flowDataInfos.nodeListButtonObj;
+                      this.nodeFormButtonObj = flowDataInfos.nodeFormButtonObj;
+                      this.nodeFormBtnObj = flowDataInfos.nodeFormBtnObj;
+                      this.startNodeKeyObjByFlowId = flowDataInfos.startNodeKeyObjByFlowId;
+                      this.flowVersionNodeObjByFlowId = flowDataInfos.flowVersionNodeObjByFlowId;
+                      this.flowEventScriptByFlowId = flowDataInfos.flowEventScriptByFlowId;
+                      resolve();
+                  })
                 });
             },
 
-            setFlowScript(flowId) {
-                if (flowId) {
-                    let scriptObj = this.flowEventScriptByFlowId[flowId] || {};
-                    this.scriptObj = scriptObj.scriptObj || {};
-                    this.newScriptObj = scriptObj.newScriptObj || {};
-                    this.newEventObj = scriptObj.newEventObj || {};
+          getFlowInfo() {
+              return new Promise(resolve => {
+                this.flowDefine.id = this.flowId;
+                this.workFlowUtil.getFlowInfo().then(flowDataInfos => {
+                  this.operateType = flowDataInfos.operateType;
+                  this.tabActive = flowDataInfos.tabActive;
+                  this.flowDefine = flowDataInfos.flowDefine;
+                  this.startNodeKey = flowDataInfos.startNodeKey;
+                  this.startNodeKeyObj = flowDataInfos.startNodeKeyObj;
+                  this.flowVersionNodeObj = flowDataInfos.flowVersionNodeObj;
+                  this.allNodeInfo = flowDataInfos.allNodeInfo;
+                  this.flowNodeNameObj = flowDataInfos.flowNodeNameObj;
+                  this.flowNodeIdToInfo = flowDataInfos.flowNodeIdToInfo;
+                  this.nodeListButtonObj = flowDataInfos.nodeListButtonObj;
+                  this.nodeFormButtonObj = flowDataInfos.nodeFormButtonObj;
+                  this.nodeFormBtnObj = flowDataInfos.nodeFormBtnObj;
+                  this.optColumnWidth = flowDataInfos.optColumnWidth;
+                  this.diyButtonsObj = flowDataInfos.diyButtonsObj;
+
+                  this.showModel = this.flowDefine.showModel;
+                  this.showInfo = this.flowDefine.showInfo;
+
+                  // 显示
+                  this.isShowAgentSet = true;
+                  this.$forceUpdate();
+                  resolve();
+                });
+                if (this.flowData.defaultTab) {
+                  this.tabActive = this.flowData.defaultTab;
                 }
-            },
+              })
+          },
+
+          setFlowTabInfo(result){
+              this.isRefreshGetNextUsers = result.isRefreshGetNextUsers;
+              this.tabTypeObj = result.tabTypeObj;
+          },
 
             /**
              *  加载工作流脚本与工作流事件规则
              */
             initFlowScript(flowId){
-                if (flowId) {
-                    this.flowDefine = this.flowDefineByFlowId[flowId] || {};
-                }
-                return new Promise(resolve => {
-                    this.saspFlowAxios.all([
-                        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){
-                            let scriptDatas = resScript.data || [];
-                            // 脚本order排序
-                            scriptDatas = scriptDatas.sort(sortScript);
-                            function sortScript(a,b){
-                                return Number(a.scriptOrder) - Number(b.scriptOrder);
-                            }
-                            // 根据节点区分
-                            let scriptObj = {};
-                            let arr = ['vm','axios','CTX','formData','LOGINUSER','Ajax','nextNode','resolve'];
-                            let serviceName = (window.SERVICE_NAME || {});
-                            let adminServeName = serviceName.admin || "/admin/";
-                            let formServeName = serviceName.form || "/form/";
-                            let flowServeName = serviceName.flow || "/flow/";
-                            let oaServeName = serviceName.oa || "/oaproject/";
-                            scriptDatas.forEach(item => {
-                                // 添加修改是单独区分开，没有节点概念
-                                if(item.executePosition == "add" || item.executePosition == "update"){
-                                    if(!scriptObj[item.executePosition]){
-                                        scriptObj[item.executePosition] = {};
-                                    }
-                                    if(!scriptObj[item.executePosition][item.executeTime]){
-                                        scriptObj[item.executePosition][item.executeTime] = [];
-                                    }
-                                    try{
-                                        if(item.content){
-                                            let value = item.content;
-                                            // value = this.platStringUtil.replaceAll(value,"/admin/",adminServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/form/",formServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/flow/",flowServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/oaproject/",oaServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/oaadmin/",adminServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/oaform/",formServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/oaflow/",flowServeName);
-                                            value = this.replaceUrl(value);
-                                            item.content = value;
-                                        }
-                                        scriptObj[item.executePosition][item.executeTime].push(new Function(...arr,item.content));
-                                    }catch (e) {
-                                        console.log(item.content);
-                                        console.log("脚本编译失败！");
-                                    }
-                                }else{
-                                    if(!scriptObj[item.nodeId]){
-                                        scriptObj[item.nodeId] = {};
-                                    }
-                                    let nodeObj = scriptObj[item.nodeId]; // 节点的所有内容
-                                    if(!nodeObj[item.executePosition]){
-                                        nodeObj[item.executePosition] = {};
-                                    }
-                                    let positionObj = nodeObj[item.executePosition]; // 脚本的执行位置，add，update,deal，等
-                                    if(!positionObj[item.executeTime]){
-                                        positionObj[item.executeTime] = [];
-                                    }
-                                    let executeTimeArr = positionObj[item.executeTime]; // 在该时间对应的脚本内容数组
-                                    try{
-                                        if(item.content){
-                                            let value = item.content;
-                                            // value = this.platStringUtil.replaceAll(value,"/admin/",adminServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/form/",formServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/flow/",flowServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/oaadmin/",adminServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/oaform/",formServeName);
-                                            // value = this.platStringUtil.replaceAll(value,"/oaflow/",flowServeName);
-                                            value = this.replaceUrl(value);
-                                            item.content = value;
-                                        }
-                                        executeTimeArr.push(new Function(...arr,item.content));
-                                    }catch (e) {
-                                        console.log(item.content);
-                                        console.log("脚本编译失败！");
-                                    }
-                                }
-                            })
-                            this.scriptObj = scriptObj;
-                        }
-                        // 流程事件规则
-                        if(resEvent){
-                            let eventDataArr = resEvent.data || [];
-                            let scriptObj = {};
-                            let eventObj = {};
-                            let arr = ['vm','axios','CTX','formData','LOGINUSER','Ajax','nextNode','resolve'];
-                            let serviceName = (window.SERVICE_NAME || {});
-                            let adminServeName = serviceName.admin || "/admin/";
-                            let formServeName = serviceName.form || "/form/";
-                            let flowServeName = serviceName.flow || "/flow/";
-                            let oaServeName = serviceName.oa || "/oaproject/";
-                            eventDataArr.forEach(item =>{
-                                let executeTypeArr = (item.executeType || '').split(",");
-                                executeTypeArr.forEach(executeType =>{
-                                    if (item.source == 'diy'){
-                                        //自定义
-                                        // 添加是单独区分开，没有节点概念
-                                        if(executeType == "addAfter"){
-                                            if(!scriptObj[executeType]){
-                                                scriptObj[executeType] = [];
-                                            }
-                                            try{
-                                                if(item.funcBody){ //方法体
-                                                    let value = item.funcBody;
-                                                    // value = this.platStringUtil.replaceAll(value,"/admin/",adminServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/form/",formServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/flow/",flowServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/oaproject/",oaServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/oaadmin/",adminServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/oaform/",formServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/oaflow/",flowServeName);
-                                                    value = this.replaceUrl(value);
-                                                    item.funcBody = value;
-                                                }
-                                                scriptObj[executeType].push(new Function(...arr,item.funcBody));
-                                            }catch (e) {
-                                                console.log(item.funcBody);
-                                                console.log("脚本编译失败！");
-                                            }
-                                        }else{
-                                            if(!scriptObj[item.nodeKey]){
-                                                scriptObj[item.nodeKey] = {};
-                                            }
-                                            let nodeObj = scriptObj[item.nodeKey]; // 节点的所有内容
-                                            if(!nodeObj[executeType]){
-                                                nodeObj[executeType] = [];
-                                            }
-                                            let positionArr = nodeObj[executeType]; // 脚本的执行位置，add，update,deal，等
-                                            try{
-                                                if(item.funcBody){
-                                                    let value = item.funcBody;
-                                                    // value = this.platStringUtil.replaceAll(value,"/admin/",adminServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/form/",formServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/flow/",flowServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/oaproject/",oaServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/oaadmin/",adminServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/oaform/",formServeName);
-                                                    // value = this.platStringUtil.replaceAll(value,"/oaflow/",flowServeName);
-                                                    value = this.replaceUrl(value);
-                                                    item.funcBody = value;
-                                                }
-                                                positionArr.push(new Function(...arr,item.funcBody));
-                                            }catch (e) {
-                                                console.log(item.funcBody);
-                                                console.log("脚本编译失败！");
-                                            }
-                                        }
-                                        this.newScriptObj = scriptObj;
-                                    }else if(item.source == 'event'){ //事件规则
-                                        //获取响应配置
-                                        // 添加单独区分开，没有节点概念
-                                        if(executeType == "addAfter"){
-                                            if(!eventObj[executeType]){
-                                                eventObj[executeType] = {};
-                                            }
-                                            try{
-                                                if(item.resConfigurateion){ //响应配置
-                                                    let resConfigurateionObj = JSON.parse(item.resConfigurateion || "{}");
-                                                    let eventKey = resConfigurateionObj.eventKey;
-                                                    if(!eventObj[executeType][eventKey]){
-                                                        eventObj[executeType][eventKey] = [];
-                                                    }
-                                                    eventObj[executeType][eventKey].push(resConfigurateionObj); //复制响应配置
-                                                }
-                                            }catch (e) {
-                                                console.log(item.funcBody);
-                                                console.log("脚本编译失败！");
-                                            }
-                                        }else{
-                                            if(!eventObj[item.nodeKey]){
-                                                eventObj[item.nodeKey] = {};
-                                            }
-                                            let nodeObj = eventObj[item.nodeKey]; // 节点的所有内容
-                                            if(!nodeObj[executeType]){
-                                                nodeObj[executeType] = {};
-                                            }
-                                            let positionObj = nodeObj[executeType]; // 脚本的执行位置，add，update,deal，等
-                                            try{
-                                                if(item.resConfigurateion){//响应配置
-                                                    let resConfigurateionObj = JSON.parse(item.resConfigurateion || "{}");
-                                                    let eventKey = resConfigurateionObj.eventKey;
-                                                    if(!positionObj[eventKey]){
-                                                        positionObj[eventKey] = [];
-                                                    }
-                                                    positionObj[eventKey].push(resConfigurateionObj); //复制响应配\
-                                                }
-                                            }catch (e) {
-                                                console.log(item.funcBody);
-                                                console.log("脚本编译失败！");
-                                            }
-                                        }
-                                        this.newEventObj = eventObj;
-                                    }
-                                });
-                            });
-                        }
-                        // 结束
-                        let obj = {"scriptObj": this.scriptObj, "newScriptObj": this.newScriptObj, "newEventObj": this.newEventObj};
-                        resolve({[flowId]: obj});
-                    }));
-                })
+
             },
 
             replaceUrl(value){
-                if(window.ADMIN_URL && (value.indexOf("/admin/") > -1 || value.indexOf("/oaadmin/") > -1)){
-                    if(value.indexOf("/admin/")  > -1){
-                        value = this.platStringUtil.replaceAll(value,"/admin/", window.ADMIN_URL + "/");
-                    }else{
-                        value = this.platStringUtil.replaceAll(value,"/oaadmin/",window.ADMIN_URL + "/");
-                    }
-                }
-                if(window.FLOW_URL && (value.indexOf("/flow/") > -1 || value.indexOf("/oaflow/") > -1)){
-                    if(value.indexOf("/flow/")  > -1){
-                        value = this.platStringUtil.replaceAll(value,"/flow/", window.FLOW_URL + "/");
-                    }else{
-                        value = this.platStringUtil.replaceAll(value,"/oaflow/",window.FLOW_URL + "/");
-                    }
-                }
-                if(window.FORM_RENDER_URL && (value.indexOf("/form/")  > -1|| value.indexOf("/oaform/") > -1)){
-                    if(value.indexOf("/form/")  > -1){
-                        value = this.platStringUtil.replaceAll(value,"/form/", window.FORM_RENDER_URL + "/");
-                    }else{
-                        value = this.platStringUtil.replaceAll(value,"/oaform/",window.FORM_RENDER_URL + "/");
-                    }
-                }
-                if(window.OA_URL && (value.indexOf("/project/") > -1 || value.indexOf("/oaproject/") > -1)){
-                    if(value.indexOf("/project/")  > -1){
-                        value = this.platStringUtil.replaceAll(value,"/project/", window.OA_URL + "/");
-                    }else{
-                        value = this.platStringUtil.replaceAll(value,"/oaproject/",window.OA_URL + "/");
-                    }
-                }
-                value = this.platStringUtil.replaceAll(value,"window.JAVA_URL","''");
-                value = this.platStringUtil.replaceAll(value,"JAVA_URL","''");
-                value = this.platStringUtil.replaceAll(value,"window.baseUrl","''");
-                value = this.platStringUtil.replaceAll(value,"baseUrl","''");
-                return value;
             },
 
             /**
              * 执行工作流脚本，为兼容1.0版本定制
              */
-            exeFlowEvent(executePosition,executeTime,nodeId,batchDataRef){
-                // executePosition(为方便1.0转换，与1.0保持相同):add/update/handle/nextStep/view/columnFormatter
-                // executePosition:add:['afterClick'],update:['afterClick'],handle:['afterClick'],
-                // nextStep:['afterClick','afterValidate','submitSuccess'],view:['afterClick'],
-                // （columnFormatter:['finished','end']?暂时不用）
-                let formData = {};
-                if(this.getFormInfo){
-                    formData = this.getFormInfo();
-                }
-                // if(batchDataRef){//批量处理走单独方法
-                //     formData=this.$refs[batchDataRef][0] && this.$refs[batchDataRef][0].optFormData || {};
-                // }else{
-                //     formData=(this.$refs.flowInstDataInfo && this.$refs.flowInstDataInfo.optFormData) || {};
-                // }
-                // let CTX = window.JAVA_URL;
-                let CTX = "";
-                let paramValues = [this,this.saspFlowAxios,CTX,formData,this.loginUser,AjaxUtil,this.nextNode,null]; // 入参
-                if(executePosition == "add" || executePosition == "update"){
-                    ((this.scriptObj[executePosition] || {})[executeTime] || []).forEach(event => {
-                        event && event(...paramValues); // 执行事件
-                    });
-                    return;
-                }
-                let eventArr = ((this.scriptObj[nodeId] || {})[executePosition] || {})[executeTime] || [];
-                let result=true;
-                try{
-                    eventArr.forEach(event => {
-                        let eventResult=event && event(...paramValues); // 执行事件
-                        if(eventResult ==false){
-                            throw new Error("ending");//报错，就跳出循环
-                        }
-                    })
-                }catch (e) {
-                    console.log(e);
-                    result=false;
-                }
-                return result;
+            exeFlowEvent(executePosition,executeTime,nodeId){
+                return this.workFlowUtil.exeFlowEvent(executePosition,executeTime,nodeId);
             },
 
             // 自定义按钮窗口回调函数
             openDiyButtonEvent(type,row, button) {
-                let formData = {};
-                if(this.getFormInfo){
-                    formData = this.getFormInfo();
-                }
-                if(type === 'list') {
-                    this.execDiyBtnScripts(type,row,button.funcBody);
-                }else {
-                    this.execDiyBtnScripts(type,formData,button.funcBody);
-                }
+                this.workFlowUtil.openDiyButtonEvent(type,row,button);
             },
 
             judeDiyButton(tabActive,button) {
-                if(tabActive === 'pending') {
-                    return button.position === 'table' && button.nodeId === this.currentInst.currentNode;
-                }
-                return button.position === 'table' && button.buttonSign.indexOf(tabActive) > -1;
-            },
-
-            execDiyBtnScripts(type,data,fnBody) {
-                try {
-                    fnBody = this.replaceUrl(fnBody);
-                    fnBody = fnBody.replace(/\\'/g, "'").replace(/&quot;/g, "\"");
-                    if(type === 'list') {
-                        new Function('vm,rowData,Ajax', fnBody)(this,data,AjaxUtil);
-                    }else {
-                        new Function('vm,formData,Ajax', fnBody)(this,data,AjaxUtil);
-                    }
-                } catch (e) {
-                    console.log("自定义按钮事件执行错误！", e);
-                }
+                return this.workFlowUtil.judeDiyButton(tabActive,button);
             },
 
             /**
              * 执行工作流新版本事件规则
              */
-            exeNewFlowEvent(executeType,nodeKey,batchDataRef){
-                let formData = {};
-                if(this.getFormInfo){
-                    formData = this.getFormInfo();
-                }
-                // let formData;
-                // if(batchDataRef){//批量处理走单独方法
-                //     formData=this.$refs[batchDataRef][0] && this.$refs[batchDataRef][0].optFormData || {};
-                // }else{
-                //     formData=(this.$refs.flowInstDataInfo && this.$refs.flowInstDataInfo.optFormData) || {};
-                // }
-                //执行自定义脚本
-                // let CTX = window.JAVA_URL;
-                let CTX = "";
-                let paramValues = [this,this.saspFlowAxios,CTX,formData,this.loginUser,AjaxUtil,this.nextNode]; // 入参
-                if(executeType == "addAfter"){ //新增或后
-                    (this.newScriptObj[executeType] || []).forEach(event => {
-                        event && event(...paramValues); // 执行事件
-                    });
-
-                    //执行事件规则脚本
-                    Object.keys(this.newEventObj[executeType] || {}).forEach(eventKey =>{
-                        if(this.installListObj[eventKey]
-                            && this.installListObj[eventKey]["config"]
-                            && this.installListObj[eventKey]["config"].methods.renderFlowConfig){
-                            let affectContentArr = this.newEventObj[executeType][eventKey] || [];
-                            affectContentArr.forEach(affectContent =>{
-                                this.installListObj[eventKey]["config"].methods.renderFlowConfig(this,this.CTX,this.saspFlowAxios,this.nextNode,formData,affectContent);
-                            });
-                        }
-                    });
-                    return;
-                }
-                let eventArr = (this.newScriptObj[nodeKey] || {})[executeType] || [];
-                let result=true;
-                try{
-                    eventArr.forEach(event => {
-                        let eventResult=event && event(...paramValues); // 执行事件
-                        if(eventResult ==false){
-                            throw new Error("ending");//报错，就跳出循环
-                        }
-                    });
-
-                    let eventObj = (this.newEventObj[nodeKey] || {})[executeType] || {};
-                    Object.keys(eventObj).forEach(eventKey =>{
-                        if(this.installListObj[eventKey]
-                            && this.installListObj[eventKey]["config"]
-                            && this.installListObj[eventKey]["config"].methods.renderFlowConfig){
-                            let affectContentArr = eventObj[eventKey] || [];
-                            affectContentArr.forEach(affectContent =>{
-                                this.installListObj[eventKey]["config"].methods.renderFlowConfig(this,this.CTX,this.saspFlowAxios,this.nextNode,formData,affectContent,executeType);
-                            });
-                        }
-                    });
-                }catch (e) {
-                    console.log(e);
-                    result=false;
-                }
-
-                // if(affect.eventKey
-                //     && this.installListObj[affect.eventKey]
-                //     && this.installListObj[affect.eventKey]["config"]
-                //     && this.installListObj[affect.eventKey]["config"].methods.renderTableViewConfig){
-                //     //调用渲染方法
-                //     this.$set(affect,"field",field);//当前响应控件
-                //     this.installListObj[affect.eventKey]["config"].methods.renderTableViewConfig(this,this.CTX,this.saspFlowAxios,this.dataAllObj,affect);
-                // }
-
-
-                return result;
-
-            },
-
-
-            /**
-             * 格式化表单操作按钮
-             */
-            formatterFormButton(formButton) {
-
-                let formBtnObj = {};
-                let formBtnArr = [];
-
-                for (let [key, data] of Object.entries(this.formBtnObjDefault)) {
-                    formBtnObj[key] = Object.assign({btnType: key}, data);
-                }
-
-                let objTmp;
-                (formButton || []).forEach(data => {
-                    if (formBtnObj[data.type]) {
-                        objTmp = formBtnObj[data.type];
-                        objTmp.show = (data.isUse != '0');
-                        objTmp.text = data.showName || objTmp.text;
-                    }
-                });
-
-                for (let [key, data] of Object.entries(formBtnObj)) {
-                    formBtnArr.push(data);
-                }
-                return formBtnArr;
-            },
-
-            sortButtonArr(formButton) {
-                let objBtnOrder = {
-                    "saveDraft": 1,
-                    "nextStep": 2,
-                    "completeSign": 3,
-                    "turnSign": 4,
-                    "retSpecified": 5,
-                    "back": 6,
-                    "stopped": 7,
-                    "close": 8
-                };
-                (formButton || []).forEach(data => {
-                    data.order = objBtnOrder[data.type] || data.order;
-                });
-                return formButton;
+            exeNewFlowEvent(executeType,nodeKey){
+                return this.workFlowUtil.exeNewFlowEvent(executeType,nodeKey);
             },
 
             tabClick(tab) {
@@ -3541,50 +1439,6 @@
                 }
             },
 
-            initFlowObj() {//处理流程定义对象
-                this.isRefreshGetNextUsers = [];
-                let gatewayFields = this.flowDefine.gatewayFields || "";
-                this.isRefreshGetNextUsers = gatewayFields.split(",");
-                Object.keys(this.allNodeInfo).forEach(key => {
-                    let obj = this.allNodeInfo[key];
-                    if (obj.nodeType === "UserTask" && (!obj.nodeLinkId || obj.nodeLinkId.indexOf('Activity_draft') === -1)) {
-                        if (obj.dealerType === "form" && obj.formField) {
-                            this.isRefreshGetNextUsers.push(obj.formField);
-                        }
-                        if (obj.dealerType === "variable" && obj.variable) {
-                            this.isRefreshGetNextUsers.push(obj.variable);
-                        }
-                        if (obj.dealerType === "interface" && obj.dealerUrlParam) {
-                            let dealerUrlParam = JSON.parse(obj.dealerUrlParam || "[]");
-                            dealerUrlParam.forEach(param => {
-                                if (param.paramType === "variable") {
-                                    this.isRefreshGetNextUsers.push(param.paramVal);
-                                }
-                            })
-                        }
-                    }
-                });
-                if (!this.flowId.includes(",")) {
-                    let tabSetting = JSON.parse(this.flowDefine.tabSetting);
-                    tabSetting.forEach(data => {
-                        this.$set(this.tabTypeObj, data.type, data);
-                    });
-                    Object.keys(this.tabTypeObj).forEach(key => {
-                        let objTemp = this.tabTypeObj[key];
-                        objTemp.tabName = objTemp["showName"] || objTemp["name"];
-                    });
-                    let tabTitleType = this.flowDefine.tabTitleType;
-                    if (tabTitleType === "1") {
-                        this.tabTypeObj["showtTabText"] = true;
-                        this.tabTypeObj["showTabIcon"] = true;
-                    } else if (tabTitleType === "2") {
-                        this.tabTypeObj["showtTabText"] = true;
-                    } else if (tabTitleType === "3") {
-                        this.tabTypeObj["showTabIcon"] = true;
-                    }
-                }
-            },
-
             /**
              * 初始化流程代理
              */
@@ -3644,71 +1498,6 @@
                 }
             },
 
-            /**
-             * 打开退回节点窗口
-             */
-            retSpecified(currentInst){
-                let flowInstId = currentInst.flowInstId;
-                this.saspFlowAxios.post(this.api.plFlowInst.getBackData,{"flowInstId":flowInstId}).then(res => {
-                    this.backNodeArr = [];
-                    if(res.data.operateSuccess){
-                        let result = res.data.resultObject || [];
-                        if(result.length == 0){
-                            this.$message.warning("没有可以退回的节点！");
-                            return;
-                        }
-                        let arr = [];
-                        result.forEach((item,index) =>{
-                            // if(index != res.data.resultObject.length -1){
-                            //     this.backNodeArr.push(item);
-                            // }
-                            if(item["endTimeNull"]){
-                                arr.push(item);
-                            }else{
-                                this.backNodeArr.push(item);
-                            }
-                        });
-                        this.backNodeArr = this.backNodeArr.concat(arr);
-                        this.backNodeArr.splice(this.backNodeArr.length - 1,1);
-                        this.isDisabled2 = true;
-                        this.backMsg = "";
-                        this.backNodeId = "";
-                        this.backDialogVisible = true;
-                    }
-                })
-            },
-
-            /**
-             * 执行退回
-             */
-            beginBack(){
-                if(!this.backNodeId){
-                    this.$message.error("没有选择要退回的节点！");
-                    return;
-                }
-                this.isDisabled2 = false;
-                this.saspFlowAxios.post(this.api.plFlowInst.skipToNode,
-                    {"instId":this.currentInst.flowInstId,"skipNode":this.backNodeId,
-                        "backMsg":this.backMsg,"skipStatus":"skip"}).then(res => {
-                    if(res.data.operateSuccess){
-                        this.initTabNum();
-                        this.$message.success("退回成功！");
-                        this.backDialogVisible = false;
-                        this.isDisabled2 = true;
-                        this.isDisabled['retSpecified'] = true;
-                        this.flowInstDataDialog = false;
-                        if (this.flowBatchPendingDialog) {
-                            this.batchTabRemove(this.currentInst.dataId);
-                        } else {
-                            this.tabCrudSearch();
-                        }
-                        this.initTabNum();
-                    }else{
-                        this.$message.error("退回失败！");
-                        this.isDisabled['retSpecified'] = true;
-                    }
-                })
-            },
             isOldData(btnObj){
                 if(this.currentRowData.isOldData == "1"){
                     let type = btnObj["btnType"];