sasp-flow-render 1.1.33 → 1.1.35-decoupling

package/src/components/flowInst/popup/flowDialog.vue

@@ -0,0 +1,1089 @@
+<!-- components/WorkflowDialog.vue -->
+<template>
+  <div>
+    <!--处理、修改、查看流程信息弹窗-->
+    <el-dialog :close-on-click-modal=false top="5vh" width="90%" height="90%" :visible.sync="flowInstDataDialog" append-to-body
+               custom-class="flowInstTabDialog">
+            <span slot="title" class="dialog-title">
+                <span>{{flowFormTitle}}</span>
+            </span>
+      <template v-if="flowInstDataDialog">
+<!--        <slot name="formInfo"></slot>-->
+        <render-form :flowComponent="workFlowUtil.$this"
+                     v-if="workFlowUtil.$this.$slots.formInfo && flowInstDataDialog">
+
+        </render-form>
+        <template v-else>
+          <table-form-render ref="tableRef"
+                             v-if="flowInstDataDialog"
+                             is-sign-form
+                             is-edit-data
+                             useLoadSelf
+                             :tableview-id="tableviewId"
+                             :data-id="formInfo.dataId"
+                             isFlow
+                             :flowFieldStatus="flowFieldStatus"
+                             :flowFieldDefault="fieldDefaultVal"
+                             :flowFieldDefaultChangeNum="fieldDefaultValChangeNum"
+                             :flowFieldDefaultFromForm="flowFieldDefaultFromForm"
+                             :form-operate="formOperate"
+                             :form-id="formId">
+          </table-form-render>
+        </template>
+      </template>
+      <div slot="footer" style="height:31px;" class="dialog-footer">
+        <div v-if="!formSearchObj.isNewSelectBatchDeal">
+          <el-button
+              v-for="button in Object.values(diyButtonsObj)"
+              :key="button.id" size="small" :type="button.buttonColor" :icon="button.buttonIcon"
+              v-if="judeDiyButton(tabActive,button)"
+              @click="openDiyButtonEvent('table','', button)">{{button.showButtonName}}
+          </el-button>
+          <el-button v-for="btn in formBtnArr" @click="btn.method" :disabled="isDisabled[btn.btnType]?false:true"
+                     v-show="btn.show && ((formInfo.opt != 'view') || (formInfo.opt=='view' && btn.isView))"
+                     :key="btn.btnType"
+                     :type="btn.type"
+                     :icon="btn.icon"
+                     size="small">
+            {{btn.text}}
+          </el-button>
+        </div>
+        <div v-else>
+          <el-button v-for="btn in formNewBtnArr" @click="btn.method"
+                     :key="btn.btnType"
+                     :type="btn.type"
+                     :icon="btn.icon"
+                     size="small">{{btn.text}}
+          </el-button>
+        </div>
+      </div>
+    </el-dialog>
+
+    <!--流程下一步处理人选择弹窗-->
+    <el-dialog :close-on-click-modal=false style="font-family: '微软雅黑'" :title="'下一步' + (nextNodeName ? (isProceedNext?' -> ' + nextNodeName:'->等待他人处理') : '')"
+               :top="nextNode.nextType != 'inclusiveGateway' ? '20vh': '10vh'" append-to-body
+               width="500px" :visible.sync="nextSteptUserDialog" @closed="closeNextSteptUserDialog">
+      <el-form label-width="100px" size="small" v-if="nextNode.nodeType != 'EndEvent'">
+        <fieldset v-if="nextNode.nextType == 'inclusiveGateway'"
+                  v-for="(itemAll,index) in (nextNode.result || [])" :key="index">
+          <legend>
+            {{itemAll.nodeName}}
+          </legend>
+          <el-form-item label="" label-width="0">
+            <el-select v-model="chooseNextUserIdObj[itemAll.nodeKey]" v-if="itemAll.type != 'all'"
+                       :multiple="itemAll.mulitiChooseUser" style="width:100%">
+              <el-option v-for="item in itemAll.userArr" :key="item.id" :value="item.id"
+                         :label="item.userName"></el-option>
+            </el-select>
+            <div @click="chooseUser(itemAll.nodeKey)">
+              <el-input v-model="chooseNextUserNameObj[itemAll.nodeKey]" v-if="itemAll.type == 'all'"
+                        readonly>
+                <el-button slot="append" icon="el-icon-search"></el-button>
+              </el-input>
+            </div>
+          </el-form-item>
+        </fieldset>
+        <el-form-item label="下一步执行人" v-if="nextNode.nextType != 'inclusiveGateway' && isProceedNext">
+          <el-select v-model="chooseNextUserId" v-if="nextSteptUserType != 'all' && nextSteptUserDialog"
+                     :multiple="mulitiChooseUser" filterable style="width:100%">
+            <el-option v-for="item in nextSteptUserArr" :key="item.id" :value="item.id"
+                       :label="item.userName"></el-option>
+          </el-select>
+          <div @click="chooseUser()">
+            <el-input v-model="chooseNextUserName" v-if="nextSteptUserType == 'all'" readonly>
+              <el-button slot="append" icon="el-icon-search"></el-button>
+            </el-input>
+          </div>
+        </el-form-item>
+        <fieldset v-if="nextNode.nextType == 'inclusiveGateway'">
+          <legend>
+            {{'附加说明'}}
+          </legend>
+          <el-form-item label="" label-width="0">
+            <el-input type="textarea" :rows="5" v-model="description"></el-input>
+          </el-form-item>
+        </fieldset>
+        <el-form-item label="附加说明" v-if="nextNode.nextType != 'inclusiveGateway' && isProceedNext">
+          <el-input type="textarea" :rows="5" v-model="description"></el-input>
+        </el-form-item>
+        <el-form-item v-if="nextNode.nextType != 'inclusiveGateway' && !isProceedNext" label-width="0">
+          <div>请等待其他人员处理完成。</div>
+        </el-form-item>
+      </el-form>
+      <div v-if="nextNode.nodeType == 'EndEvent'">流程即将结束，是否继续？</div>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="saveNextStept()" :disabled="isDisabled1?false:true">确定
+        </el-button>
+        <el-button size="small" @click="closeNextSteptUserDialog">取消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :close-on-click-modal=false title="组织岗位用户" top="5vh" width="80%" height="80%"
+               :visible.sync="sysOrgPosUserDialog" append-to-body>
+      <!--            <sys-org-pos-user-select ref="orgPosUserRef" v-if="sysOrgPosUserDialog"-->
+      <!--                                     :filterUserParam="{'commonUserType':'common' }" :ognEnable="false"-->
+      <!--                                     :default-user-ids="inclusiveChooseKey ? choosePosUserIdsObj[inclusiveChooseKey]:choosePosUserIds"-->
+      <!--                                     defaultChooseIds="$"-->
+      <!--                                     :posEnable="false" :checkbox="mulitiChooseUser">-->
+      <!--            </sys-org-pos-user-select>-->
+      <user-select ref="orgPosUserRef"
+                   :choose-user-ids="inclusiveChooseKey ? choosePosUserIdsObj[inclusiveChooseKey]:choosePosUserIds"
+                   :checkbox="mulitiChooseUser" v-if="sysOrgPosUserDialog">
+      </user-select>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="sureNextUser()">确定</el-button>
+        <el-button size="small" @click="sysOrgPosUserDialog = false">取消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :close-on-click-modal=false title="选择加签人" top="5vh" width="80%" height="80%"
+               :visible.sync="completeSignDialog" append-to-body @closed="disableSign = false">
+      <!--            <sys-org-pos-user-select ref="completeSignRef"-->
+      <!--                                     :filterUserParam="{'commonUserType':'common','filterLoginUser':'Y'}"-->
+      <!--                                     :ognEnable="false"-->
+      <!--                                     :posEnable="false"-->
+      <!--                                     :checkbox="true"-->
+      <!--                                     v-if="completeSignDialog"-->
+      <!--            >-->
+      <!--            </sys-org-pos-user-select>-->
+      <user-select ref="completeSignRef"
+                   v-if="completeSignDialog">
+      </user-select>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="sureCompleteSign()" :disabled="disableSign">确定</el-button>
+        <el-button size="small" @click="completeSignDialog = false">取消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog :close-on-click-modal=false title="选择转签人" top="5vh" width="80%" height="80%"
+               :visible.sync="turnSignDialog" append-to-body @closed="disableSign = false">
+      <!--            <sys-org-pos-user-select ref="turnSignRef"-->
+      <!--                                     :filterUserParam="{'commonUserType':'common' }"-->
+      <!--                                     :ognEnable="false"-->
+      <!--                                     :posEnable="false"-->
+      <!--                                     :checkbox="false"-->
+      <!--                                     v-if="turnSignDialog"-->
+      <!--            >-->
+      <!--            </sys-org-pos-user-select>-->
+      <user-select ref="turnSignRef"
+                   :checkbox="false"
+                   v-if="turnSignDialog">
+      </user-select>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="sureTurnSign()" :disabled="disableSign">确定</el-button>
+        <el-button size="small" @click="turnSignDialog = false">取消</el-button>
+      </div>
+    </el-dialog>
+
+
+    <el-dialog :close-on-click-modal="false" append-to-body title="查看流程图"
+               :visible.sync="flowChartObj.dialogVisible"
+               width="90%" height="90%"
+               top="5vh">
+      <flow-chart :flow-id="(flowChartObj.flowId || workFlowUtil.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>
+
+    <el-dialog :close-on-click-modal="false" append-to-body :title="diyDialogProps.title || '打开页面'"
+                :visible.sync="diyDialogProps.visible" :show-close="false"
+                :width="diyDialogProps.width || '80%'" :height="diyDialogProps.height || '80%'"
+                :top="diyDialogProps.top || '10vh'">
+      <table-form-render v-bind="diyDialogProps.props" ref="dialogFormRef" v-if="diyDialogProps.visible && diyDialogProps.type === 'form'"></table-form-render>
+      <list-view-preview v-bind="diyDialogProps.props" ref="dialogListRef" v-if="diyDialogProps.visible && diyDialogProps.type === 'list'"></list-view-preview>
+      <component v-bind="diyDialogProps.props" :is="diyDialogProps.component" ref="dialogComponentRef" v-if="diyDialogProps.visible && diyDialogProps.type === 'component'">
+
+      </component>
+      <div slot="footer" class="dialog-footer">
+        <template v-for="item in diyDialogProps.buttonList">
+          <el-button @click="dialogEvent(item)" size="small" :type="item.type" :icon="item.icon || 'el-icon-success'">{{item.name}}</el-button>
+        </template>
+        <el-button @click="diyDialogProps.visible = false" size="small" icon="el-icon-error" v-if="diyDialogProps.showClose">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import UserSelect from "../../userSelect.vue";
+import RenderForm from "./renderForm.vue";
+import FlowChart from "../../flowChart";
+import FlowRoamRecord from "../../flowRoamRecords";
+import RoamRecord from "../../roamRecord";
+
+export default {
+  name: 'flowDialog',
+  components: {RenderForm, UserSelect,RoamRecord,
+    FlowRoamRecord,
+    FlowChart,},
+  data() {
+    let vm = this;
+    return {
+      flowData:{
+        flowId: '',
+        operateRootArr: [],
+        flowobj: {},
+        defaultTab: '',
+        dataPermisArr:[],
+      },
+      tabActive: "pending",
+      loginUser: {},//当前登录用户
+      userDept: {},//当前登录用户所在部门信息
+      flowDefine: {},
+      flowDefineByFlowId: {},
+      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,
+      // 选择性的批量多条一次性处理
+      flowBatchSelectPendingDialog: false,
+      batchUpdateFormInfo: {
+        formShow: false,
+        dataRows: [],
+        pendingNums: 0,
+        activeName: "",
+        batchDataId: ""
+      },
+
+      nodeFormBtnObj: {},
+
+      formBtnArr: [],
+      //表单按钮
+      formButtonObj: {
+        saveDraft: "存草稿",
+        completeSign: "加签",
+        turnSign: "转签",
+        nextStep: "下一步",
+        back: "退回",
+        getBack: "取回",
+        cancel: "撤销",
+        stopped: "中止",
+        close: "关闭",
+        export: "导出",
+        retSpecified: "退回指定节点"
+      },
+
+      nodeListButtonObj: {},
+      nodeFormButtonObj: {},
+      optColumnWidth: 336,
+      showModel: "list",//默认风格  list：列表card：卡片
+      showInfo: "flow",//展示信息 flow：流程信息 form：表单信息
+      operateType: {},
+      resourceTabOpts: ['draft','pending','processed','rescinded','finished','discontinue','flowQuery'],
+      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: {},//下一个节点信息
+      nowNode: {},//本节点信息
+      isProceedNext:true,
+      description: "",//附加说明
+
+      // 处理、修改、查看流程信息弹窗
+      flowInstDataDialog: false,
+      currentRowData: {}, // 修改时行数据
+
+      // 表单信息
+      formInfo: {
+        dataId: "",
+        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 和对应版本号
+      startNodeKeyObjByFlowId: {},
+      flowVersionNodeObj: {}, //版本号对应的节点对象
+      flowVersionNodeObjByFlowId: {},
+      parentListViewId:"",
+      parentTableViewId:"",
+      scriptObj:{},
+      newScriptObj:{}, //新事件规则-脚本
+      newEventObj:{}, //新事件规则-规则
+      installListObj:this.EVENT_PLUGIN['installEventObj']||{}, //已经安装的流程事件
+      formSettingVisible:false,
+      workListViews:{},
+      workTableViews:{},
+      currNodeName: "", //当前节点名称
+      nextUserInfo: {}, // 下一步处理人的信息
+      dataId: "", // 表单数据id
+      disableSign: false, // 禁用加签转签按钮
+      formSearchObj: {
+        taskNode: "",
+        flowNewBatchDealArr: [],
+        isNewSelectBatchDeal: false,
+        loading: true,
+        isInit: false
+      },
+      formDataObj: {},
+      formNewBtnArr: [],
+      isRefreshGetNextUsers: [], // 是否要刷新下一步处理人的字段，网关字段，表单，变量
+      fieldSysDataObj: {},
+      flowNewBatchDealDataIds: "",
+      currentPage: 1, //当前页
+      pages: 1, //总页数
+      total: 0, //总条数
+      pageSize: 50, //每页多少条
+      flowEventScriptByFlowId: {},
+      diyButtonsObj: {}, // 自定义按钮对象
+
+      // 原props对象
+      flowNextOperation: null, // 以下内容是原props
+      workFlowUtil: null,
+
+      flowFieldStatus:{},
+      fieldDefaultVal:{},
+      fieldDefaultValChangeNum:{},
+      flowFieldDefaultFromForm:{},
+      formOperate: "add",
+      formId: "",
+      tableviewId: "",
+      diyDialogProps:{
+          visible: false,
+          showClose:true,
+          title: "",
+          width: "90%",
+          height: "90%",
+          top: "5vh",
+          props: {},
+          buttonList:[]
+      }
+    }
+  },
+  watch:{
+    flowInstDataDialog(){
+      if(this.flowInstDataDialog){
+        this.isDisabled1 = true;
+        this.isDisabled['nextStep'] = true;
+      }
+    }
+  },
+  methods: {
+      initDialogProps(dialogProps) {
+          this.flowNextOperation = dialogProps.flowNextOperation;
+          this.workFlowUtil = dialogProps.workFlowUtil;
+          this.getFieldInfo();
+      },
+
+      openFlowDialog(args){
+          if(args.visible){
+              console.log("visible为系统参数，不允许设置此参数");
+              delete args.visible;
+          }
+          args.props = args.props || {};
+          if(args.type === "form"){
+             let props = args.props;
+            args.props = Object.assign({isSignForm:true, isEditData: true},props);
+          }
+          Object.assign(this.diyDialogProps, args);
+          this.diyDialogProps.visible = true;
+      },
+
+      closeFlowDialog(){
+          this.diyDialogProps.visible = false;
+      },
+
+      dialogEvent(item){
+          let ref = "dialogFormRef";
+          if(this.diyDialogProps.type === "list"){
+             ref = "dialogListRef";
+          }
+          if(this.diyDialogProps.type === "component"){
+             ref = "dialogComponentRef";
+          }
+          item.event && item.event(this,ref);
+      },
+
+      operateDialog(key,value) {
+          this[key] = value;
+      },
+      /**
+       * 选择下一步执行人
+       */
+      chooseUser(nodekey) {
+        this.inclusiveChooseKey = nodekey || "";
+        this.sysOrgPosUserDialog = true;
+      },
+      fillFlowDialogParams(params){
+        Object.keys(params).forEach(key => {
+          this[key] = params[key];
+        });
+      },
+      /**
+       * 下一步确定
+       */
+      saveNextStept() {
+        this.isDisabled1 = false;
+        let dealers = this.chooseNextUserId;
+        let dealerNames = this.chooseNextUserName;
+        let dealersObj = {};
+        if (this.nextNode.nextType == "inclusiveGateway") {
+          // 校验是否选人了
+          let tempResult = true;
+          Object.keys(this.chooseNextUserIdObj).forEach(key => {
+            let dealers = this.chooseNextUserIdObj[key];
+            if(Array.isArray(dealers)){
+              dealersObj[key] = dealers.join(",");
+            }else{
+              dealersObj[key] = dealers;
+            }
+            if ((this.chooseNextUserIdObj[key] || []).length == 0) {
+              tempResult = false;
+            }
+          });
+          if (!tempResult) {
+            this.$message.error("所有任务都需要设置执行人！");
+            this.isDisabled1 = true;
+            return;
+          }
+        } else {
+          if (dealers && !dealerNames) {
+            let userName = "";
+            this.nextSteptUserArr.forEach(item => {
+              if (("," + dealers + ",").indexOf("," + item.id + ",") > -1) {
+                userName += "," + item.userName;
+              }
+            });
+            if (userName) {
+              userName = userName.substring(1);
+            }
+            this.chooseNextUserName = userName;
+            dealerNames = this.chooseNextUserName;
+          }
+          if (this.nextNode.nodeType != 'EndEvent') {
+            if ((!this.chooseNextUserId || this.chooseNextUserId.length == 0) && this.isProceedNext) {
+              this.$message({type: "error", message: "请选择处理人！"});
+              this.isDisabled1 = true;
+              return;
+            }
+            if (this.nextNode.dealType != "single") {
+              if (typeof this.chooseNextUserId == 'string') {
+                dealers = this.chooseNextUserId;
+              } else {
+                dealers = this.chooseNextUserId.join(",");
+              }
+              if (typeof this.chooseNextUserName == 'string') {
+                dealerNames = this.chooseNextUserName;
+              } else {
+                dealerNames = this.chooseNextUserName.join(",");
+              }
+            }else if(this.nextNode.dealType == "single"){
+              dealers=dealers.split(",")[0];
+              dealerNames=dealerNames.split(",")[0];
+            }
+          } else {
+            dealers = "";
+          }
+          dealersObj[this.nextNode["nodeLinkId"]] = dealers;
+        }
+
+        this.nextUserInfo['dealers'] = dealers;
+        this.nextUserInfo['dealerNames'] = dealerNames;
+        this.nextUserInfo['dealersObj'] = dealersObj;
+
+        let obj = {
+          instId: this.saveInstId,
+          dealers: dealers,
+          dealerNames: dealerNames,
+          nextNodeType: this.nextNode.nodeType,
+          dealersObj: JSON.stringify(dealersObj),
+          taskId: this.currentInst.taskId,
+          nextNodeId: this.nextNode.id,
+          nextNodeKey: this.nextNode.nodeLinkId,
+        }
+        if(this.nowNode && this.nowNode.dealType && this.nowNode.dealType == 'multi'){
+          this.$set(obj,'passCondition',this.nowNode.passCondition)
+        }
+        if(this.flowNextOperation) {
+          this.flowNextOperation(obj.instId, obj.dealers, obj.dealerNames, obj.taskId);
+        }
+        this.workFlowUtil.syncFlowDialogPrams({
+            chooseNextUserId: this.chooseNextUserId,
+            chooseNextUserName: this.chooseNextUserName,
+            chooseNextUserIdObj: this.chooseNextUserIdObj
+        });
+        let params = {"SASP_FLOW_USE_VARIABLES":"yes"};
+        Object.assign(params,this.flowParams || {},obj);
+        this.saspFlowAxios.post(this.api.plFlowInst.executeNextStep,params).then(res => {
+          if (res && res.data && res.data.operateSuccess) {
+            this.workFlowUtil.initTabNum && this.workFlowUtil.initTabNum();
+            this.$message({type: "success", message: "提交成功！"});
+            if (this.flowBatchPendingDialog) {
+              this.workFlowUtil.batchTabRemove && this.workFlowUtil.batchTabRemove(this.currentInst.dataId);
+            } else {
+              this.workFlowUtil.tabCrudSearch && this.workFlowUtil.tabCrudSearch();
+            }
+
+            this.nextSteptUserDialog = false;
+            this.flowInstDataDialog = false;
+
+            let type = this.flowBatchPendingDialog ? "batch" : "";
+            let currentNodeObj = this.flowNodeIdToInfo[this.currentInst.currentNode || this.draftNodeId] ||{};
+            let submitSuccessRusult;
+            submitSuccessRusult=this.workFlowUtil.exeFlowEvent("nextStep","submitSuccess", this.currentInst.currentNode || this.draftNodeId);
+            if(currentNodeObj.openEvent == '1'){
+              submitSuccessRusult =this.workFlowUtil.exeNewFlowEvent("nextSubmit",currentNodeObj.nodeLinkId||'')
+            }
+            this.workFlowUtil.afterNextStepSuccess && this.workFlowUtil.afterNextStepSuccess(this.workFlowUtil.$this,this.workFlowUtil);
+            if(submitSuccessRusult){
+              //办结提醒
+              if(this.nextNode.nodeType == "EndEvent"){
+                let remindParam = {
+                  instId:this.saveInstId,
+                  flowId:this.flowDefine.id,
+                  flowName:this.flowDefine.flowName,
+                  formId:this.formId,
+                  dataId:this.formInfo.dataId,
+                  instType:"end"
+                };
+                this.saspFlowAxios.post(this.api.plFlowInst.saveRemind,remindParam);
+              }
+            }else{
+              console.log("脚本异常")
+            }
+
+
+          } else {
+            this.$message({type: "error", message: "保存失败！"});
+            this.isDisabled1 = true;
+            this.isDisabled['nextStep'] = true;
+          }
+        });
+      },
+      /**
+       * 确认执行人
+       */
+      sureNextUser() {
+        let checkedUserArr = this.$refs.orgPosUserRef.chooseUsers || [];
+        let userName = "";
+        let userId = "";
+        let arr = [];
+        let posUserIdArr = [];
+        checkedUserArr.forEach(item => {
+          userName += "," + item.dataLabel;
+          userId += "," + (item.dataKey.startsWith("user_") ? item.dataKey.replace("user_", "") : item.dataKey);
+          arr.push(item.dataKey.startsWith("user_") ? item.dataKey.replace("user_", "") : item.dataKey);
+          posUserIdArr.push(item.dataKey.startsWith("user_") ? item.dataKey.replace("user_", "") : item.dataKey);
+        });
+        if (userName) {
+          userName = userName.substring(1);
+          userId = userId.substring(1);
+        }
+        this.chooseNextUserName = userName;
+        this.chooseNextUserId = userId;
+        this.choosePosUserIds = posUserIdArr.join(",");
+        if(this.inclusiveChooseKey){
+          this.chooseNextUserNameObj[this.inclusiveChooseKey] = userName;
+          this.chooseNextUserIdObj[this.inclusiveChooseKey] = arr;
+          this.choosePosUserIdsObj[this.inclusiveChooseKey] = posUserIdArr.join(",");
+        }
+        this.sysOrgPosUserDialog = false;
+      },
+
+      /**
+       * 确认加签
+       */
+      sureCompleteSign() {
+        let checkedUserArr = this.$refs.completeSignRef.chooseUsers || [];
+        if (checkedUserArr.length === 0) {
+          this.$message({type: "error", message: "请选择加签人！"});
+          return;
+        }
+        let userIds = "";
+        checkedUserArr.forEach(item => {
+          userIds += "," + (item.dataKey.startsWith("user_") ? item.dataKey.replace("user_", "") : item.dataKey);
+        });
+        this.disableSign = true;
+        this.saspFlowAxios.post(this.api.plFlowInst.completeSign, {
+          taskId: this.currentInst.taskId,
+          dealers: userIds.substring(1)
+        }).then(res => {
+          if (res && res.data && res.data.operateSuccess) {
+            this.completeSignDialog = false;
+            this.flowInstDataDialog = false;
+            this.workFlowUtil.initTabNum && this.workFlowUtil.initTabNum();
+            this.$message({type: "success", message: "加签成功！"});
+            this.workFlowUtil.tabCrudSearch && this.workFlowUtil.tabCrudSearch();
+          } else {
+            this.$message({type: "error", message: "加签失败！"});
+          }
+          this.disableSign = false;
+        });
+      },
+
+      /**
+       * 确认转签
+       */
+      sureTurnSign() {
+        let checkedUserArr = this.$refs.turnSignRef.chooseUsers || [];
+        if (checkedUserArr.length === 0) {
+          this.$message({type: "error", message: "请选择转签人！"});
+          return;
+        }
+        let userId = checkedUserArr[0].dataKey.startsWith("user_") ? checkedUserArr[0].dataKey.replace("user_", "") : checkedUserArr[0].dataKey;
+        this.disableSign = true;
+        this.saspFlowAxios.post(this.api.plFlowInst.turnSign, {
+          taskId: this.currentInst.taskId,
+          dealers: userId
+        }).then(res => {
+          if (res && res.data && res.data.operateSuccess) {
+            this.turnSignDialog = false;
+            this.flowInstDataDialog = false;
+            this.workFlowUtil.initTabNum && this.workFlowUtil.initTabNum();
+            this.$message({type: "success", message: "转签成功！"});
+            this.workFlowUtil.tabCrudSearch && this.workFlowUtil.tabCrudSearch();
+          } else {
+            this.$message({type: "error", message: "转签失败！"});
+          }
+          this.disableSign = false;
+        });
+
+      },
+
+      /**
+       * 执行退回
+       */
+      beginBack(){
+        if(!this.backNodeId){
+          this.$message.error("没有选择要退回的节点！");
+          return;
+        }
+        this.isDisabled2 = false;
+        this.saspFlowAxios.post(this.api.plFlowInst.skipToNode,
+            {"instId":this.currentInst.flowInstId,"skipNode":this.backNodeId,
+              "backMsg":this.backMsg,"skipStatus":"skip"}).then(res => {
+          if(res.data.operateSuccess){
+            this.workFlowUtil.initTabNum && this.workFlowUtil.initTabNum();
+            this.$message.success("退回成功！");
+            this.backDialogVisible = false;
+            this.isDisabled2 = true;
+            this.isDisabled['retSpecified'] = true;
+            this.flowInstDataDialog = false;
+            if (this.flowBatchPendingDialog) {
+              this.workFlowUtil.batchTabRemove && this.workFlowUtil.batchTabRemove(this.currentInst.dataId);
+            } else {
+              this.workFlowUtil.tabCrudSearch && this.workFlowUtil.tabCrudSearch();
+            }
+            this.workFlowUtil.initTabNum && this.workFlowUtil.initTabNum();
+          }else{
+            this.$message.error("退回失败！");
+            this.isDisabled['retSpecified'] = true;
+          }
+        })
+      },
+
+    /**
+     * 获取表单信息 start
+     * @returns {{}}
+     */
+    getFormInfo(){
+      let optFormData = {};
+      if(this.$refs.tableRef){
+        optFormData = this.$refs.tableRef.optFormData;
+      }
+      return optFormData;
+    },
+
+    closeInstDialog(){
+        this.flowInstDataDialog = false;
+    },
+
+    /**
+     * 保存表单信息
+     */
+    saveFormInfo(type){
+      return new Promise(resolve => {
+        if(type === 'draft'){
+          let validate = this.$refs.tableRef.validateDraft();
+          if(!validate){
+            return;
+          }
+        }
+        this.$refs.tableRef.saveData().then(res => {
+          if(!res){
+            resolve(false);
+            return;
+          }
+          if(!res.formDataObj.flowSaveSuccess){
+            this.$message({
+              type:"warning",
+              message:"保存失败！"
+            });
+            resolve(false);
+            return;
+          }
+          let flowParams = res.formDataObj;
+          let fieldSysDataObj = this.$refs.tableRef.fieldSysDataObj;
+          this.getFieldInfo().then(() => {
+            let obj = {};
+            Object.keys(flowParams).forEach(key => {
+              let paramKey = this.formFieldObj[key] || key;
+              if(fieldSysDataObj[key]){ // 替换元数据
+                let value = flowParams[key];
+                obj[paramKey] = flowParams[key] || "";
+                if(value){
+                  let valueKeyArr = [value];
+                  if(value.indexOf(",") > -1){
+                    valueKeyArr = value.split(",");
+                  }
+                  let valueArr = [];
+                  valueKeyArr.forEach(item => {
+                    valueArr.push(fieldSysDataObj[key][item]);
+                  })
+                  obj[paramKey + "_SASP_SYS_DATA"] = valueArr.join(",");
+                  obj[key + "_SASP_SYS_DATA"] = valueArr.join(",");
+                  obj[paramKey + "_SASP_SYS_DATA_ID"] = valueKeyArr.join(",");
+                  obj[key + "_SASP_SYS_DATA_ID"] = valueKeyArr.join(",");
+                  obj[paramKey] = valueArr.join(",");
+                  obj[key] = valueArr.join(",");
+                }
+              }else{
+                obj[paramKey] = flowParams[key];
+                obj[key] = flowParams[key];
+              }
+            });
+            resolve(obj);
+          });
+        })
+      })
+    },
+
+    /**
+     * 获取字段信息
+     */
+    getFieldInfo(){
+      return new Promise(resolve => {
+        if(Object.keys(this.formFieldObj).length > 0 && !this.flowDefine.id.includes(",")){
+          resolve();
+          return;
+        }
+        if(!this.FORM_GLOBAL){
+          this.$message.error("请先安装表单组件或使用自定义表单！");
+          resolve();
+          return;
+        }
+        this.FORM_GLOBAL.getFormFields(this.formId).then(res => {
+          this.formFieldObj = {};
+          (res || []).forEach(item => {
+            this.formFieldObj[item.id] = item.phyfieldName;
+          });
+          // this.formAboutInfoObj["formFieldObj"] = this.formFieldObj;
+          resolve();
+        });
+      });
+    },
+
+    /**
+     * 初始化表单信息
+     */
+    initFormInfo(type,dataId,fieldOperate,flowInstData){
+      flowInstData = flowInstData || {};
+      return new Promise(resolve => {
+        this.formOperate = type;
+        this.dataId = dataId;
+        this.getFieldDefaultVal(fieldOperate,flowInstData.flowStatus).then(() => {
+          this.$nextTick(() => {
+            this.$refs.tableRef.loadData().then(() => {
+              resolve();
+            })
+          })
+        })
+      })
+    },
+
+    getFieldDefaultVal(fieldOperate,flowStatus){
+      return new Promise(resolve => {
+        this.flowFieldStatus = {};
+        this.fieldDefaultVal = {}; //初始化可编辑状态和默认值
+        let orgChargeField = [];
+        let supervisorField = [];
+        // let levels = "";
+        Object.keys(fieldOperate).forEach(field => {
+          let fieldObj = fieldOperate[field];
+          if(flowStatus!='4'){
+            if (fieldObj.edit == "1") {//可编辑
+              this.flowFieldStatus[field] = "edit";
+            } else if (fieldObj.hide == "1") {//不可见
+              this.flowFieldStatus[field] = "hide";
+            }
+          }
+          let defaultValType = fieldObj.defaultValType;
+          let defaultVal = fieldObj.defaultVal;
+          let dateTimeType = fieldObj.dateTimeType;
+          if (defaultVal) {
+            if (defaultValType == "sysData") {
+              this.fieldDefaultVal[field] = defaultVal[defaultVal.length - 1];
+            } else if (defaultValType == "formInfo"){
+              this.fieldDefaultVal[field] = "&&," + defaultVal + ",&&";
+            } else if (defaultValType == "diyVal" || (defaultValType == "dateTime" && dateTimeType == "diyTime")) {
+              this.fieldDefaultVal[field] = defaultVal;
+            } else {
+              if (defaultVal.indexOf("LOGINUSER") > -1) {
+                this.fieldDefaultVal[field] = Replace.def(this.loginUser, defaultVal);
+              } else {
+                this.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.fieldDefaultVal[field] = time;
+          }
+
+          if(defaultValType == "dateTime" && dateTimeType == "formField"){
+            this.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.fieldDefaultValChangeNum[field] = fieldObj.changeNum;
+        });
+        this.getDefaultUser(orgChargeField,supervisorField,resolve);
+      })
+    },
+
+    getDefaultUser(orgChargeField,supervisorField,resolve){
+      if(orgChargeField.length > 0 && supervisorField.length > 0){
+        this.saspFlowAxios.post(window.FLOW_RENDER_URL + "/plFlowInterfaceController/getDeptSupervisor",
+            {loginUserId:this.loginUser.id}).then(res => {
+          if(res && res.data){
+            let userId = (res.data[0] || {}).id;
+            orgChargeField.forEach(fieldId => {
+              this.fieldDefaultVal[fieldId] = userId || "";
+            });
+          }
+
+          this.saspFlowAxios.post(window.FLOW_RENDER_URL + "/plFlowInterfaceController/getSupervisor",
+              {loginUserId:this.loginUser.id}).then(res => {
+            if(res && res.data){
+              let userIdMap = res.data || {};
+              supervisorField.forEach(item => {
+                this.fieldDefaultVal[item.field] = userIdMap[item.level] || "";
+              });
+              resolve(true);
+            }
+          });
+        });
+      }else if(orgChargeField.length > 0){
+        this.saspFlowAxios.post(window.FLOW_RENDER_URL + "/plFlowInterfaceController/getSupervisor",
+            {loginUserId:this.loginUser.id}).then(res => {
+          if (res && res.data) {
+            let userId = (res.data[0] || {}).id;
+            orgChargeField.forEach(fieldId => {
+              this.fieldDefaultVal[fieldId] = userId || "";
+            });
+            resolve(true);
+          }
+        });
+      }else if(supervisorField.length > 0){
+        this.saspFlowAxios.post(window.FLOW_RENDER_URL + "/plFlowInterfaceController/getSupervisor",
+            {loginUserId:this.loginUser.id}).then(res => {
+          if(res && res.data){
+            let userIdMap = res.data || {};
+            supervisorField.forEach(item => {
+              this.fieldDefaultVal[item.field] = userIdMap[item.level] || "";
+            });
+            resolve(true);
+          }
+        });
+      }else{
+        resolve(true);
+      }
+    },
+
+    // 表单操作end
+    
+      /**
+       * 关闭下一步执行人弹窗
+       */
+      closeNextSteptUserDialog() {
+        this.nextSteptUserDialog = false;
+        this.isDisabled['nextStep'] = true;
+      },
+
+      // 自定义按钮窗口回调函数
+      openDiyButtonEvent(type,row, button) {
+        this.workFlowUtil.openDiyButtonEvent(type,row,button);
+      },
+
+      judeDiyButton(tabActive,button) {
+        return this.workFlowUtil.judeDiyButton(tabActive,button);
+      },
+
+      open(){
+          this.nextSteptUserDialog = true;
+      },
+  }
+};
+</script>
+
+<style scoped>
+
+</style>