sasp-flow-render 1.0.1

package/src/components/flowInst/flowInstTab.vue

@@ -0,0 +1,2858 @@
+<template>
+    <div class="flow-inst" style="height: 100%;background-color: white;">
+        <div class="flow-chart" style="z-index:100;position:absolute;top:9px;right:0;text-align: right;">
+            <el-button size="mini" style="margin-right: 12px;"
+                       type="warning" round icon="saspiconfont pl-icon-gongzuoliuchengtu"
+                       @click="openFlowChart()">流程图
+            </el-button>
+        </div>
+
+        <el-tabs v-model="tabActive" v-if="initSuccess" type="border-card" @tab-click="tabClick"
+                 style="width: 100%;height: 100%;">
+            <el-tab-pane name="draft" v-if="tabShow('draft')" style="height: 100%;" :lazy="true">
+                <span slot="label">
+                    <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['draft'].iconShow"></i>
+                    {{tabTypeObj['showtTabText']? tabTypeObj['draft'].tabName : ''}}
+                    <span style="color: red">({{numberObj['draft']}})</span>
+                </span>
+                <flow-inst-list ref="draftRef"
+                                tab-type="draft"
+                                :flow-define="flowDefine"
+                                :userArr="userArr"
+                                :userMap="userMap"
+                                :form-id="formInfo.formId"
+                                :flow-node-id-to-info="flowNodeIdToInfo"
+                                :flow-node-name-obj="flowNodeNameObj"
+                                :node-list-button-obj="nodeListButtonObj"
+                                :opt-column-width="150"
+                                :show-model="showModel"
+                                :start-node-key-obj="startNodeKeyObj"
+                                :flow-version-node-obj="flowVersionNodeObj"
+                                @initTabNum="initTabNum"
+                                :open-add-flow-form="openAddFlowForm"
+                                :open-update-flow-form="openUpdateFlowForm"
+                                :open-batch-update-flow-form="openBatchUpdateFlowForm"
+                >
+                </flow-inst-list>
+            </el-tab-pane>
+            <el-tab-pane name="pending" v-if="tabShow('pending')" style="height: 100%;">
+               <span slot="label">
+                   <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['pending'].iconShow"></i>
+                    {{tabTypeObj['showtTabText']? tabTypeObj['pending'].tabName : ''}}
+                   <span style="color: red">({{numberObj['pending']}})</span>
+                </span>
+                <flow-inst-list ref="pendingRef"
+                                tab-type="pending"
+                                :flow-define="flowDefine"
+                                :userArr="userArr"
+                                :userMap="userMap"
+                                :form-id="formInfo.formId"
+                                :flow-node-id-to-info="flowNodeIdToInfo"
+                                :flow-node-name-obj="flowNodeNameObj"
+                                :node-list-button-obj="nodeListButtonObj"
+                                :opt-column-width="optColumnWidth"
+                                :show-model="showModel"
+                                :start-node-key-obj="startNodeKeyObj"
+                                :flow-version-node-obj="flowVersionNodeObj"
+                                @initTabNum="initTabNum"
+
+                                :open-flow-chart="openFlowChart"
+                                :open-flow-record="openFlowRecord"
+                                :open-update-flow-form="openUpdateFlowForm"
+                                :open-batch-update-flow-form="openBatchUpdateFlowForm"
+                >
+                </flow-inst-list>
+            </el-tab-pane>
+            <el-tab-pane name="processed" v-if="tabShow('processed')" :lazy="true">
+                 <span slot="label">
+                      <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['processed'].iconShow"></i>
+                    {{tabTypeObj['showtTabText']? tabTypeObj['processed'].tabName : ''}}
+                     <span style="color: red">({{numberObj['processed']}})</span>
+                </span>
+                <flow-inst-list ref="processedRef"
+                                tab-type="processed"
+                                :flow-define="flowDefine"
+                                :userArr="userArr"
+                                :userMap="userMap"
+                                :form-id="formInfo.formId"
+                                :flow-node-id-to-info="flowNodeIdToInfo"
+                                :flow-node-name-obj="flowNodeNameObj"
+                                :node-list-button-obj="nodeListButtonObj"
+                                :opt-column-width="optColumnWidth"
+                                @initTabNum="initTabNum"
+                                :show-model="showModel"
+                                :start-node-key-obj="startNodeKeyObj"
+                                :flow-version-node-obj="flowVersionNodeObj"
+                                :open-flow-chart="openFlowChart"
+                                :open-flow-record="openFlowRecord"
+                                :open-view-flow-form="openViewFlowForm"
+                >
+                </flow-inst-list>
+            </el-tab-pane>
+            <el-tab-pane name="finished" v-if="tabShow('finished')" :lazy="true">
+                <span slot="label">
+                     <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['finished'].iconShow"></i>
+                    {{tabTypeObj['showtTabText']? tabTypeObj['finished'].tabName : ''}}
+                    <span style="color: red">({{numberObj['finished']}})</span>
+                </span>
+                <flow-inst-list ref="finishedRef"
+                                tab-type="finished"
+                                :flow-define="flowDefine"
+                                :userArr="userArr"
+                                :userMap="userMap"
+                                :form-id="formInfo.formId"
+                                :flow-node-id-to-info="flowNodeIdToInfo"
+                                :flow-node-name-obj="flowNodeNameObj"
+                                :node-list-button-obj="nodeListButtonObj"
+                                :opt-column-width="optColumnWidth"
+                                @initTabNum="initTabNum"
+                                :show-model="showModel"
+                                :start-node-key-obj="startNodeKeyObj"
+                                :flow-version-node-obj="flowVersionNodeObj"
+                                :open-flow-record="openFlowRecord"
+                                :open-view-flow-form="openViewFlowForm"
+                >
+                </flow-inst-list>
+            </el-tab-pane>
+            <el-tab-pane name="rescinded" v-if="tabShow('rescinded')" :lazy="true">
+               <span slot="label">
+                    <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['rescinded'].iconShow"></i>
+                    {{tabTypeObj['showtTabText']? tabTypeObj['rescinded'].tabName : ''}}
+                   <span style="color: red">({{numberObj['rescinded']}})</span>
+                </span>
+                <flow-inst-list ref="rescindedRef"
+                                tab-type="rescinded"
+                                :flow-define="flowDefine"
+                                :userArr="userArr"
+                                :userMap="userMap"
+                                :form-id="formInfo.formId"
+                                :flow-node-id-to-info="flowNodeIdToInfo"
+                                :flow-node-name-obj="flowNodeNameObj"
+                                :node-list-button-obj="nodeListButtonObj"
+                                :opt-column-width="optColumnWidth"
+                                @initTabNum="initTabNum"
+                                :show-model="showModel"
+                                :start-node-key-obj="startNodeKeyObj"
+                                :flow-version-node-obj="flowVersionNodeObj"
+                                :open-flow-record="openFlowRecord"
+                                :open-view-flow-form="openViewFlowForm"
+                >
+                </flow-inst-list>
+            </el-tab-pane>
+            <el-tab-pane name="discontinue" v-if="tabShow('discontinue')" :lazy="true">
+               <span slot="label">
+                    <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['discontinue'].iconShow"></i>
+                    {{tabTypeObj['showtTabText']? tabTypeObj['discontinue'].tabName : ''}}
+                   <span style="color: red">({{numberObj['discontinue']}})</span>
+                </span>
+                <flow-inst-list ref="discontinueRef"
+                                tab-type="discontinue"
+                                :flow-define="flowDefine"
+                                :userArr="userArr"
+                                :userMap="userMap"
+                                :form-id="formInfo.formId"
+                                :flow-node-id-to-info="flowNodeIdToInfo"
+                                :flow-node-name-obj="flowNodeNameObj"
+                                :node-list-button-obj="nodeListButtonObj"
+                                :opt-column-width="optColumnWidth"
+                                @initTabNum="initTabNum"
+                                :show-model="showModel"
+                                :start-node-key-obj="startNodeKeyObj"
+                                :flow-version-node-obj="flowVersionNodeObj"
+                                :open-flow-record="openFlowRecord"
+                                :open-view-flow-form="openViewFlowForm"
+                >
+                </flow-inst-list>
+            </el-tab-pane>
+            <el-tab-pane name="flowQuery" v-if="tabShow('flowQuery')" :lazy="true">
+               <span slot="label">
+                    <i v-if="tabTypeObj['showTabIcon']" :class="tabTypeObj['flowQuery'].iconShow"></i>
+                    {{tabTypeObj['showtTabText']? tabTypeObj['flowQuery'].tabName : ''}}
+                </span>
+                <flow-inst-list ref="flowQueryRef"
+                                tab-type="flowQuery"
+                                :flow-define="flowDefine"
+                                :userArr="userArr"
+                                :userMap="userMap"
+                                :form-id="formInfo.formId"
+                                :flow-node-id-to-info="flowNodeIdToInfo"
+                                :flow-node-name-obj="flowNodeNameObj"
+                                :node-list-button-obj="nodeListButtonObj"
+                                :opt-column-width="optColumnWidth"
+                                :show-model="showModel"
+                                :start-node-key-obj="startNodeKeyObj"
+                                :flow-version-node-obj="flowVersionNodeObj"
+                                :open-flow-chart="openFlowChart"
+                                :open-flow-record="openFlowRecord"
+                                :open-view-flow-form="openViewFlowForm"
+                                :inst-query-power="dataPermis"
+                >
+                </flow-inst-list>
+            </el-tab-pane>
+        </el-tabs>
+
+        <!--处理、修改、查看流程信息弹窗-->
+        <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>
+                    <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>
+        </el-dialog>
+
+        <!--批量处理信息弹窗-->
+        <el-dialog :close-on-click-modal=false top="5vh" width="90%" height="90%" :visible.sync="flowBatchPendingDialog"
+                   @close="closeFlowBatchPending()" class="batchDialog" append-to-body>
+            <span slot="title" class="dialog-title">
+                <span>批量处理</span>
+                <el-button size="mini" type="danger" round
+                           style="margin-left: 20px;padding-top: 5px;padding-bottom: 5px;background: red;cursor: auto;position: relative;top: -3px;">
+                    {{batchUpdateFormInfo.dataRows.length>99? '99+':batchUpdateFormInfo.dataRows.length}}
+                </el-button>
+            </span>
+            <el-tabs type="card" v-model="batchUpdateFormInfo.activeName"
+                     :closable="batchUpdateFormInfo.dataRows.length > 1" @tab-click="batchTabClick"
+                     @tab-remove="batchTabRemove"
+                     v-if="flowBatchPendingDialog">
+                <el-tab-pane
+                        v-for="(item, index) in batchUpdateFormInfo.dataRows"
+                        :key="item.dataId"
+                        :label="item.startUserName"
+                        :name="item.dataId" :closable="batchUpdateFormInfo.dataRows.length > 1" :lazy="true">
+                    <table-form-render :ref="`batchTableForm${item.dataId}Ref`"
+                                       :tableview-id="formInfo.tableViewId"
+                                       :data-id="batchUpdateFormInfo.batchDataId"
+                                       :form-id="formInfo.formId"
+                                       :list-view-id="formInfo.listViewId"
+                                       :flow-field-status="formInfo.fieldStatus"
+                                       :form-operate="formInfo.opt"
+                                       :is-flow="true"
+                                       use-load-self
+                                       :flow-field-default="formInfo.fieldDefaultVal"
+                                       :flow-field-default-change-num="formInfo.fieldDefaultValChangeNum"
+                                       :flow-field-default-from-form="formInfo.flowFieldDefaultFromForm"
+                                       :form-field-obj="formFieldObj"
+                                       v-if="batchUpdateFormInfo.formShow && flowBatchPendingDialog">
+                    </table-form-render>
+                </el-tab-pane>
+            </el-tabs>
+            <div slot="footer" class="dialog-footer">
+                <el-button v-for="btn in formBtnArr" @click="btn.method"
+                           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>
+        </el-dialog>
+
+
+        <el-dialog :close-on-click-modal=false :title="'下一步' + (nextNodeName ? (' -> ' + 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'">
+                    <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'">
+                    <el-input type="textarea" :rows="5" v-model="description"></el-input>
+                </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>
+<!--            <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()">确定</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>
+<!--            <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()">确定</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="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>
+
+<script>
+    import FlowInstList from "./flowInstList";
+    import FlowChart from "../flowChart";
+    import FlowRoamRecord from "../flowRoamRecords";
+    import {AjaxUtil} from 'sasp-base';
+
+    // import {Replace} from "sasp-base";
+    import RoamRecord from "../roamRecord";
+    import UserSelect from "../userSelect";
+    export default {
+        name: "flow-inst-tab",
+        components: {
+            UserSelect,
+            RoamRecord,
+            FlowRoamRecord,
+            FlowChart, FlowInstList
+        },
+        props: {
+            flowId: {type: String, default: ''},
+            operateRootArr: {type: Array},
+            flowobj: {type: Object},
+            defaultTab: {type: String},
+            settingData:{type: Object,default:()=>{return {};}},
+            userArr:{type: Array,default:()=>{return [];}},
+            userMap:{type: Object,default:()=>{return {};}},
+            initMessageFunc:{type: Function,default:null},
+            initFormInfo:{type: Function,default:null}, // 添加修改打开表单时执行的事件
+            saveFormInfo:{type: Function,default:null}, // 保存表单时执行的事件
+            dataPermis:{type:String,default:''},
+        },
+        data() {
+            let vm = this;
+            return {
+                flowData:{
+                    flowId: '',
+                    operateRootArr: [],
+                    flowobj: {},
+                    defaultTab: '',
+                    dataPermisArr:[],
+                },
+                tabActive: "pending",
+                loginUser: {},//当前登录用户
+                userDept: {},//当前登录用户所在部门信息
+                flowDefine: {},
+                flowNodeIdToInfo: {},//key为id
+                flowNodeNameObj:{}, //节点名称对应节点id分组
+                draftNodeId:"", // 草稿节点id
+                allNodeInfo: {},//key为id
+                startNodeKey: "",//开始节点key
+                formFieldObj: {},//表单字段
+
+                isShow: false,
+                currentStartUser: "",
+                currentStartTime: "",
+
+                currentInst: {},//当前流程实例
+
+                // 列表按钮
+                listButtonObj: {
+                    add: "新增",
+                    delete: "删除",
+                    update: "修改",
+                    view: "查看",
+                    deal: "处理",
+                    flowRecord: "流转记录",
+                    flowChart: "流程图",
+                },
+
+                // 批量处理
+                flowBatchPendingDialog: false,
+                batchUpdateFormInfo: {
+                    formShow: false,
+                    dataRows: [],
+                    pendingNums: 0,
+                    activeName: "",
+                    batchDataId: ""
+                },
+
+                nodeFormBtnObj: {},
+
+                formBtnArr: [],
+                formBtnObjDefault: {
+                    saveDraft: {
+                        text: "存草稿",
+                        type: "success",
+                        icon: "el-icon-check",
+                        show: true,
+                        method: () => {
+                            this.saveDraft();
+                        }
+                    },
+
+                    nextStep: {
+                        text: "下一步",
+                        type: "primary",
+                        icon: "el-icon-d-arrow-right",
+                        show: true,
+                        method: () => {
+                            this.nextStep();
+                            this.isDisabled1 = true;
+                        }
+                    },
+
+                    completeSign: {
+                        text: "加签",
+                        type: "primary",
+                        icon: "saspiconfont pl-icon-jiaqian",
+                        show: false,
+                        method: () => {
+                            this.completeSignDialog = true;
+                        }
+                    },
+
+                    turnSign: {
+                        text: "转签",
+                        type: "primary",
+                        icon: "saspiconfont pl-icon-zhuanqian-icon",
+                        show: false,
+                        method: () => {
+                            this.turnSignDialog = true;
+                        }
+                    },
+
+                    back: {
+                        text: "退回",
+                        type: "danger",
+                        icon: "el-icon-d-arrow-left",
+                        show: false,
+                        method: () => {
+                            this.backToPrevious(this.currentInst);
+                        }
+                    },
+
+                    retSpecified: {
+                        text: "退回指定节点",
+                        type: "danger",
+                        icon: "el-icon-refresh-left",
+                        show: false,
+                        method: () => {
+                            this.retSpecified(this.currentInst); //退回指定节点
+                        }
+                    },
+
+                    stopped: {
+                        text: "中止",
+                        type: "danger",
+                        icon: "saspiconfont pl-icon-yizhongzhi",
+                        show: false,
+                        method: () => {
+                            this.axios.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.axios.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",
+                        show: false,
+                        isView: true,
+                        method: () => {
+                            this.axios.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.axios.post(this.api.plFlowInst.saveRemind,remindParam);
+
+
+                                    } else {
+                                        this.$message({type: "error", message: res.data.operateMessage});
+                                    }
+                                }
+                            });
+                        }
+                    },
+
+                    getBack: {
+                        text: "取回",
+                        type: "danger",
+                        icon: "el-icon-refresh-left",
+                        show: false,
+                        isView: true,
+                        method: () => {
+                            this.getBackPrevious();
+                        }
+                    },
+
+                    restore: {
+                        text: "恢复",
+                        type: "success",
+                        icon: "saspiconfont pl-icon-chexiao",
+                        show: false,
+                        isView: true,
+                        method: () => {
+                            this.restoreFlow();
+                        }
+                    },
+                    record: {
+                        text: "流转记录",
+                        type: "warning",
+                        icon: "saspiconfont pl-icon-liuchengtu",
+                        show: true,
+                        isView: true,
+                        method: () => {
+                            this.openFlowRecord(this.currentInst);
+                        }
+                    },
+                    close: {
+                        text: "关闭",
+                        type: "",
+                        icon: "el-icon-close",
+                        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,
+                showModel: "list",//默认风格  list：列表card：卡片
+                showInfo: "",//展示信息 flow：流程信息 form：表单信息
+                operateType: {},
+                tabTypeObj: {},//标签页对象
+                numberObj: {draft: 0, pending: 0, processed: 0, rescinded: 0, finished: 0, discontinue: 0},//标签内容数量对象
+                flowChartDialogVisible: false,
+                agentTitle: "", //代理标题
+                agentFormObj: {
+                    openAgent: '0',
+                    agentUserId: '', //代理人
+                    flowId: "",
+                    userId: '',
+                    agentNodeUser: '',
+                    agentUser: {}, //代理人
+                    agentUserName: '',//代理人名称
+                    agentUserKey: '', //代理人id
+                }, //代理对象
+                agentNodeUserArr: [], //代理人arr
+                agentVisible: false,
+
+                flowFormTitle: "" || "流程信息",//工作流表单信息弹出框标题
+
+                // 流转记录
+                flowRecordObj: {
+                    instId: "",
+                    dialogVisible: false,
+                    oldDialogVisible: false,
+                },
+
+                // 流程图
+                flowChartObj: {
+                    dialogVisible: false,
+                    flowId: "",
+                    instId: "",
+                    linkProcId:"",
+                    isRelease:"",
+                },
+
+                completeSignDialog: false,//加签人窗口
+                turnSignDialog: false,//转签人窗口
+                pendingNums: "",//批量处理条数
+                sysOrgPosUserDialog: false,
+                mulitiChooseUser: false,//处理人是否多选
+
+                nextSteptUserDialog: false,//下一步执行人窗口
+                nextSteptUserType: "all",
+                nextSteptUserArr: [],//下一步处理人
+                chooseNextUserId: "",//选择的处理人
+                chooseNextUserName: "",//选择的处理人名称
+                choosePosUserIds: "",//选择的处理人组织岗位id
+                chooseNextUserIdObj: {},//选择的处理人集合
+                choosePosUserIdsObj: {},//选择的处理人组织岗位id集合
+                chooseNextUserNameObj: {},//选择的处理人名称集合
+                inclusiveChooseKey:"", // 并行网关下一步选择多个节点时是全部人员选择时
+
+                nextNodeName:"", // 下一个节点名称
+                nextNode: {},//下一个节点信息
+                description: "",//附加说明
+
+                // 处理、修改、查看流程信息弹窗
+                flowInstDataDialog: false,
+                currentRowData: {}, // 修改时行数据
+
+                // 表单信息
+                formInfo: {
+                    formId: "",
+                    formDefineKey:"",
+                    listViewId: "",
+                    tableViewId: "",
+                    dataId: "",
+                    fieldStatus: {},
+                    fieldDefaultVal: {},
+                    fieldDefaultValChangeNum:{},
+                    flowFieldDefaultFromForm:{},
+
+                    opt: "view",
+                },
+
+                isDisabled: {
+                    update: true,
+                    deal: true,
+                    flowRecord: true,
+                    flowChart: true,
+                    view: true,
+                    saveDraft: true,
+                    completeSign: true,
+                    turnSign: true,
+                    nextStep: true,
+                    back: true,
+                    cancel: true,
+                    stopped: true,
+                    close: true,
+                    export: true,
+                    retSpecified: true,
+                    getBack: true,
+                    record: true,
+                    restore: true,
+                },
+                flowParams:{}, // 流程流转变量
+                isDisabled1: true,
+
+                initSuccess: false,
+
+                backDialogVisible:false, //退回指定节点窗口
+                backNodeArr:[], //退回节点arr
+                backMsg:'',//退回信息
+                backNodeId:'',//退回节点id
+                isDisabled2:true,
+                isShowAgentSet:false,//是否显示流程设置
+                loadAgentSuccess:false,//是否显示流程设置
+
+                startNodeKeyObj:{}, //当前开始节点 key 和对应版本号
+                flowVersionNodeObj:{}, //版本号对应的节点对象
+                parentListViewId:"",
+                parentTableViewId:"",
+                scriptObj:{},
+                newScriptObj:{}, //新事件规则-脚本
+                newEventObj:{}, //新事件规则-规则
+                installListObj:this.EVENT_PLUGIN['installEventObj']||{}, //已经安装的流程事件
+                formSettingVisible:false,
+                workListViews:{},
+                workTableViews:{},
+                currNodeName: "", //当前节点名称
+                nextUserInfo:{}, // 下一步处理人的信息
+                dataId:"", // 表单数据id
+            }
+        },
+        watch:{
+            flowInstDataDialog(){
+                if(this.flowInstDataDialog){
+                    this.isDisabled1 = true;
+                    this.isDisabled['nextStep'] = true;
+                }
+            }
+        },
+        created() {
+            if(this.settingData&&Object.keys(this.settingData).length>0){
+                this.flowData.operateRootArr = this.settingData["operateRootArr"];
+                this.flowData.flowobj = this.settingData["flowObj"];
+                this.flowData.flowId = this.settingData["flowId"];
+                this.flowData.defaultTab = this.settingData["defaultTab"];
+            }else{
+                this.flowData.operateRootArr = this.operateRootArr;
+                this.flowData.flowobj = this.flowobj;
+                this.flowData.flowId = this.flowId;
+                this.flowData.defaultTab = this.defaultTab;
+            }
+            this.agentFormObj.flowId = this.flowData.flowId;
+            this.isShowAgentSet = false;
+            this.loginUser = this.CACHE_GLOBAL.getLoginUser();
+            this.userDept = this.CACHE_GLOBAL.getLoginDept();
+            // this.initResource();
+
+            this.getFlowInfo().then(res => {
+                this.initSuccess = true;
+                this.initflowObj();
+                this.getFlowAgent(); //加载流程代理
+            });
+            this.initTabNum();
+            // this.initWorkStageTurnOn();
+        },
+        methods: {
+
+            /**
+             * 打开[添加]窗口
+             */
+            openAddFlowForm() {
+                let nowVersion = this.flowDefine.releaseVersion; //只要已发布最小版本为1.0
+                this.currentRowData = {};
+                this.initFieldStatus(this.startNodeKeyObj[nowVersion],nowVersion).then(()=>{
+                    this.initFormInfoFunc('add').then(() => {
+                        this.formBtnArr = this.getAddAndUpdateFormBtn({});
+                        Object.assign(this.formInfo, {
+                            dataId: "",
+                            opt: "add"
+                        });
+                        this.currentInst = {};
+                        this.flowInstDataDialog = true;
+                    })
+                });
+                // 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]];
+                }
+                // console.log(currentNode);
+                return new Promise(resolve => {
+                    this.initFormInfo && this.initFormInfo(type,dataId,JSON.parse(currentNode.fieldOperate || "{}"),rowData.id);
+                    resolve();
+                })
+            },
+            /**
+             * 打开[修改和处理]窗口
+             */
+            initUpdateFlowForm(row) {
+                this.currentRowData = row;
+                this.currNodeName = 'noEnd';
+
+                return new Promise(resolve => {
+                    let startNodeKey =  this.startNodeKeyObj[row.version];
+                    this.initFieldStatus(row.nodeKey || startNodeKey,row.version).then(()=>{
+                        this.initFormInfoFunc('update',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);
+                        });
+                    })
+                })
+            },
+
+            /**
+             * 打开[修改和处理]窗口
+             */
+            openUpdateFlowForm(row,executePosition) {
+                this.currentRowData = row;
+                this.currNodeName = 'noEnd';
+                this.flowInstDataDialog = true;
+                this.initUpdateFlowForm(row).then(() =>{
+                    this.flowInstDataDialog = true;
+                    // this.$nextTick(() => {
+                    //     this.$refs.flowInstDataInfo.loadData().then(() => {
+                    //         this.exeFlowEvent(executePosition,"afterClick",row.currentNode);
+                    //
+                    //         let currentNodeObj = this.flowNodeIdToInfo[row.currentNode] ||{};
+                    //         if(currentNodeObj.openEvent== '1'){ //开启事件
+                    //             this.exeNewFlowEvent("editAfter",currentNodeObj.nodeLinkId ||'');//新事件规则
+                    //         }
+                    //     })
+                    // })
+                });
+            },
+
+            /**
+             * 打开[查看]窗口
+             */
+            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.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.flowInstDataDialog = true;
+                    });
+                });
+            },
+
+            /**
+             * 打开批量处理窗口
+             * @param rows 需要批量修改的数据
+             */
+            openBatchUpdateFlowForm(rows) {
+                let arrRows = [];
+                rows.forEach(data => {
+                    arrRows.push(Object.assign({}, data));
+                });
+                Object.assign(this.batchUpdateFormInfo, {
+                    formShow: false,
+                    dataRows: arrRows,
+                    pendingNums: arrRows.length,
+                    activeName: arrRows[0].dataId,
+                    batchDataId: arrRows[0].dataId
+                });
+
+                this.initUpdateFlowForm(arrRows[0]).then(()=>{
+                    this.flowBatchPendingDialog = true;
+                    this.batchUpdateFormInfo.formShow = true;
+                    let ref='batchTableForm'+arrRows[0].dataId+'Ref'
+
+                    this.$nextTick(()=>{
+                        this.$refs[ref][0].loadData().then(() => {
+                            this.exeFlowEvent("handle","afterClick",arrRows[0].currentNode,ref);
+                        })
+                    })
+                });
+            },
+
+            /**
+             * 获取[添加、修改和处理]的操作按钮
+             */
+            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"]);
+                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 instId 流程实例ID
+             */
+            openFlowChart(row) {
+                let instId = "";
+                let linkProcId = "";
+                let isRelease = "";
+                if(row){
+                    instId = row.flowInstId;
+                    linkProcId = row.linkProcId;
+                    isRelease = row.isRelease;
+                }
+                this.flowChartObj = {instId: instId,linkProcId:linkProcId,isRelease:isRelease, dialogVisible: true};
+            },
+
+            /**
+             * 打开流转记录窗口
+             * @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};
+                }
+            },
+
+            /**
+             * 存草稿
+             */
+            saveDraft() {
+                // let loading = this.$loading({
+                //     lock: true,
+                //     spinner: 'el-icon-loading',
+                //     background: 'rgba(0, 0, 0, 0.7)'
+                // })
+
+                this.saveDataFunc().then(resData => {
+                    this.tabCrudSearch();
+
+                    this.flowInstDataDialog = false;
+                    if (resData.flowInstId) {
+                        this.$message({type: "success", message: "保存成功！"});
+                    } else {
+                        this.$message({type: "error", message: "保存失败！"});
+                    }
+                    // loading && loading.close();
+                    this.currentInst={};
+                });
+            },
+
+            saveDataFunc(type){ // 保存完成后返回流程的相关变量，通过变量传递到后台驱动流程运转
+                // 保存草稿、下一步保存
+                return new Promise(resolve => {
+                    if(this.saveFormInfo){
+                        let result = this.saveFormInfo(type);
+                        if(result && result.then){
+                            result.then(res => {
+                                if(!res){
+                                    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);
+                        })
+                    }
+                })
+            },
+
+            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.axios.post(this.api.plFlowInst.url + "/" + this.formInfo.opt, flowInst).then(instRes => {
+                            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,
+                            };
+                        }
+                        this.axios.post(this.api.plFlowInst.url + "/" + this.formInfo.opt, flowInst).then(instRes => {
+                            resolve(instRes.data.operateObj);
+                            this.currentInst=instRes.data.operateObj;
+                        });
+                    }
+                })
+            },
+
+            /**
+             * 保存草稿
+             */
+            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.axios.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.axios.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 currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode || this.draftNodeId] ||{};
+                // afterClickResult=this.exeFlowEvent("nextStep","afterClick", this.currentInst.currentNode || this.draftNodeId);
+                //
+                // if(currentNodeObj.openEvent == '1'){
+                //     afterClickResult = this.exeNewFlowEvent("nextClick",currentNodeObj.nodeLinkId);
+                // }
+
+                // let afterValidateResult;
+                // let currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode || this.draftNodeId] ||{};
+                // afterValidateResult=this.exeFlowEvent("nextStep","afterValidate", this.currentInst.currentNode || this.draftNodeId);
+                // if(currentNodeObj.openEvent == '1'){
+                //     afterValidateResult = this.exeNewFlowEvent("nextCheck",currentNodeObj.nodeLinkId);
+                // }
+
+                this.isDisabled['nextStep'] = false;
+                this.flowParams = {};
+                this.saveDataFunc().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;
+                    //获取处理人
+                    let obj = {instId: instId, taskId: this.currentInst.taskId};
+                    let params = {};
+                    Object.assign(params,flowParams || {},obj);
+                    this.axios.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 || {};
+                        }
+                        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;
+                            }
+                        }
+                    });
+                });
+            },
+
+            /**
+             * 关闭批量处理页面
+             */
+            closeFlowBatchPending() {
+                this.flowBatchPendingDialog = false;
+                this.$nextTick(() => {
+                    this.pendingNums = 0;
+                });
+            },
+
+            /**
+             * 点击标签页
+             */
+            batchTabClick(val) {
+                this.batchUpdateFormInfo.batchDataId = val.name;
+                this.initUpdateFlowForm(this.batchUpdateFormInfo.dataRows[val.index]);
+                let dataId=this.batchUpdateFormInfo.dataRows[val.index].dataId;
+                let currentNode=this.batchUpdateFormInfo.dataRows[val.index].currentNode;
+                let ref='batchTableForm'+dataId+'Ref';
+
+                this.$nextTick(()=>{
+                    this.$refs[ref][0].loadData().then(() => {
+                        this.exeFlowEvent("handle","afterClick",currentNode,ref);
+                    })
+                })
+
+            },
+
+            /**
+             * 关闭标签页
+             */
+            batchTabRemove(targetName) {
+                let dataRows = this.batchUpdateFormInfo.dataRows;
+                let nextTab;
+                let i;
+                for (i = 0; i < dataRows.length; i++) {
+                    let data = dataRows[i];
+                    if (data.dataId == targetName) {
+                        if (this.batchUpdateFormInfo.activeName == targetName) {
+                            nextTab = dataRows[i + 1] || dataRows[i - 1] || null;
+                        }
+                        break;
+                    }
+                }
+                dataRows.splice(i, 1);
+                if (nextTab) {
+                    this.batchUpdateFormInfo.activeName = nextTab.dataId;
+                    this.batchUpdateFormInfo.batchDataId =nextTab.dataId;
+                    this.initUpdateFlowForm(nextTab).then(()=>{
+                        this.$nextTick(()=>{
+                            let ref='batchTableForm'+nextTab.dataId+'Ref';
+                            this.$refs[ref][0].loadData().then(() => {
+                                this.exeFlowEvent("handle","afterClick",nextTab.currentNode,ref);
+                            })
+                        })
+                    });
+                }
+
+                if (dataRows.length == 0) {
+                    this.flowBatchPendingDialog = false;
+                }
+                //初始化数据
+                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;
+                    arr.push(item.dataKey);
+                    posUserIdArr.push(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.$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,
+                }
+                let params = {};
+                Object.assign(params,this.flowParams || {},obj);
+                this.axios.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.axios.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;
+                });
+                this.axios.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: "加签失败！"});
+                    }
+                });
+            },
+
+            /**
+             * 确认转签
+             */
+            sureTurnSign() {
+                let checkedUserArr = this.$refs.turnSignRef.chooseUsers || [];
+                if (checkedUserArr.length == 0) {
+                    this.$message({type: "error", message: "请选择转签人！"});
+                    return;
+                }
+                let userId = checkedUserArr[0].dataKey;
+                this.axios.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: "转签失败！"});
+                    }
+                });
+
+            },
+
+            /**
+             * 回退到上一步
+             */
+            backToPrevious() {
+                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.axios.post(this.api.plFlowInst.backRewrite,
+                        {
+                            taskId:currentInst.taskId
+                        }).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.axios.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();
+                });
+            },
+
+            /**
+             * 基于当前选中的选项卡进行查询
+             */
+            tabCrudSearch() {
+                this.tabClick({name: this.tabActive});
+            },
+
+            /**
+             * 获取流程概要
+             */
+            getFlowSummary(dataObj) {
+                let flowSummary = "";
+                let summarySet = 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 + "_sequence"]){ // 自增序列
+                                replaceVal = dataObj[fieldId + "_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();
+                });
+            },
+
+            // getDefaultUser(orgChargeField,supervisorField,levels,resolve){
+            //     if(orgChargeField.length > 0 && supervisorField.length > 0){
+            //         this.axios.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.axios.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.axios.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.axios.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);
+            // },
+
+
+            /**
+             * 关闭下一步执行人弹窗
+             */
+            closeNextSteptUserDialog() {
+                this.nextSteptUserDialog = false;
+                this.isDisabled['nextStep'] = true;
+            },
+
+            /**
+             * 恢复方法
+             */
+            restoreFlow() {
+                this.axios.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() {
+                this.initMessageFunc && this.initMessageFunc();
+                this.axios.all([
+                    this.axios.post(this.api.plFlowInst.getTabsNum,
+                        {flowId: this.flowData.flowId, type: "1"}),
+                    this.axios.post(this.api.plFlowInst.getTabsNum,
+                        {flowId: this.flowData.flowId, type: "2"}),
+                ]).then(this.axios.spread((res1, res2) => {
+                    Object.assign(this.numberObj, res1.data, res2.data);
+                }));
+            },
+
+            // 数据回显
+            // previewtabnum(tabType, total) {
+            //     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;
+                            }
+                        })
+                        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.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);
+
+                                    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;
+                        }
+
+                    });
+                });
+            },
+
+            /**
+             *  加载工作流脚本与工作流事件规则
+             */
+            initFlowScript(){
+                return new Promise(resolve => {
+                    this.axios.all([
+                        this.axios.post(this.api.plFlowScript.find,{"flowId":this.flowData.flowId}),
+                        this.axios.post(this.api.plFlowEventDetail.findByFlowAndLeadFunc,{"flowId":this.flowData.flowId,"version":this.flowDefine.flowVersion||"1.0"})
+                    ]).then(this.axios.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);
+                                            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);
+                                            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" || executeType == "editAfter"){
+                                            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);
+                                                    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);
+                                                    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" || executeType == "editAfter"){
+                                            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;
+                                    }
+                                });
+                            });
+                        }
+                        // 结束
+                        resolve();
+                    }));
+                })
+            },
+
+            /**
+             * 执行工作流脚本，为兼容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(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 paramValues = [this,this.axios,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;
+            },
+
+
+
+            /**
+             * 执行工作流新版本事件规则
+             */
+            exeNewFlowEvent(executeType,nodeKey,batchDataRef){
+                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 paramValues = [this,this.axios,CTX,formData,this.loginUser,AjaxUtil,this.nextNode]; // 入参
+                if(executeType == "addAfter" || executeType == "editAfter"){ //新增或者修改后
+                    (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.axios,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.axios,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.axios,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;
+            },
+
+            tabClick(tab) {
+                if (this.showInfo == "flow" && this.$refs[tab.name + "Ref"] && this.$refs[tab.name + "Ref"].crud) {
+                    this.$refs[tab.name + "Ref"].crud.search();
+                    this.initTabNum();
+                } else if (this.showInfo == "form" && this.$refs[tab.name + "Ref"] && this.$refs[tab.name + "Ref"].getDataRows) {
+                    this.$refs[tab.name + "Ref"].getDataRows();
+                    this.initTabNum();
+                }
+            },
+            tabShow(val) {
+                return this.operateType[val];
+            },
+            // async initResource() {//处理资源池信息
+            //     (this.flowData.operateRootArr || []).forEach(item => {
+            //         this.$set(this.operateType, item.powerCode, true)
+            //     });
+            // },
+
+            initflowObj() {//处理流程定义对象
+                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;
+                }
+            },
+
+            /**
+             * 初始化流程代理
+             */
+            async getFlowAgent() {
+                this.agentTitle = "\"" + this.flowDefine.flowName + "\"" + " 流程设置";
+                this.agentFormObj.userId = this.loginUser.id;
+                let flowAgentRes = await this.axios.post(this.api.plFlowSetting.getByUserFlowId, {
+                    flowId: this.flowData.flowId,
+                    userId: this.loginUser.id
+                });
+                if (flowAgentRes && flowAgentRes.data && flowAgentRes.data.operateObj) {
+                    this.agentFormObj = flowAgentRes.data.operateObj;
+                    if (this.agentFormObj.agentNodeUser) {
+                        let agentNodeUserObj = JSON.parse(this.agentFormObj.agentNodeUser); //节点代理人
+                        let nodeKeyArr = Object.keys(agentNodeUserObj);// {'66':{1:'张三'}}
+                        this.agentNodeUserArr = [];
+                        nodeKeyArr.forEach(key => {
+                            let userInfoObj = agentNodeUserObj[key];
+                            let userIdArr = Object.keys(userInfoObj);
+                            let userNameArr = [];
+                            userIdArr.forEach(userId => {
+                                userNameArr.push(userInfoObj[userId]);
+                            });
+                            this.agentNodeUserArr.push({
+                                nodeId: key,
+                                userIds: userIdArr.join(","),
+                                userNames: userNameArr.join(","),
+                                userInfoObj: userInfoObj
+                            });
+                        });
+                    }
+                    if (this.agentFormObj.agentUserId) { //解析获取
+                        let agentUserInfo = JSON.parse(this.agentFormObj.agentUserId);
+                        this.agentFormObj.agentUserKey = agentUserInfo.id; //用户id
+                        this.agentFormObj.agentUserName = agentUserInfo.name; //名称
+                    }
+                }
+                this.loadAgentSuccess = true;
+            },
+
+            /**
+             * 保存流程代理
+             */
+            saveAgent() {
+                this.$refs.flowAgentSetRef.saveAgent();
+            },
+
+            /**
+             * 重新加载查询
+             */
+            initTabSeach() {
+                //计算数量
+                this.initTabNum();
+                //查询待处理数据
+                if (this.$refs["pendingRef"]) {
+                    this.$refs["pendingRef"].crud.search();
+                }
+            },
+
+            /**
+             * 打开退回节点窗口
+             */
+            retSpecified(currentInst){
+                let flowInstId = currentInst.flowInstId;
+                this.axios.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.axios.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"];
+                    if(type == "retSpecified" || type == "cancel" || type == "back" || type == "getBack"){
+                        return false;
+                    }
+                }
+                return true;
+            },
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    /deep/ .el-tabs__content {
+        height: calc(100% - 60px);
+    }
+
+    .el-tab-pane {
+        height: 100%;
+    }
+    fieldset {
+        border: 1px solid #c2c2c2;
+        border-radius: 3px;
+        padding: 15px 20px 10px 20px;
+        margin-bottom: 5px;
+        box-sizing: border-box;
+    }
+
+    legend {
+        margin-left: 3px;
+        font-size: 16px;
+        font-weight: bold;
+    }
+
+    .flowAgentPopover /deep/ .el-popover{
+        right: 2px !important;
+        width: 400px !important;
+        margin-top: 5px !important;
+    }
+</style>