sasp-flow-render 1.1.32-decoupling → 1.1.33

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

@@ -1,1089 +0,0 @@
-<!-- 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 :flowComponet="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>