eoss-mobiles 0.2.77 → 0.2.78

package/packages/flow/src/components/Handle.vue

@@ -1,1602 +1,1602 @@
-<template>
-  <div class="process-handle">
-    <div
-      v-if="handleFlow"
-      style="display: flex;
-    flex-direction: column;
-    height: 100%;"
-    >
-      <div class="process-content">
-        <!-- 当前节点 -->
-        <div class="present-node">
-          <div class="label">当前节点:</div>
-          <div>{{ processObj.taskExamine.nodeName }}</div>
-        </div>
-        <!-- 意见 -->
-        <Opinion
-          :code="processObj.attachedCode"
-          :ownId="pendingId"
-          :esign="esign"
-          :esignLineWidth="
-            $attrs['esign-line-width'] || $attrs['esignLineWidth']
-          "
-          @onInputOpintion="onInputOpintion"
-          :isOpinionRequired="isOpinionRequired"
-          :disabled="isBanInputOpinion != 0"
-          :baseUrl="baseUrl"
-          :isForceDisplayDefaultOptionForPrefix="
-            isForceDisplayDefaultOptionForPrefix
-          "
-          :placeholder="opinionHandleExplainText"
-          :nodeDefaultSubmitOpinion="nodeDefaultSubmitOpinion"
-          :nodeFixedOpinionSelectList="nodeFixedOpinionSelectList"
-          :isHiddenOftenOpinion="isHiddenOftenOpinion == 1 ? false : true"
-        ></Opinion>
-        <!-- 审核内容 -->
-        <div class="special-box input-box" v-if="typeCode != 'fenyue'">
-          <!-- 加签 -->
-          <div
-            class="item"
-            :class="{ itemRadio: form.isAddSign === '1' }"
-            v-if="isCanAddSign"
-          >
-            <em-input
-              name="radio"
-              label="是否增加本环节办理人"
-              :required="true"
-            >
-              <template slot="input">
-                <em-radio-group
-                  v-model="form.isAddSign"
-                  :data="isAddSignList"
-                  direction="horizontal"
-                />
-              </template>
-            </em-input>
-          </div>
-          <div
-            class="item item-user"
-            label="增加办理人"
-            v-if="form.isAddSign === '1'"
-          >
-            <em-selector
-              label="增加办理人"
-              required
-              multiple
-              :isAllCheck="isAllCheck"
-              :baseUrl="apiBaseUrl"
-              :paddingTop="paddingTop"
-              :objType="objType"
-              v-model="addSignUserSelectList"
-              @change="disposeAppUser($event, 'addSignUserSelectList')"
-            />
-          </div>
-          <!-- 减签 -->
-          <div
-            class="item"
-            :class="{ itemRadio: form.isRemoveSign === '1' }"
-            v-if="isCanRemoveSign"
-          >
-            <em-input name="radio" label="是否减签" :required="true">
-              <template slot="input">
-                <em-radio-group
-                  v-model="form.isRemoveSign"
-                  :data="isAddSignList"
-                  direction="horizontal"
-                />
-              </template>
-            </em-input>
-          </div>
-          <div v-if="isSpecial && typeCode != 'fenyue'">
-            <div
-              class="item item-user"
-              label="减少办理人"
-              v-if="form.isRemoveSign === '1'"
-            >
-              <em-selector
-                label="减少办理人"
-                :isAllCheck="isAllCheck"
-                required
-                :paddingTop="paddingTop"
-                multiple
-                :baseUrl="apiBaseUrl"
-                :objType="objType"
-                v-model="removeSignUserSelectList"
-                @change="disposeAppUser($event, 'removeSignUserSelectList')"
-              />
-            </div>
-            <!-- 下一步所有相关操作-->
-            <div
-              v-if="
-                form.isRemoveSign !== '1' &&
-                  form.isAddSign !== '1' &&
-                  !isHiddenNextStepInfo
-              "
-            >
-              <!-- <div
-              @click="isNextBox = !isNextBox"
-              v-if="!isReject"
-              class="shrink-btn"
-            >
-              {{ isNextBox ? '收起下一步操作和节点' : '展开下一步操作和节点' }}
-            </div> -->
-              <div class="next-box" v-show="isNextBox || isReject">
-                <!-- 下一步操作 -->
-                <div
-                  class="item next-step"
-                  v-if="!isHiddenNextStepInfo && isChooseNextNode == 1"
-                >
-                  <em-input
-                    value="下步操作"
-                    label="下步操作"
-                    required
-                    class="em-flow-next-steps"
-                    :disabled="true"
-                    label-position="top"
-                  >
-                    <template slot="input">
-                      <span
-                        class="em-flow-tag"
-                        :class="{ 'em-flow-tag-active': tagKey === item.key }"
-                        @click="changeNextOperate(item)"
-                        v-for="item in taskOperations"
-                        :key="item.key"
-                      >
-                        {{ item.value }}
-                      </span>
-                    </template>
-                  </em-input>
-                  <!-- <em-picker
-                  title="下步操作"
-                  label="下步操作"
-                  required
-                  show-toolbar
-                  v-model="form.nextOperateName"
-                  label-width="100%"
-                  :columns="taskOperations"
-                  value-key="key"
-                  label-key="value"
-                  @confirm="changeNextOperate"
-                /> -->
-                </div>
-                <!-- 下步节点 -->
-                <div
-                  class="item"
-                  v-if="
-                    nodeList && nodeList.length > 0 && !isReject && isShowNode
-                  "
-                >
-                  <em-picker
-                    title="下步节点"
-                    label="下步节点"
-                    required
-                    show-toolbar
-                    v-model="form.nextNodeName"
-                    label-width="100%"
-                    :columns="nodeList"
-                    value-key="nodeId"
-                    label-key="nodeName"
-                    @confirm="onConfirmNextNode"
-                  />
-                </div>
-              </div>
-              <!-- 处理方式提示文字 -->
-              <div class="item" v-if="countersignaturetypeCode">
-                <van-field
-                  v-model="countersignaturetypeText"
-                  label="处理方式"
-                  :disabled="true"
-                />
-              </div>
-              <!-- 下一步办理人 -->
-              <div class="item item-user" v-if="isNextUser">
-                <em-selector
-                  :multiple="!isRadio"
-                  v-model="nextUserSelectList"
-                  :objType="objType"
-                  :isAllCheck="isAllCheck"
-                  required
-                  :paddingTop="paddingTop"
-                  :nextUserList="nextUserList"
-                  :baseUrl="apiBaseUrl"
-                  tabs="employee,persongroup"
-                  :disabled="
-                    !isCustomUser || isCurrentNodeForbiddenChangeCandidate == 1
-                  "
-                  :selectDisabled="isCurrentNodeForbiddenChangeCandidate == 1"
-                  placeholder="请选择下步办理人"
-                  :param="{
-                    pid: pid
-                  }"
-                  label="下步办理人"
-                  @change="disposeAppUser($event, 'nextUserSelectList')"
-                />
-              </div>
-              <!-- 办理角色-->
-              <div class="item" v-if="isDealRole">
-                <em-input
-                  value="办理角色"
-                  label="办理角色"
-                  :disabled="true"
-                  placeholder="请选择"
-                />
-              </div>
-              <!-- 办理对象-->
-              <div class="item" v-if="isDealObject">
-                <em-input
-                  value="办理对象"
-                  label="办理对象"
-                  :disabled="true"
-                  placeholder="请选择"
-                />
-              </div>
-              <!-- 本单位-->
-              <!-- v-if="isHideCurrentOrg" -->
-              <div class="item" v-if="isHideCurrentOrg">
-                <em-selector
-                  v-model="nextCurrentOrgObjSelect"
-                  multiple
-                  :isAllCheck="isAllCheck"
-                  :paddingTop="paddingTop"
-                  :objType="'enterprise'"
-                  :tabs="'department,myemployee'"
-                  :param="{
-                    pid: orgId
-                  }"
-                  :baseUrl="apiBaseUrl"
-                  :isOtherUnit="false"
-                  :label="currentOrgName ? currentOrgName : '本单位'"
-                  @change="disposeAppUnit($event, 'nextCurrentOrgObjSelect')"
-                />
-              </div>
-              <!-- 外单位 -->
-              <!-- v-if="isHideOtherOrg" -->
-              <div class="item" v-if="isHideOtherOrg">
-                <em-selector
-                  v-model="nextOtherOrgObjSelect"
-                  multiple
-                  :isAllCheck="isAllCheck"
-                  :paddingTop="paddingTop"
-                  :objType="'enterprise'"
-                  :param="{
-                    pid: 'root'
-                  }"
-                  :tabs="'enterprise'"
-                  :baseUrl="apiBaseUrl"
-                  :isOtherUnit="true"
-                  :label="otherOrgName ? otherOrgName : '外单位'"
-                  @change="disposeAppUnit($event, 'nextOtherOrgObjSelect')"
-                />
-              </div>
-              <!-- 主办 -->
-              <div class="item" v-if="isMainSubProcess && isNodeShowProcess">
-                <!-- <van-field
-                value="主办"
-                label="主办"
-                :disabled="true"
-                placeholder="请选择"
-              /> -->
-                <em-picker
-                  v-model="form.mainSubId"
-                  label="主办"
-                  title="主办"
-                  placeholder="请选择主办"
-                  show-toolbar
-                  :disabled="subProcessColumns.length == 0"
-                  :columns="subProcessColumns"
-                />
-              </div>
-              <!-- 办理说明 -->
-              <div class="item" v-if="isHandleExplain">
-                <van-field
-                  value="办理说明"
-                  label="办理说明"
-                  :disabled="true"
-                  placeholder="请选择"
-                />
-              </div>
-            </div>
-            <!-- 分阅 -->
-            <div
-              class="item"
-              v-if="
-                form.isRemoveSign !== '1' &&
-                  form.isAddSign !== '1' &&
-                  isTaskread
-              "
-            >
-              <div class="item item-user">
-                <em-selector
-                  v-model="nextReadUserSelectList"
-                  multiple
-                  :isAllCheck="isAllCheck"
-                  :objType="objType"
-                  :param="{
-                    pid: pid
-                  }"
-                  :paddingTop="paddingTop"
-                  :baseUrl="apiBaseUrl"
-                  tabs="employee,persongroup"
-                  label="分阅用户"
-                  @change="disposeAppUser($event, 'nextReadUserSelectList')"
-                />
-              </div>
-            </div>
-            <!-- 限时办理 -->
-            <!-- v-if="isLimitedTimeHandling" -->
-            <div class="item" v-if="isLimitedTimeHandling">
-              <em-input name="radio" label="是否限时办理" :required="true">
-                <template slot="input">
-                  <em-radio-group
-                    v-model="form.isLimitedTime"
-                    :data="isAddSignList"
-                    direction="horizontal"
-                  />
-                </template>
-              </em-input>
-            </div>
-            <div
-              class="item item-limited-time"
-              v-if="form.isLimitedTime === '1'"
-            >
-              <em-input name="radio" label="限时办理时间" :required="true">
-                <template slot="input">
-                  <div class="item-limited-time-content">
-                    <div>
-                      <em-input
-                        placeholder="请输入天数"
-                        v-model="form.limitedTimeDay"
-                        type="digit"
-                      />
-                    </div>
-                    <div class="day-text">天</div>
-                    <div>
-                      <em-input
-                        :value="form.limitedTimeHour"
-                        clickable
-                        readonly
-                        placeholder="请选择小时"
-                        @click="openTimeList('limitedTimeHour')"
-                      />
-                    </div>
-                    <div class="day-text">时</div>
-                  </div>
-                </template>
-              </em-input>
-            </div>
-            <div
-              class="item item-limited-time"
-              v-if="form.isLimitedTime === '1'"
-            >
-              <em-input name="radio" label="提前通知时间" :required="true">
-                <template slot="input">
-                  <div class="item-limited-time-content">
-                    <div>
-                      <em-input
-                        placeholder="请输入天数"
-                        v-model="form.advanceNoticeDay"
-                        type="digit"
-                      />
-                    </div>
-                    <div class="day-text">天</div>
-                    <div>
-                      <em-input
-                        :value="form.advanceNoticeHour"
-                        clickable
-                        placeholder="请选择小时"
-                        readonly
-                        @click="openTimeList('advanceNoticeHour')"
-                      />
-                    </div>
-                    <div class="day-text">时</div>
-                  </div>
-                </template>
-              </em-input>
-            </div>
-            <van-popup v-model="showTimeList" round position="bottom">
-              <van-picker
-                show-toolbar
-                :columns="timeList"
-                @cancel="showTimeList = false"
-                @confirm="onConfirmTimeList"
-              />
-            </van-popup>
-            <!-- 催办通知方式 -->
-            <div class="item-msg item-msg1" v-if="isLimitedTimeHandling">
-              <Message
-                ref="message"
-                :label="'催办通知方式'"
-                :code="'notification_type'"
-                :baseUrl="baseUrl"
-                @onInputMsg="onInputMsgUrge"
-                :required="true"
-              ></Message>
-            </div>
-            <!-- 通知方式 -->
-            <div class="item-msg item-msg2">
-              <Message
-                ref="message"
-                :code="'notification_type'"
-                :baseUrl="baseUrl"
-                :defaultNotificationType="defaultNotificationType"
-                :defaultNotificationMsg="form.notificationMsg"
-                @onInputMsg="onInputMsg"
-              ></Message>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div v-if="isSubmitButtonShowAgreeAndDisagree" class="btn-list">
-        <div class="btn" @click="handleFlow = false">不同意</div>
-        <div class="btn" @click="onSubmit()">同意</div>
-      </div>
-      <div v-else class="btn-list">
-        <div class="btn" @click="navigateBack">取消</div>
-        <div class="btn" @click="onSubmit()">确定</div>
-      </div>
-    </div>
-    <Reject
-      v-else
-      :pendingId="pendingId"
-      :before-submit="beforeSubmit"
-      @close="handleFlow = true"
-    />
-  </div>
-</template>
-
-<script>
-import {
-  getHandleInfoHtml,
-  toStartTaskReadHtml,
-  taskReadHtml,
-  getNodeInfoHtml,
-  taskHandleHtml,
-  taskHandleHtmlImg
-} from '../../../../src/config/api.js';
-import request from '../../../../src/utils/http.js';
-import Opinion from './Opinion.vue';
-import Reject from './Reject.vue';
-import Message from './Message.vue';
-import FlowMix from '../flowMix';
-import $ from '../../../../src/utils/util';
-export default {
-  name: 'Handle',
-  inheritAttrs: false,
-  components: {
-    Opinion,
-    Reject,
-    Message
-  },
-  mixins: [FlowMix],
-  props: {
-    pendingId: String, //待办id
-    identityIds: String, //用户id
-    beforeSubmit: Function,
-    orgId: String, //单位id
-    depId: String, //部门id
-    baseUrl: String,
-    apiBaseUrl: String,
-    typeCode: String,
-    paddingTop: {
-      type: [String, Number],
-      default: 0
-    },
-    isAllCheck: {
-      type: Boolean,
-      default: false
-    },
-    esign: {
-      type: Boolean,
-      default: false
-    },
-    userId: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      nextNodeDefault: 0,
-      showAppUnit: false, // 弹窗单位
-      handleFlow: true,
-      isReject: false,
-      opinionHandleExplainText: undefined,
-      isCurrentNodeForbiddenChangeCandidate: 0,
-      nodeFixedOpinionSelectList: [],
-      isChooseNextNode: 1, //是否展示下步操作
-      pid: 'root', //树选中pid
-      objType: 'enterprise', //树点击对象
-      selectType: 'employee', // 树 选择类型
-      isNextBox: true, // 是否展开隐藏下步操作
-      isForceDisplayDefaultOptionForPrefix: false,
-      isOtherUnit: true, //是否是外单位
-      isShowNode: false,
-      subProcessInfo: '',
-      isNodeShowProcess: false, //是否展示主办
-      isHiddenOftenOpinion: undefined, //是否隐藏常用意见
-      isAddSignList: [{ name: '是', value: '1' }, { name: '否', value: '2' }],
-      form: {
-        opinion: undefined, // 审批意见
-        isImageOpinion: 0,
-        isAddSign: undefined, //是否加签
-        addSignUserId: undefined, //加签人员id
-        isRemoveSign: undefined, //是否减签
-        removeSignUserId: undefined, //减签人员id
-        nextOperate: undefined, // 下步操作
-        nextOperateName: undefined, // 下步操作显示
-        nextNodeId: undefined, // 下步节点,
-        nextNodeName: undefined, // 下步节点显示
-        isReturnSubmitter: undefined, //是否返回提交人
-        isSubFlow: undefined, //是否子流程
-        isUndertakeReply: undefined, //是否承办回复
-        isTakeAdviceReply: undefined, //是否征求意见回复回复
-        isUndertakeEnd: undefined, //是否承办办结
-        isTakeAdviceEnd: undefined, //是否征求意见办结
-        isReadDealReply: undefined, //是否阅办回复
-        isReadDealEnd: undefined, //是否阅办办结
-        caOpinion: undefined, //加密意见
-        isReturnRejectNode: undefined, //是否提交驳回节点
-        isSerialSubmit: undefined, //串行默认提交
-        loginType: 2, //登录方式
-        nodeOpinionTemplate: undefined, //意见模板
-        businessSubCenterCode: undefined, //业务中心编码
-        nextRoleId: undefined, // 下步办理角色id
-        nextOrgId: undefined, //下步办理机构
-        nextCurrentOrgObj: undefined, // 	本单位对象
-        nextCurrentOrgObjSerialId: undefined, //本单位办理对象序列id
-        nextOtherOrgObj: undefined, //外单位对象
-        nextOtherOrgObjSerialId: undefined, //外单位办理对象序列id
-        mainSubId: undefined, //主办id
-        nextReadUserId: undefined, //分阅用户
-        handleExplain: undefined, //办理说明
-        notificationMsg: undefined, //通知消息
-        nextUserId: undefined, //下步办理人
-        isLimitedTime: '2', //是否限时办理
-        limitedTimeDay: undefined, //限时办理时间	天
-        limitedTimeHour: undefined, //限时办理时间	时
-        advanceNoticeDay: undefined, //限时办理 天
-        advanceNoticeHour: undefined, //限时办理 时
-        advanceNoticeType: [] //催办通知方式
-      },
-      isCanFenyue: '0',
-      isChooseNextNode: 1,
-      isOpinionRequired: 0, // 意见是否必填
-      isBanInputOpinion: 0, //意见是否禁用
-      showTimeList: false, //选择限时办理弹出层
-      timeList: [], // 选择限时办理时间数组
-      nextUserList: [], //下步办理人数组
-      nextCurrentOrgObjSelect: [], // 选中本单位
-      nextOtherOrgObjSelect: [], //选中外单位
-      nextReadUserSelectList: [], //分阅选择数组
-      addSignUserSelectList: [], //增加办理人选择数组
-      removeSignUserSelectList: [], //减少办理人选择数组
-      nextUserSelectList: [], //下步办理人选择数组
-      showAppUser: false, // 办理人遮罩层
-      showNextOperate: false, // 下一步操作遮罩层
-      showNextNodeList: false, // 下一步流程节点遮罩层
-      nodeList: [], // 流程节点列表
-      selectList: [], // 当前选中办理人
-      opinionList: [], // 意见列表
-      processObj: { taskExamine: { nodeName: undefined } }, //流程信息
-      peopleObj: {}, //办理人信息
-      userInfo: {}, // 用户信息
-      isCanAddSign: false, //是否显示加签
-      isCanRemoveSign: false, //是否显示减签
-      isSpecial: true, //判断审核内容是否显示（是否是正常的办理页面）
-      taskOperations: [], //下一步操作
-      countersignaturetypeCode: false, //用来判断处理方式是否显示
-      countersignaturetypeText: undefined, // 处理方式
-      isCustomPreset: true, // 是否允许预设节点
-      isHideCurrentOrg: false, //是否隐藏本单位(承办)
-      isHideOtherOrg: false, //是否隐藏外单位(承办)
-      isHandleExplain: false, // 是否允许办理说明
-      isTaskread: false, //是否分阅
-      defaultNotificationType: undefined, ///默认选中通知类型
-      selectUnitType: 'department', //单位树选择类型
-      isHiddenNextStepInfo: false, //是否隐藏下一步节点信息和接收人信息
-      presetEdit: true, //预设是否允许编辑
-      isLimitedTimeHandling: false, //是否支持发起子流程限时办理
-      userSelectionType: undefined, //处理人选择方式
-      orgSelectionType: undefined, //办理机构选择方式
-      notificationType: undefined, // 通知方式
-      nodeType: undefined, // 节点类型(普通节点0,承办节点1,会签节点2,阅办节点3)
-      deptRoleCode: undefined, //本单位角色
-      orgRoleCode: undefined, //外单位角色
-      appointNotUserIds: undefined, //业务指定非处理人
-      handleRoleId: undefined, //办理角色(一般选择范围是部门/单位使用)
-      nextRole: undefined, //下步节点默认角色
-      filterCandinateIds: undefined, //节点过滤办理人
-      selectorDefShowDeptId: undefined, //选择器默认展示部门
-      isRadio: true, //下步办理人是否单选
-      otherOrgName: undefined, //外单位名字
-      currentOrgName: undefined, //本单位名字
-      isMainSubProcess: false, // 判断是否子-主流程
-      isNextUser: false, // 判断是否显示下步办理人
-      isDealObject: false, //判断是否显示办理对象
-      isDealRole: false, //判断是否显示办理角色
-      nextUserflag: false,
-      isSubmitButtonShowAgreeAndDisagree: 0, //是否展示同意和不同意按钮
-      isCustomUserClick: false, //下步办理人选择是否可以点击
-      timeListLable: undefined, //用来判断是哪里点开的时间遮罩层
-      nodeDefaultSubmitOpinion: undefined, //默认提交意见
-      isCustomUser: 0, //是否可选中办理人
-      choiceOrgId: '',
-      choiceDeptId: '',
-      taskExamineInfo: {},
-      nodeInfoMapInfo: {},
-      file: '',
-      isEndUserTask: '',
-      tagKey: '',
-      pOrgId: '',
-      needRetrialAuth: false
-    };
-  },
-  created() {
-    // 获取用户信息
-    // 生成时间数组
-    this.timeList = new Array();
-    for (let i = 0; i < 25; i++) {
-      this.timeList.push(i);
-    }
-    this.$toast.loading({
-      message: '加载中...',
-      forbidClick: true,
-      loadingType: 'spinner',
-      overlay: true,
-      duration: 0
-    });
-    // 获取审核详情后去获取节点信息和办理人信息。
-    if (this.typeCode == 'fenyue') {
-      this.getToStartTaskReadIndex();
-    } else {
-      Promise.all([this.getProcessObjNew()]).then(() => {
-        if (this.form.nextNodeId) {
-          this.getNodeObj(this.form.nextNodeId);
-        } else {
-          this.$toast.clear();
-        }
-      });
-    }
-  },
-  computed: {
-    subProcessColumns() {
-      if (!this.isMainSubProcess || !this.isNodeShowProcess) return [];
-      let data = [];
-      let obj = { name: '[部门员工]-' };
-      this.nextCurrentOrgObjSelect.map(x => {
-        if (x.objType == 'employee') {
-          obj.name = !obj.value
-            ? obj.name + x.showname
-            : obj.name + ',' + x.showname;
-          obj.value = obj.value
-            ? obj.value + ',' + x.showid
-            : 'employee-' + x.showid;
-        } else {
-          data.push({
-            name: '[部门]' + x.showname,
-            value: 'department-' + x.showid
-          });
-        }
-      });
-      obj.value && data.push(obj);
-      this.nextOtherOrgObjSelect.map(x => {
-        data.push({
-          name: '[企业]' + x.showname,
-          value: 'enterprise-' + x.showid
-        });
-      });
-      return data;
-    }
-  },
-  methods: {
-    //限时办理时间确认
-    onConfirmTimeList(val) {
-      this.form[this.timeListLable] = val;
-      this.showTimeList = false;
-    },
-    // 通知消息回调
-    onInputMsg(obj) {
-      this.form.notificationType = obj.notificationType.join(',');
-      this.form.notificationMsg = obj.notificationMsg;
-    },
-    // 催办通知消息回调
-    onInputMsgUrge(obj) {
-      this.form.advanceNoticeType = obj.notificationType.join(',');
-      this.form.advanceNoticeMsg = obj.notificationMsg;
-    },
-    // 打来限时办理时间选择遮罩层
-    openTimeList(label) {
-      this.timeListLable = label;
-      this.showTimeList = true;
-    },
-
-    // 导航栏左侧按钮
-    navigateBack() {
-      this.$parent.$emit('close');
-    },
-    subRead() {
-      const {
-        businessId,
-        appId,
-        processDefinitionId,
-        pendingId
-      } = this.taskExamineInfo;
-      let params = {
-        businessId,
-        appId,
-        processDefinitionId,
-        pendingId,
-        opinion: this.form.opinion,
-        taskAction: 'complete',
-        userId: this.userId || $.getStorage('userId')
-      };
-      let formData = new FormData();
-      if (this.form.isImageOpinion == 1) {
-        formData.append('file', this.file);
-      }
-      for (let key in params) {
-        if (params[key] !== '' && params[key] !== undefined) {
-          formData.append(key, params[key]);
-        }
-      }
-      this.$toast.loading({
-        message: '加载中...',
-        forbidClick: true,
-        loadingType: 'spinner',
-        overlay: true,
-        duration: 0
-      });
-      request({
-        url: this.baseUrl ? this.baseUrl + taskReadHtml : taskReadHtml,
-        headers: {
-          Accept: 'application/json,text/plain'
-        },
-        type: 'post',
-        params: formData,
-        format: false
-      })
-        .then(res => {
-          const { status, message } = res;
-          this.$toast.clear();
-          if (status === 'success') {
-            this.$toast.success('提交成功');
-            this.$parent.$emit('success');
-          } else {
-            this.$toast(message || '系统错误，请联系管理员！');
-            this.$emit('error');
-          }
-        })
-        .catch(err => {
-          this.loading.close();
-          if (err.message && err.message !== 'canceled') {
-            this.$toast(err.message);
-          }
-        });
-    },
-    // 提交流程
-    onSubmit() {
-      if (this.typeCode == 'fenyue') return this.subRead();
-      let idStr = '';
-      this.nextUserSelectList.map((r, i) => {
-        idStr =
-          idStr +
-          r.showid +
-          (i === this.nextUserSelectList.length - 1 ? '' : ',');
-      });
-      this.form.nextUserId = idStr;
-      if (
-        (!this.form.opinion &&
-          this.isOpinionRequired == 1 &&
-          !this.nodeDefaultSubmitOpinion &&
-          this.form.isImageOpinion == 0) ||
-        (!this.file &&
-          this.isOpinionRequired == 1 &&
-          !this.nodeDefaultSubmitOpinion &&
-          this.form.isImageOpinion == 1)
-      ) {
-        this.$toast('请选择输入审批意见');
-        return;
-      }
-      if (
-        this.isSpecial &&
-        this.isNextUser &&
-        !this.form.nextUserId &&
-        idStr === '' &&
-        this.form.isAddSign != '1' &&
-        !this.isReject
-      ) {
-        this.$toast('请选择办理人');
-        return;
-      }
-      if (this.form.isAddSign == '1' && !this.form.addSignUserId) {
-        this.$toast('请选择办理人');
-        return;
-      }
-      if (
-        !this.form.nextNodeId &&
-        this.nodeList &&
-        this.nodeList.length > 0 &&
-        this.isSpecial &&
-        !this.isReject &&
-        this.isShowNode
-      ) {
-        this.$toast('请选择流程节点');
-        return;
-      }
-
-      let str = '';
-      if (this.form.opinion) {
-        str = this.form.opinion.replace(/\s+/g, '');
-      }
-      if ((!this.form.opinion || str === '') && this.nodeDefaultSubmitOpinion) {
-        this.form.opinion = this.nodeDefaultSubmitOpinion;
-      }
-
-      if (this.form.isLimitedTime === '1' && this.form.limitedTimeDay) {
-        this.$toast('请填写限时办理天数');
-        return;
-      }
-      if (this.form.isLimitedTime === '1' && this.form.limitedTimeHour) {
-        this.$toast('请选择限时办理时间');
-        return;
-      }
-      if (this.form.isLimitedTime === '1' && this.form.advanceNoticeDay) {
-        this.$toast('请填写提前通知天数');
-        return;
-      }
-      if (this.form.isLimitedTime === '1' && this.form.advanceNoticeHour) {
-        this.$toast('请选择提通知时间');
-        return;
-      }
-      if (this.form.isLimitedTime === '1' && this.form.advanceNoticeType) {
-        this.$toast('请选择催办通知方式');
-        return;
-      }
-      if (
-        this.isHideCurrentOrg &&
-        !this.form.nextCurrentOrgObjJson &&
-        this.form.isAddSign != '1'
-      ) {
-        this.$toast(`请选择${this.currentOrgName || '本单位'}`);
-        return;
-      }
-      delete this.form.nextNodeName;
-      delete this.form.nextOperateName;
-      if (!this.isSpecial) {
-        delete this.form.nextOperate;
-        delete this.form.nextNodeId;
-      }
-      if (this.form.nextOperate == 9) {
-        this.form.isReturnRejectNode = 1;
-        this.form.processDefinitionId = this.processObj.taskExamine.processDefinitionId;
-      }
-      if (this.beforeSubmit) {
-        this.beforeSubmit({ pendingId: this.pendingId, ...this.form });
-        return;
-      }
-      if (this.isMainSubProcess && typeof this.form.mainSubId == 'object') {
-        this.form.mainSubId = this.form.mainSubId.value;
-      }
-      this.$toast.loading({
-        message: '加载中...',
-        forbidClick: true,
-        loadingType: 'spinner',
-        overlay: true,
-        duration: 0
-      });
-      const _that = this;
-      const {
-        isEndUserTask,
-        choiceOrgId,
-        choiceDeptId,
-        pOrgId,
-        taskExamineInfo,
-        needRetrialAuth,
-        nodeInfoMapInfo
-      } = this;
-      _that.form.isEndUserTask = isEndUserTask;
-      _that.form.choiceOrgId = choiceOrgId;
-      _that.form.choiceDeptId = choiceDeptId;
-      _that.form.needRetrialAuth = needRetrialAuth;
-      _that.form.pOrgId = pOrgId;
-      _that.form.processType = taskExamineInfo.processType;
-      _that.form.businessId = taskExamineInfo.businessId;
-      _that.form.appId = taskExamineInfo.appId;
-      _that.form.processDefinitionId = taskExamineInfo.processDefinitionId;
-      _that.form.isSubFlow = taskExamineInfo.isSubFlow;
-      _that.form.nodeId = taskExamineInfo.nodeId;
-      _that.form.userId = _that.userId || $.getStorage('userId');
-      _that.form.mobileKey = $.getStorage('deviceId') || '123';
-      _that.form.nextNodeId =
-        _that.form.nextOperate == 0 || _that.form.nextOperate == 1
-          ? _that.form.nextNodeId || nodeInfoMapInfo.nodeExtAttr.defaultNextNode
-          : '';
-      let formData = new FormData();
-      if (_that.form.isImageOpinion == 1) {
-        formData.append('file', _that.file);
-      }
-      formData.append('pendingId', _that.pendingId);
-      for (let key in _that.form) {
-        if (_that.form[key] !== '' && _that.form[key] !== undefined) {
-          formData.append(key, _that.form[key]);
-        }
-      }
-      request({
-        url: _that.baseUrl
-          ? _that.baseUrl +
-            (_that.form.isImageOpinion == 1
-              ? taskHandleHtmlImg
-              : taskHandleHtml)
-          : _that.form.isImageOpinion == 1
-          ? taskHandleHtmlImg
-          : taskHandleHtml,
-        type: 'post',
-        params: formData,
-        format: false
-      }).then(res => {
-        this.$toast.clear();
-        if (res.status == 'success' || res.status == 'readDealBackProcessing') {
-          if (res.status == 'readDealBackProcessing') {
-            this.$toast(
-              '由于阅办人数较多，任务后台执行中，稍后系统将为您推送阅办任务执行结果，请注意查收！'
-            );
-            setTimeout(() => {
-              this.$toast.clear();
-              this.$parent.$emit('success');
-            }, 1500);
-          } else {
-            this.$toast('操作成功');
-            this.$parent.$emit('success');
-          }
-        } else {
-          this.$emit('error');
-          this.$toast(res.message);
-        }
-      });
-    },
-    // 删除
-    delteList(label, i) {
-      if (label === 'nextUserSelectList') {
-        let _this = this;
-        let id = _this.nextUserSelectList[i].showid;
-        this.nextUserList.find(i => {
-          if (i.userId === id) {
-            _this.$set(i, 'checked', false);
-          }
-        });
-        this[label].splice(i, 1);
-      } else {
-        this[label].splice(i, 1);
-      }
-    },
-    // 选择办理人
-    onClickPeople(id) {
-      this.showAppUser = true;
-      this.selectList = this[id];
-      this.$nextTick(function() {
-        this.$refs.selectTree.getContent(id);
-      });
-    },
-    // 选择单位
-    onClickOrg(id) {
-      this.isOtherUnit = id === 'nextCurrentOrgObjSelect' ? false : true;
-      this.selectUnitType =
-        id === 'nextCurrentOrgObjSelect' ? 'department,employee' : 'department';
-      this.showAppUnit = true;
-      this.$nextTick(function() {
-        this.$refs.selectTreeUnit.getContent(id);
-      });
-    },
-    // 切换下一步操作
-    changeNextOperate(val, isDef) {
-      if (!isDef && val.key === this.tagKey) return;
-      this.tagKey = val.key;
-      //恢复默认
-      this.isNextUser = false;
-      this.isShowNode = false;
-      this.isMainSubProcess = false;
-      this.isNodeShowProcess = false;
-      this.form.nextNodeId = '';
-      this.form.isReturnSubmitter = 0;
-      this.form.isUndertakeReply = 0;
-      this.form.isTakeAdviceReply = 0;
-      this.form.isUndertakeEnd = 0;
-      this.form.isTakeAdviceEnd = 0;
-      this.form.isReadDealReply = 0;
-      this.form.isReadDealEnd = 0;
-      this.form.isReturnRejectNode = 0;
-      this.form.isSerialSubmit = 0;
-      if (val.key == 9) {
-        this.isReject = true;
-      } else if (val.key == 2) {
-        this.isReject = false;
-      } else {
-        this.isReject = false;
-      }
-      this.form.nextOperate = val.key;
-      this.form.nextOperateName = val.value;
-      this.nodeList = val.taskNodeList;
-      if (val.key == -1) {
-        this.form.isSerialSubmit = 1;
-        return;
-      } else if (val.key == 0) {
-        this.isNextUser = true;
-        this.isShowNode = true;
-      } else if (val.key == 1) {
-        this.isNextUser = true;
-        this.isShowNode = true;
-      } else if (val.key == 2) {
-        this.form.isReturnSubmitter = 1;
-        return;
-      } else if (val.key == 3) {
-        this.form.isUndertakeReply = 1;
-        return;
-      } else if (val.key == 4) {
-        this.form.isTakeAdviceReply = 1;
-        return;
-      } else if (val.key == 5) {
-        this.form.isUndertakeEnd = 1;
-        return;
-      } else if (val.key == 6) {
-        this.form.isTakeAdviceEnd = 1;
-        return;
-      } else if (val.key == 7) {
-        this.form.isReadDealReply = 1;
-        return;
-      } else if (val.key == 8) {
-        this.form.isReadDealEnd = 1;
-        return;
-      } else if (val.key == 9) {
-        this.form.isReturnRejectNode = 1;
-        return;
-      } else {
-      }
-
-      if (this.nodeList) {
-        this.form.nextNodeId = this.nodeList[this.nextNodeDefault].nodeId;
-        this.form.nextNodeName = this.nodeList[this.nextNodeDefault].nodeName;
-        this.$toast.loading({
-          message: '加载中...',
-          forbidClick: true,
-          loadingType: 'spinner',
-          overlay: true,
-          duration: 0
-        });
-        if (isDef !== true) this.getNodeObj(this.form.nextNodeId);
-      }
-
-      this.showNextOperate = false;
-    },
-
-    // 确认流程节点操作
-    onConfirmNextNode(val) {
-      this.form.nextNodeId = val.nodeId;
-      this.form.nextNodeName = val.nodeName;
-      this.$toast.loading({
-        message: '加载中...',
-        forbidClick: true,
-        loadingType: 'spinner',
-        overlay: true,
-        duration: 0
-      });
-      this.getNodeObj(this.form.nextNodeId);
-      this.showNextNodeList = false;
-    },
-    // 意见回调
-    onInputOpintion(val) {
-      const { opinion, isImageOpinion, file } = val;
-      this.form.opinion = opinion;
-      this.form.isImageOpinion = isImageOpinion;
-      this.file = file;
-    },
-    // 办理人选择完回调
-    disposeAppUser(res, type) {
-      this[type] = res.list;
-      let label = '';
-      if (type) {
-        label = type.substring(0, type.lastIndexOf('SelectList'));
-      } else {
-        label = res.label.substring(0, res.label.lastIndexOf('SelectList'));
-      }
-
-      let idStr = '';
-      if (res.list) {
-        res.list.map((r, i) => {
-          idStr = idStr + r.showid + (i === res.list.length - 1 ? '' : ',');
-        });
-      } else {
-        res.map((r, i) => {
-          idStr = idStr + r.showid + (i === res.length - 1 ? '' : ',');
-        });
-      }
-      this.form[label + 'Id'] = idStr;
-    },
-    // 单位选择完回调
-    disposeAppUnit(res, type) {
-      let label = type.substring(0, type.lastIndexOf('Select'));
-      let idStr = '';
-      let types = '';
-      let SerialId = [];
-      this.form[label + 'Name'] = '';
-      let obj = {};
-      res.list.map((r, i) => {
-        if (!types || types.indexOf(r.objType) == -1) {
-          idStr = !types
-            ? r.objType +
-              '-' +
-              r.showid +
-              (i === res.list.length - 1 ? '' : ',')
-            : idStr +
-              '|' +
-              r.objType +
-              '-' +
-              r.showid +
-              (i === res.list.length - 1 ? '' : ',');
-          types = types ? types + ',' + r.objType : r.objType;
-        } else {
-          idStr = idStr + r.showid + (i === res.list.length - 1 ? '' : ',');
-        }
-        SerialId.push(r.showid);
-        if (obj[r.objType]) {
-          obj[r.objType].push(r.showname);
-        } else {
-          obj[r.objType] = [r.showname];
-        }
-      });
-      this.form[label] = idStr;
-      for (let key in obj) {
-        if (
-          key === 'enterprise' &&
-          this.form[label + 'Name'].indexOf('[企业]') == -1
-        ) {
-          this.form[label + 'Name'] = this.form[label + 'Name']
-            ? this.form[label + 'Name'] + '|' + '[企业]-' + obj[key].join(',')
-            : '' + '[企业]-' + obj[key].join(',');
-        }
-        if (
-          key === 'department' &&
-          this.form[label + 'Name'].indexOf('[部门]') == -1
-        ) {
-          this.form[label + 'Name'] = this.form[label + 'Name']
-            ? this.form[label + 'Name'] + '|' + '[部门]-' + obj[key].join(',')
-            : '' + '[部门]-' + obj[key].join(',');
-        }
-        if (
-          key === 'employee' &&
-          this.form[label + 'Name'].indexOf('[部门员工]') == -1
-        ) {
-          this.form[label + 'Name'] = this.form[label + 'Name']
-            ? this.form[label + 'Name'] +
-              '|' +
-              '[部门员工]-' +
-              obj[key].join(',')
-            : '' + '[部门员工]-' + obj[key].join(',');
-        }
-      }
-      // this.form[label + 'Name'] = obj.enterprise?;
-      this.form[label + 'SerialId'] = SerialId.join(',');
-      this.form[label + 'Json'] = JSON.stringify(res.list);
-    },
-    // 获取发起流程信息
-    getProcessObjNew() {
-      let that = this;
-      return new Promise(function(resolve, reiect) {
-        request({
-          url: that.baseUrl
-            ? that.baseUrl + getHandleInfoHtml
-            : getHandleInfoHtml,
-          params: {
-            pendingId: that.pendingId,
-            userId: that.userId
-          }
-        }).then(res => {
-          if (res.status == 'success') {
-            const {
-              data: {
-                nodeInfoMap,
-                choiceOrgId,
-                choiceDeptId,
-                pOrgId,
-                taskExamine,
-                currentOrgName,
-                otherOrgName,
-                defaultNotificationMessage,
-                defaultNotificationType
-              }
-            } = res;
-            that.currentOrgName = currentOrgName;
-            that.otherOrgName = otherOrgName;
-            that.taskExamineInfo = taskExamine;
-            that.form.isReturnSubmitter = taskExamine.isReturnSubmitter;
-            that.form.isUndertakeReply = taskExamine.isUndertakeReply;
-            that.form.isTakeAdviceReply = taskExamine.isTakeAdviceReply;
-            that.form.isUndertakeEnd = taskExamine.isUndertakeEnd;
-            that.form.isTakeAdviceEnd = taskExamine.isTakeAdviceEnd;
-            that.form.isReadDealReply = taskExamine.isReadDealReply;
-            that.form.isReadDealEnd = taskExamine.isReadDealEnd;
-            that.form.isReturnRejectNode = taskExamine.isReturnRejectNode;
-            that.form.isSerialSubmit = taskExamine.isSerialSubmit;
-            that.form.notificationMsg = defaultNotificationMessage;
-            defaultNotificationType &&
-              (that.defaultNotificationType = defaultNotificationType.split(
-                ','
-              ));
-            that.nodeInfoMapInfo = nodeInfoMap;
-            // that.defaultNextNode = nodeInfoMap.nodeExtAttr.defaultNextNode;
-            that.opinionHandleExplainText =
-              nodeInfoMap.nodeExtAttr.opinionHandleExplainText;
-            that.isCanAddSign = res.data.isCanAddSign;
-            if (that.isCanAddSign) {
-              that.form.isAddSign = '2';
-            }
-            that.isCanRemoveSign = res.data.isCanRemoveSign;
-            if (that.isCanRemoveSign) {
-              that.form.isRemoveSign = '2';
-            }
-            that.isSpecial = res.data.isSpecial;
-            that.processObj = res.data;
-            that.taskOperations = res.data.taskOperations;
-            if (that.taskOperations && that.taskOperations.length > 0) {
-              let isSelected = false;
-              that.taskOperations.map(item => {
-                if (item.isSelected || that.taskOperations.length == 1) {
-                  isSelected = true;
-                  if (that.taskOperations.length == 1) {
-                    that.form.nextOperate = that.taskOperations[0].key;
-                    that.form.nextOperateName = that.taskOperations[0].value;
-                    if (
-                      !that.taskOperations[0].taskNodeList ||
-                      that.taskOperations[0].taskNodeList.length === 0
-                    ) {
-                      that.form.nextNodeId = undefined;
-                      that.form.nextNodeName = undefined;
-                    } else {
-                      that.nodeList = that.taskOperations[0].taskNodeList;
-                      let info = [];
-                      that.nodeList.map((x, y) => {
-                        if (
-                          x.nodeId === nodeInfoMap.nodeExtAttr.defaultNextNode
-                        ) {
-                          info.push(x);
-                          that.nextNodeDefault = y;
-                        }
-                      });
-                      if (info.length == 0 && that.nodeList.length != 0)
-                        info = [that.nodeList[0]];
-                      if (info.length > 0) {
-                        that.form.nextNodeId = info[0].nodeId;
-                        that.form.nextNodeName = info[0].nodeName;
-                      }
-                      // that.form.nextNodeId = that.nodeList[0].nodeId;
-                      // that.form.nextNodeName = that.nodeList[0].nodeName;
-                    }
-                  } else {
-                    that.form.nextOperate = item.key;
-                    that.form.nextOperateName = item.value;
-                    if (!item.taskNodeList || item.taskNodeList.length === 0) {
-                      that.form.nextNodeId = undefined;
-                      that.form.nextNodeName = undefined;
-                    } else {
-                      that.nodeList = item.taskNodeList;
-                      let info = [];
-                      that.nodeList.map((x, y) => {
-                        if (
-                          x.nodeId === nodeInfoMap.nodeExtAttr.defaultNextNode
-                        ) {
-                          info.push(x);
-                          that.nextNodeDefault = y;
-                        }
-                      });
-                      if (info.length == 0 && that.nodeList.length != 0)
-                        info = [that.nodeList[0]];
-                      if (info.length > 0) {
-                        that.form.nextNodeId = info[0].nodeId;
-                        that.form.nextNodeName = info[0].nodeName;
-                      }
-                      // that.form.nextNodeId = that.nodeList[0].nodeId;
-                      // that.form.nextNodeName = that.nodeList[0].nodeName;
-                    }
-                  }
-                  if (item.key == 9) {
-                    that.isReject = true;
-                  }
-                  that.changeNextOperate(item, true);
-                }
-              });
-              if (!isSelected) {
-                that.form.nextOperate = that.taskOperations[0].key;
-                that.form.nextOperateName = that.taskOperations[0].value;
-                that.nodeList = that.taskOperations[0].taskNodeList || [];
-                if (that.nodeList && that.nodeList.length > 0) {
-                  that.form.nextNodeId = that.nodeList[0].nodeId;
-                  that.form.nextNodeName = that.nodeList[0].nodeName;
-                }
-              }
-            }
-            if (nodeInfoMap && JSON.stringify(nodeInfoMap) != '{}') {
-              that.needRetrialAuth = !!nodeInfoMap.nodeExtAttr
-                .isCurrentNodeSubmitNeedRetrialAuth;
-              if (nodeInfoMap.nodeExtAttr.nodeFixedOpinionSelectList) {
-                let notice = JSON.parse(
-                  nodeInfoMap.nodeExtAttr.nodeFixedOpinionSelectList
-                );
-                notice.map(x => {
-                  that.nodeFixedOpinionSelectList.push({ content: x });
-                });
-              }
-              that.isCurrentNodeForbiddenChangeCandidate =
-                nodeInfoMap.nodeExtAttr.isCurrentNodeForbiddenChangeCandidate;
-              that.isHiddenOftenOpinion =
-                nodeInfoMap.nodeExtAttr.isHiddenOftenOpinion;
-              that.nodeDefaultSubmitOpinion =
-                nodeInfoMap.nodeExtAttr.nodeDefaultSubmitOpinion;
-              that.isSubmitButtonShowAgreeAndDisagree =
-                nodeInfoMap.nodeExtAttr.isSubmitButtonShowAgreeAndDisagree;
-              that.isOpinionRequired =
-                nodeInfoMap.nodeExtAttr.isOpinionRequired;
-              // that.isChooseNextNode = nodeInfoMap.nodeExtAttr.isChooseNextNode;
-              that.isBanInputOpinion =
-                nodeInfoMap.nodeExtAttr.isBanInputOpinion;
-              that.isForceDisplayDefaultOptionForPrefix =
-                nodeInfoMap.nodeExtAttr.isForceDisplayDefaultOptionForPrefix ==
-                1;
-            }
-            that.choiceOrgId = choiceOrgId;
-            that.choiceDeptId = choiceDeptId;
-            that.pOrgId = pOrgId;
-            that.isEndUserTask = res.data.isEndUserTask;
-            if (!that.isOpinionRequired) {
-              that.isOpinionRequired = 0;
-            }
-            if (!that.isBanInputOpinion) {
-              that.isBanInputOpinion = 0;
-            }
-            // that.countersignaturetypeText = res.data.taskExamine.nodeName
-            if (res.data.taskExamine) {
-              that.countersignaturetypeText = res.data.taskExamine.nodeName;
-            }
-            that.countersignaturetypeCode =
-              res.data.countersignaturetypeCode !== 0 &&
-              res.data.countersignaturetypeCode != undefined
-                ? true
-                : false;
-            that.isMainSubProcess = res.data.isMainSubProcess == 'true';
-            that.isCustomPreset = res.data.isCustomPreset;
-            // form.isRemoveSign !== '1' &&
-            // form.isAddSign !== '1' &&
-            // nodeList &&
-            // nodeList.length > 0 &&
-            // isHiddenNextStepInfo
-            resolve();
-          } else {
-            that.$toast(res.message);
-            setTimeout(() => {
-              that.navigateBack();
-            }, 1000);
-            reiect();
-          }
-        });
-      });
-    },
-    getToStartTaskReadIndex() {
-      request({
-        url: this.baseUrl
-          ? this.baseUrl + toStartTaskReadHtml
-          : toStartTaskReadHtml,
-        params: { pendingId: this.pendingId, userId: this.userId }
-      })
-        .then(res => {
-          const {
-            status,
-            message,
-            data: { isCanFenyue, taskExamine }
-          } = res;
-          if (status === 'success') {
-            this.taskExamineInfo = taskExamine;
-            this.isCanFenyue = isCanFenyue;
-            // if (this.nodeName) {
-            this.processObj.taskExamine.nodeName = '分阅';
-            // }
-          } else {
-            this.$toast(message || '系统错误，请联系管理员！');
-          }
-          this.$toast.clear();
-        })
-        .catch(err => {
-          this.$toast.clear();
-          if (err.message && err.message !== 'canceled') {
-            this.$toast(err.message);
-          }
-        });
-    },
-    // 获取节点信息(获取节点属性及办理人)
-    getNodeObj(res) {
-      const _that = this;
-      request({
-        url: _that.baseUrl ? _that.baseUrl + getNodeInfoHtml : getNodeInfoHtml,
-        params: {
-          processDefinitionId: this.processObj.taskExamine.processDefinitionId,
-          nextNodeId: res,
-          taskId: this.processObj.taskExamine.taskId,
-          pendingId: this.pendingId,
-          businessId: this.taskExamineInfo.businessId,
-          userId: _that.userId
-        }
-      }).then(res => {
-        this.$toast.clear();
-        if (res.status == 'success') {
-          this.appointNotUserIds = res.data.appointNotUserIds;
-          this.handleRoleId = res.data.handleRoleId;
-          this.nextRole = res.data.nextRole;
-          this.filterCandinateIds = res.data.nodeExtAttr.filterCandinateIds;
-          this.selectorDefShowDeptId =
-            res.data.nodeExtAttr.selectorDefShowDeptId;
-          this.userSelectionType = res.data.nodeExtAttr.userSelectionType;
-          // this.changePidObjtype();
-          this.orgSelectionType = res.data.nodeExtAttr.orgSelectionType;
-          this.notificationType = res.data.nodeExtAttr.notificationType;
-          this.nodeType = res.data.nodeExtAttr.nodeType;
-          this.deptRoleCode = res.data.nodeExtAttr.deptRoleCode;
-          this.orgRoleCode = res.data.nodeExtAttr.orgRoleCode;
-          this.isCustomUser = res.data.nodeExtAttr.isCustomUser;
-          this.presetEdit = res.data.nodeExtAttr.presetEdit;
-          this.isLimitedTimeHandling =
-            res.data.nodeExtAttr.isLimitedTimeHandling;
-          this.peopleObj = res.data.nodeExtAttr;
-          this.nextUserList = res.data.nextUserList.filter(
-            x => x.userId && x.username
-          );
-          let _this = this;
-          this.nextUserList.map(r => {
-            _this.$set(r, 'checked', false);
-          });
-
-          this.isHandleExplain =
-            res.data.nodeExtAttr.isHandleExplain == 1 ? true : false; //判断是否隐藏办理说明
-          this.isCustomUserClick =
-            res.data.nodeExtAttr.isCustomUser == 1 ? true : false; // 判断办理人是否可点击显示弹框
-          this.isTaskread = res.data.nodeExtAttr.isTaskread == 1 ? true : false; // 判断是否显示分阅
-          this.countersignaturetypeCode =
-            res.data.countersignaturetypeCode !== 0 ? true : false; //判断是否隐藏处理方式
-          this.countersignaturetypeText = res.data.countersignaturetypeText;
-          //如果当前为承办节点/会签节点,则展示本单位外单位办理人选择
-          if (this.nodeType === 1 || this.nodeType === 2) {
-            this.isMainSubProcess === true
-              ? (this.isNodeShowProcess = true)
-              : (this.isNodeShowProcess = false);
-            this.isMainSubProcess === true
-              ? (this.isMainSubProcess = true)
-              : (this.isMainSubProcess = false);
-            this.isNextUser = false;
-            this.isHideCurrentOrg =
-              res.data.nodeExtAttr.isHideCurrentOrg == 1 ? false : true; //判断是否隐藏本单位
-            this.isHideOtherOrg =
-              res.data.nodeExtAttr.isHideOtherOrg == 1 ? false : true; //判断是否隐藏外单位
-          } else {
-            this.isHideCurrentOrg = false;
-            this.isHideOtherOrg = false;
-            this.isMainSubProcess = false;
-            this.isNodeShowProcess = false;
-            this.isNextUser = true;
-            // this.isMainSubProcess === true
-            //   ? (this.isMainSubProcess = true)
-            //   : (this.isMainSubProcess = false);
-          }
-          // userSelectionType 机构内单选人1,机构内多选人2,所有机构单选人3,所有部门多选人4,本部门单选人5,本部门多选人6,本单位单选部门7,本单位多选部门8,单选单位9,多选单位10,单选机构11,多选机构12,本部门角色13,本单位角色14
-          this.userSelectionType == 2 ||
-          this.userSelectionType == 4 ||
-          this.userSelectionType == 6 ||
-          this.userSelectionType == 8 ||
-          this.userSelectionType == 10 ||
-          this.userSelectionType == 11 ||
-          this.userSelectionType == 12
-            ? (this.isRadio = false)
-            : (this.isRadio = true); //判断办理人单选多选
-
-          if (
-            this.userSelectionType == 7 ||
-            this.userSelectionType == 8 ||
-            this.userSelectionType == 9 ||
-            this.userSelectionType == 10 ||
-            this.userSelectionType == 11 ||
-            this.userSelectionType == 12
-          ) {
-            this.isDealObject = true;
-            this.isNextUser = false;
-          }
-          if (this.userSelectionType == 13 || this.userSelectionType == 14) {
-            this.isNextUser = false;
-            this.isDealObject = false;
-            this.isDealRole = true;
-            this.nextUserflag = true;
-          }
-          this.isHiddenNextStepInfo =
-            res.data.nodeExtAttr.isHiddenNextStepInfo == 1 && this.nextUserflag
-              ? true
-              : false; // 判断是否隐藏下一步节点信息和接收人信息
-          if (res.data.globalNodeType === 'endEvent') {
-            this.isNextUser = false;
-            this.form.nextUserId = '流程办结';
-          } else {
-            this.nodeType != 1 &&
-              this.nodeType != 2 &&
-              (this.isNextUser = true); //判断是否是流程办结 办结下步办理人不显示
-          }
-          this.changeDefPeople(
-            res.data.nodeExtAttr.isDefSelectedObj,
-            res.data.nodeExtAttr.isSelectedAllObj
-          );
-          this.changePidObjtype(
-            res.data.nodeExtAttr.userSelectionType,
-            this.choiceOrgId,
-            this.choiceDeptId,
-            this.pOrgId
-          );
-        } else {
-          this.$toast(res.message);
-        }
-      });
-    },
-    // 修改默认办理人
-    changeDefPeople(def, all) {
-      this.nextUserSelectList = [];
-      if ((def == 1 && all == 1) || (def == 0 && all == 1)) {
-        let ids = '';
-        this.nextUserList.map((r, i) => {
-          r.showid = r.userId;
-          r.showname = r.username;
-          this.$set(r, 'checked', true);
-          this.nextUserSelectList.push(r);
-          ids += r.userId + (i === this.nextUserList.length - 1 ? '' : ',');
-        });
-        this.form.nextUserId = ids;
-      } else if (
-        def == 1 &&
-        (!all || all == 0) &&
-        this.nextUserList.length > 0
-      ) {
-        this.nextUserList[0].showid = this.nextUserList[0].userId;
-        this.nextUserList[0].showname = this.nextUserList[0].username;
-        this.$set(this.nextUserList[0], 'checked', true);
-        this.nextUserSelectList.push(this.nextUserList[0]);
-        this.form.nextUserId = this.nextUserSelectList[0].userId;
-      }
-    },
-    // 根据返回的办理人类型来判断 选择人员树的范围
-    changePidObjtype(val, choiceOrgId, choiceDeptId, pOrgId) {
-      if (val === 1 || val === 2) {
-        this.pid = choiceOrgId || this.orgId;
-        this.objType = 'enterprise';
-        this.selectType = 'employee';
-      } else if (this.userSelectionType === 3 || this.userSelectionType === 4) {
-        this.pid = 'root';
-        this.objType = 'employee';
-      } else if (this.userSelectionType === 5 || this.userSelectionType === 6) {
-        this.pid = choiceDeptId || this.depId;
-        this.objType = 'department';
-      } else if (
-        this.userSelectionType === 11 ||
-        this.userSelectionType === 12
-      ) {
-        this.selectType = 'employee';
-        this.objType = 'enterprise';
-      } else if (this.userSelectionType === 13) {
-        this.pid = choiceDeptId || this.depId;
-        this.selectType = 'employee';
-        this.objType = 'department';
-      } else if (this.userSelectionType === 14) {
-        this.pid = pOrgId || this.orgId;
-        this.selectType = 'employee';
-      } else if (
-        this.userSelectionType === 15 ||
-        this.userSelectionType === 16
-      ) {
-        this.pid = pOrgId || this.orgId;
-        this.selectType = 'employee';
-      }
-    }
-  }
-};
-</script>
-
-<style></style>
+<template>
+  <div class="process-handle">
+    <div
+      v-if="handleFlow"
+      style="display: flex;
+    flex-direction: column;
+    height: 100%;"
+    >
+      <div class="process-content">
+        <!-- 当前节点 -->
+        <div class="present-node">
+          <div class="label">当前节点:</div>
+          <div>{{ processObj.taskExamine.nodeName }}</div>
+        </div>
+        <!-- 意见 -->
+        <Opinion
+          :code="processObj.attachedCode"
+          :ownId="pendingId"
+          :esign="esign"
+          :esignLineWidth="
+            $attrs['esign-line-width'] || $attrs['esignLineWidth']
+          "
+          @onInputOpintion="onInputOpintion"
+          :isOpinionRequired="isOpinionRequired"
+          :disabled="isBanInputOpinion != 0"
+          :baseUrl="baseUrl"
+          :isForceDisplayDefaultOptionForPrefix="
+            isForceDisplayDefaultOptionForPrefix
+          "
+          :placeholder="opinionHandleExplainText"
+          :nodeDefaultSubmitOpinion="nodeDefaultSubmitOpinion"
+          :nodeFixedOpinionSelectList="nodeFixedOpinionSelectList"
+          :isHiddenOftenOpinion="isHiddenOftenOpinion == 1 ? false : true"
+        ></Opinion>
+        <!-- 审核内容 -->
+        <div class="special-box input-box" v-if="typeCode != 'fenyue'">
+          <!-- 加签 -->
+          <div
+            class="item"
+            :class="{ itemRadio: form.isAddSign === '1' }"
+            v-if="isCanAddSign"
+          >
+            <em-input
+              name="radio"
+              label="是否增加本环节办理人"
+              :required="true"
+            >
+              <template slot="input">
+                <em-radio-group
+                  v-model="form.isAddSign"
+                  :data="isAddSignList"
+                  direction="horizontal"
+                />
+              </template>
+            </em-input>
+          </div>
+          <div
+            class="item item-user"
+            label="增加办理人"
+            v-if="form.isAddSign === '1'"
+          >
+            <em-selector
+              label="增加办理人"
+              required
+              multiple
+              :isAllCheck="isAllCheck"
+              :baseUrl="apiBaseUrl"
+              :paddingTop="paddingTop"
+              :objType="objType"
+              v-model="addSignUserSelectList"
+              @change="disposeAppUser($event, 'addSignUserSelectList')"
+            />
+          </div>
+          <!-- 减签 -->
+          <div
+            class="item"
+            :class="{ itemRadio: form.isRemoveSign === '1' }"
+            v-if="isCanRemoveSign"
+          >
+            <em-input name="radio" label="是否减签" :required="true">
+              <template slot="input">
+                <em-radio-group
+                  v-model="form.isRemoveSign"
+                  :data="isAddSignList"
+                  direction="horizontal"
+                />
+              </template>
+            </em-input>
+          </div>
+          <div v-if="isSpecial && typeCode != 'fenyue'">
+            <div
+              class="item item-user"
+              label="减少办理人"
+              v-if="form.isRemoveSign === '1'"
+            >
+              <em-selector
+                label="减少办理人"
+                :isAllCheck="isAllCheck"
+                required
+                :paddingTop="paddingTop"
+                multiple
+                :baseUrl="apiBaseUrl"
+                :objType="objType"
+                v-model="removeSignUserSelectList"
+                @change="disposeAppUser($event, 'removeSignUserSelectList')"
+              />
+            </div>
+            <!-- 下一步所有相关操作-->
+            <div
+              v-if="
+                form.isRemoveSign !== '1' &&
+                  form.isAddSign !== '1' &&
+                  !isHiddenNextStepInfo
+              "
+            >
+              <!-- <div
+              @click="isNextBox = !isNextBox"
+              v-if="!isReject"
+              class="shrink-btn"
+            >
+              {{ isNextBox ? '收起下一步操作和节点' : '展开下一步操作和节点' }}
+            </div> -->
+              <div class="next-box" v-show="isNextBox || isReject">
+                <!-- 下一步操作 -->
+                <div
+                  class="item next-step"
+                  v-if="!isHiddenNextStepInfo && isChooseNextNode == 1"
+                >
+                  <em-input
+                    value="下步操作"
+                    label="下步操作"
+                    required
+                    class="em-flow-next-steps"
+                    :disabled="true"
+                    label-position="top"
+                  >
+                    <template slot="input">
+                      <span
+                        class="em-flow-tag"
+                        :class="{ 'em-flow-tag-active': tagKey === item.key }"
+                        @click="changeNextOperate(item)"
+                        v-for="item in taskOperations"
+                        :key="item.key"
+                      >
+                        {{ item.value }}
+                      </span>
+                    </template>
+                  </em-input>
+                  <!-- <em-picker
+                  title="下步操作"
+                  label="下步操作"
+                  required
+                  show-toolbar
+                  v-model="form.nextOperateName"
+                  label-width="100%"
+                  :columns="taskOperations"
+                  value-key="key"
+                  label-key="value"
+                  @confirm="changeNextOperate"
+                /> -->
+                </div>
+                <!-- 下步节点 -->
+                <div
+                  class="item"
+                  v-if="
+                    nodeList && nodeList.length > 0 && !isReject && isShowNode
+                  "
+                >
+                  <em-picker
+                    title="下步节点"
+                    label="下步节点"
+                    required
+                    show-toolbar
+                    v-model="form.nextNodeName"
+                    label-width="100%"
+                    :columns="nodeList"
+                    value-key="nodeId"
+                    label-key="nodeName"
+                    @confirm="onConfirmNextNode"
+                  />
+                </div>
+              </div>
+              <!-- 处理方式提示文字 -->
+              <div class="item" v-if="countersignaturetypeCode">
+                <van-field
+                  v-model="countersignaturetypeText"
+                  label="处理方式"
+                  :disabled="true"
+                />
+              </div>
+              <!-- 下一步办理人 -->
+              <div class="item item-user" v-if="isNextUser">
+                <em-selector
+                  :multiple="!isRadio"
+                  v-model="nextUserSelectList"
+                  :objType="objType"
+                  :isAllCheck="isAllCheck"
+                  required
+                  :paddingTop="paddingTop"
+                  :nextUserList="nextUserList"
+                  :baseUrl="apiBaseUrl"
+                  tabs="employee,persongroup"
+                  :disabled="
+                    !isCustomUser || isCurrentNodeForbiddenChangeCandidate == 1
+                  "
+                  :selectDisabled="isCurrentNodeForbiddenChangeCandidate == 1"
+                  placeholder="请选择下步办理人"
+                  :param="{
+                    pid: pid
+                  }"
+                  label="下步办理人"
+                  @change="disposeAppUser($event, 'nextUserSelectList')"
+                />
+              </div>
+              <!-- 办理角色-->
+              <div class="item" v-if="isDealRole">
+                <em-input
+                  value="办理角色"
+                  label="办理角色"
+                  :disabled="true"
+                  placeholder="请选择"
+                />
+              </div>
+              <!-- 办理对象-->
+              <div class="item" v-if="isDealObject">
+                <em-input
+                  value="办理对象"
+                  label="办理对象"
+                  :disabled="true"
+                  placeholder="请选择"
+                />
+              </div>
+              <!-- 本单位-->
+              <!-- v-if="isHideCurrentOrg" -->
+              <div class="item" v-if="isHideCurrentOrg">
+                <em-selector
+                  v-model="nextCurrentOrgObjSelect"
+                  multiple
+                  :isAllCheck="isAllCheck"
+                  :paddingTop="paddingTop"
+                  :objType="'enterprise'"
+                  :tabs="'department,myemployee'"
+                  :param="{
+                    pid: orgId
+                  }"
+                  :baseUrl="apiBaseUrl"
+                  :isOtherUnit="false"
+                  :label="currentOrgName ? currentOrgName : '本单位'"
+                  @change="disposeAppUnit($event, 'nextCurrentOrgObjSelect')"
+                />
+              </div>
+              <!-- 外单位 -->
+              <!-- v-if="isHideOtherOrg" -->
+              <div class="item" v-if="isHideOtherOrg">
+                <em-selector
+                  v-model="nextOtherOrgObjSelect"
+                  multiple
+                  :isAllCheck="isAllCheck"
+                  :paddingTop="paddingTop"
+                  :objType="'enterprise'"
+                  :param="{
+                    pid: 'root'
+                  }"
+                  :tabs="'enterprise'"
+                  :baseUrl="apiBaseUrl"
+                  :isOtherUnit="true"
+                  :label="otherOrgName ? otherOrgName : '外单位'"
+                  @change="disposeAppUnit($event, 'nextOtherOrgObjSelect')"
+                />
+              </div>
+              <!-- 主办 -->
+              <div class="item" v-if="isMainSubProcess && isNodeShowProcess">
+                <!-- <van-field
+                value="主办"
+                label="主办"
+                :disabled="true"
+                placeholder="请选择"
+              /> -->
+                <em-picker
+                  v-model="form.mainSubId"
+                  label="主办"
+                  title="主办"
+                  placeholder="请选择主办"
+                  show-toolbar
+                  :disabled="subProcessColumns.length == 0"
+                  :columns="subProcessColumns"
+                />
+              </div>
+              <!-- 办理说明 -->
+              <div class="item" v-if="isHandleExplain">
+                <van-field
+                  value="办理说明"
+                  label="办理说明"
+                  :disabled="true"
+                  placeholder="请选择"
+                />
+              </div>
+            </div>
+            <!-- 分阅 -->
+            <div
+              class="item"
+              v-if="
+                form.isRemoveSign !== '1' &&
+                  form.isAddSign !== '1' &&
+                  isTaskread
+              "
+            >
+              <div class="item item-user">
+                <em-selector
+                  v-model="nextReadUserSelectList"
+                  multiple
+                  :isAllCheck="isAllCheck"
+                  :objType="objType"
+                  :param="{
+                    pid: pid
+                  }"
+                  :paddingTop="paddingTop"
+                  :baseUrl="apiBaseUrl"
+                  tabs="employee,persongroup"
+                  label="分阅用户"
+                  @change="disposeAppUser($event, 'nextReadUserSelectList')"
+                />
+              </div>
+            </div>
+            <!-- 限时办理 -->
+            <!-- v-if="isLimitedTimeHandling" -->
+            <div class="item" v-if="isLimitedTimeHandling">
+              <em-input name="radio" label="是否限时办理" :required="true">
+                <template slot="input">
+                  <em-radio-group
+                    v-model="form.isLimitedTime"
+                    :data="isAddSignList"
+                    direction="horizontal"
+                  />
+                </template>
+              </em-input>
+            </div>
+            <div
+              class="item item-limited-time"
+              v-if="form.isLimitedTime === '1'"
+            >
+              <em-input name="radio" label="限时办理时间" :required="true">
+                <template slot="input">
+                  <div class="item-limited-time-content">
+                    <div>
+                      <em-input
+                        placeholder="请输入天数"
+                        v-model="form.limitedTimeDay"
+                        type="digit"
+                      />
+                    </div>
+                    <div class="day-text">天</div>
+                    <div>
+                      <em-input
+                        :value="form.limitedTimeHour"
+                        clickable
+                        readonly
+                        placeholder="请选择小时"
+                        @click="openTimeList('limitedTimeHour')"
+                      />
+                    </div>
+                    <div class="day-text">时</div>
+                  </div>
+                </template>
+              </em-input>
+            </div>
+            <div
+              class="item item-limited-time"
+              v-if="form.isLimitedTime === '1'"
+            >
+              <em-input name="radio" label="提前通知时间" :required="true">
+                <template slot="input">
+                  <div class="item-limited-time-content">
+                    <div>
+                      <em-input
+                        placeholder="请输入天数"
+                        v-model="form.advanceNoticeDay"
+                        type="digit"
+                      />
+                    </div>
+                    <div class="day-text">天</div>
+                    <div>
+                      <em-input
+                        :value="form.advanceNoticeHour"
+                        clickable
+                        placeholder="请选择小时"
+                        readonly
+                        @click="openTimeList('advanceNoticeHour')"
+                      />
+                    </div>
+                    <div class="day-text">时</div>
+                  </div>
+                </template>
+              </em-input>
+            </div>
+            <van-popup v-model="showTimeList" round position="bottom">
+              <van-picker
+                show-toolbar
+                :columns="timeList"
+                @cancel="showTimeList = false"
+                @confirm="onConfirmTimeList"
+              />
+            </van-popup>
+            <!-- 催办通知方式 -->
+            <div class="item-msg item-msg1" v-if="isLimitedTimeHandling">
+              <Message
+                ref="message"
+                :label="'催办通知方式'"
+                :code="'notification_type'"
+                :baseUrl="baseUrl"
+                @onInputMsg="onInputMsgUrge"
+                :required="true"
+              ></Message>
+            </div>
+            <!-- 通知方式 -->
+            <div class="item-msg item-msg2">
+              <Message
+                ref="message"
+                :code="'notification_type'"
+                :baseUrl="baseUrl"
+                :defaultNotificationType="defaultNotificationType"
+                :defaultNotificationMsg="form.notificationMsg"
+                @onInputMsg="onInputMsg"
+              ></Message>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="isSubmitButtonShowAgreeAndDisagree" class="btn-list">
+        <div class="btn" @click="handleFlow = false">不同意</div>
+        <div class="btn" @click="onSubmit()">同意</div>
+      </div>
+      <div v-else class="btn-list">
+        <div class="btn" @click="navigateBack">取消</div>
+        <div class="btn" @click="onSubmit()">确定</div>
+      </div>
+    </div>
+    <Reject
+      v-else
+      :pendingId="pendingId"
+      :before-submit="beforeSubmit"
+      @close="handleFlow = true"
+    />
+  </div>
+</template>
+
+<script>
+import {
+  getHandleInfoHtml,
+  toStartTaskReadHtml,
+  taskReadHtml,
+  getNodeInfoHtml,
+  taskHandleHtml,
+  taskHandleHtmlImg
+} from '../../../../src/config/api.js';
+import request from '../../../../src/utils/http.js';
+import Opinion from './Opinion.vue';
+import Reject from './Reject.vue';
+import Message from './Message.vue';
+import FlowMix from '../flowMix';
+import $ from '../../../../src/utils/util';
+export default {
+  name: 'Handle',
+  inheritAttrs: false,
+  components: {
+    Opinion,
+    Reject,
+    Message
+  },
+  mixins: [FlowMix],
+  props: {
+    pendingId: String, //待办id
+    identityIds: String, //用户id
+    beforeSubmit: Function,
+    orgId: String, //单位id
+    depId: String, //部门id
+    baseUrl: String,
+    apiBaseUrl: String,
+    typeCode: String,
+    paddingTop: {
+      type: [String, Number],
+      default: 0
+    },
+    isAllCheck: {
+      type: Boolean,
+      default: false
+    },
+    esign: {
+      type: Boolean,
+      default: false
+    },
+    userId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      nextNodeDefault: 0,
+      showAppUnit: false, // 弹窗单位
+      handleFlow: true,
+      isReject: false,
+      opinionHandleExplainText: undefined,
+      isCurrentNodeForbiddenChangeCandidate: 0,
+      nodeFixedOpinionSelectList: [],
+      isChooseNextNode: 1, //是否展示下步操作
+      pid: 'root', //树选中pid
+      objType: 'enterprise', //树点击对象
+      selectType: 'employee', // 树 选择类型
+      isNextBox: true, // 是否展开隐藏下步操作
+      isForceDisplayDefaultOptionForPrefix: false,
+      isOtherUnit: true, //是否是外单位
+      isShowNode: false,
+      subProcessInfo: '',
+      isNodeShowProcess: false, //是否展示主办
+      isHiddenOftenOpinion: undefined, //是否隐藏常用意见
+      isAddSignList: [{ name: '是', value: '1' }, { name: '否', value: '2' }],
+      form: {
+        opinion: undefined, // 审批意见
+        isImageOpinion: 0,
+        isAddSign: undefined, //是否加签
+        addSignUserId: undefined, //加签人员id
+        isRemoveSign: undefined, //是否减签
+        removeSignUserId: undefined, //减签人员id
+        nextOperate: undefined, // 下步操作
+        nextOperateName: undefined, // 下步操作显示
+        nextNodeId: undefined, // 下步节点,
+        nextNodeName: undefined, // 下步节点显示
+        isReturnSubmitter: undefined, //是否返回提交人
+        isSubFlow: undefined, //是否子流程
+        isUndertakeReply: undefined, //是否承办回复
+        isTakeAdviceReply: undefined, //是否征求意见回复回复
+        isUndertakeEnd: undefined, //是否承办办结
+        isTakeAdviceEnd: undefined, //是否征求意见办结
+        isReadDealReply: undefined, //是否阅办回复
+        isReadDealEnd: undefined, //是否阅办办结
+        caOpinion: undefined, //加密意见
+        isReturnRejectNode: undefined, //是否提交驳回节点
+        isSerialSubmit: undefined, //串行默认提交
+        loginType: 2, //登录方式
+        nodeOpinionTemplate: undefined, //意见模板
+        businessSubCenterCode: undefined, //业务中心编码
+        nextRoleId: undefined, // 下步办理角色id
+        nextOrgId: undefined, //下步办理机构
+        nextCurrentOrgObj: undefined, // 	本单位对象
+        nextCurrentOrgObjSerialId: undefined, //本单位办理对象序列id
+        nextOtherOrgObj: undefined, //外单位对象
+        nextOtherOrgObjSerialId: undefined, //外单位办理对象序列id
+        mainSubId: undefined, //主办id
+        nextReadUserId: undefined, //分阅用户
+        handleExplain: undefined, //办理说明
+        notificationMsg: undefined, //通知消息
+        nextUserId: undefined, //下步办理人
+        isLimitedTime: '2', //是否限时办理
+        limitedTimeDay: undefined, //限时办理时间	天
+        limitedTimeHour: undefined, //限时办理时间	时
+        advanceNoticeDay: undefined, //限时办理 天
+        advanceNoticeHour: undefined, //限时办理 时
+        advanceNoticeType: [] //催办通知方式
+      },
+      isCanFenyue: '0',
+      isChooseNextNode: 1,
+      isOpinionRequired: 0, // 意见是否必填
+      isBanInputOpinion: 0, //意见是否禁用
+      showTimeList: false, //选择限时办理弹出层
+      timeList: [], // 选择限时办理时间数组
+      nextUserList: [], //下步办理人数组
+      nextCurrentOrgObjSelect: [], // 选中本单位
+      nextOtherOrgObjSelect: [], //选中外单位
+      nextReadUserSelectList: [], //分阅选择数组
+      addSignUserSelectList: [], //增加办理人选择数组
+      removeSignUserSelectList: [], //减少办理人选择数组
+      nextUserSelectList: [], //下步办理人选择数组
+      showAppUser: false, // 办理人遮罩层
+      showNextOperate: false, // 下一步操作遮罩层
+      showNextNodeList: false, // 下一步流程节点遮罩层
+      nodeList: [], // 流程节点列表
+      selectList: [], // 当前选中办理人
+      opinionList: [], // 意见列表
+      processObj: { taskExamine: { nodeName: undefined } }, //流程信息
+      peopleObj: {}, //办理人信息
+      userInfo: {}, // 用户信息
+      isCanAddSign: false, //是否显示加签
+      isCanRemoveSign: false, //是否显示减签
+      isSpecial: true, //判断审核内容是否显示（是否是正常的办理页面）
+      taskOperations: [], //下一步操作
+      countersignaturetypeCode: false, //用来判断处理方式是否显示
+      countersignaturetypeText: undefined, // 处理方式
+      isCustomPreset: true, // 是否允许预设节点
+      isHideCurrentOrg: false, //是否隐藏本单位(承办)
+      isHideOtherOrg: false, //是否隐藏外单位(承办)
+      isHandleExplain: false, // 是否允许办理说明
+      isTaskread: false, //是否分阅
+      defaultNotificationType: undefined, ///默认选中通知类型
+      selectUnitType: 'department', //单位树选择类型
+      isHiddenNextStepInfo: false, //是否隐藏下一步节点信息和接收人信息
+      presetEdit: true, //预设是否允许编辑
+      isLimitedTimeHandling: false, //是否支持发起子流程限时办理
+      userSelectionType: undefined, //处理人选择方式
+      orgSelectionType: undefined, //办理机构选择方式
+      notificationType: undefined, // 通知方式
+      nodeType: undefined, // 节点类型(普通节点0,承办节点1,会签节点2,阅办节点3)
+      deptRoleCode: undefined, //本单位角色
+      orgRoleCode: undefined, //外单位角色
+      appointNotUserIds: undefined, //业务指定非处理人
+      handleRoleId: undefined, //办理角色(一般选择范围是部门/单位使用)
+      nextRole: undefined, //下步节点默认角色
+      filterCandinateIds: undefined, //节点过滤办理人
+      selectorDefShowDeptId: undefined, //选择器默认展示部门
+      isRadio: true, //下步办理人是否单选
+      otherOrgName: undefined, //外单位名字
+      currentOrgName: undefined, //本单位名字
+      isMainSubProcess: false, // 判断是否子-主流程
+      isNextUser: false, // 判断是否显示下步办理人
+      isDealObject: false, //判断是否显示办理对象
+      isDealRole: false, //判断是否显示办理角色
+      nextUserflag: false,
+      isSubmitButtonShowAgreeAndDisagree: 0, //是否展示同意和不同意按钮
+      isCustomUserClick: false, //下步办理人选择是否可以点击
+      timeListLable: undefined, //用来判断是哪里点开的时间遮罩层
+      nodeDefaultSubmitOpinion: undefined, //默认提交意见
+      isCustomUser: 0, //是否可选中办理人
+      choiceOrgId: '',
+      choiceDeptId: '',
+      taskExamineInfo: {},
+      nodeInfoMapInfo: {},
+      file: '',
+      isEndUserTask: '',
+      tagKey: '',
+      pOrgId: '',
+      needRetrialAuth: false
+    };
+  },
+  created() {
+    // 获取用户信息
+    // 生成时间数组
+    this.timeList = new Array();
+    for (let i = 0; i < 25; i++) {
+      this.timeList.push(i);
+    }
+    this.$toast.loading({
+      message: '加载中...',
+      forbidClick: true,
+      loadingType: 'spinner',
+      overlay: true,
+      duration: 0
+    });
+    // 获取审核详情后去获取节点信息和办理人信息。
+    if (this.typeCode == 'fenyue') {
+      this.getToStartTaskReadIndex();
+    } else {
+      Promise.all([this.getProcessObjNew()]).then(() => {
+        if (this.form.nextNodeId) {
+          this.getNodeObj(this.form.nextNodeId);
+        } else {
+          this.$toast.clear();
+        }
+      });
+    }
+  },
+  computed: {
+    subProcessColumns() {
+      if (!this.isMainSubProcess || !this.isNodeShowProcess) return [];
+      let data = [];
+      let obj = { name: '[部门员工]-' };
+      this.nextCurrentOrgObjSelect.map(x => {
+        if (x.objType == 'employee') {
+          obj.name = !obj.value
+            ? obj.name + x.showname
+            : obj.name + ',' + x.showname;
+          obj.value = obj.value
+            ? obj.value + ',' + x.showid
+            : 'employee-' + x.showid;
+        } else {
+          data.push({
+            name: '[部门]' + x.showname,
+            value: 'department-' + x.showid
+          });
+        }
+      });
+      obj.value && data.push(obj);
+      this.nextOtherOrgObjSelect.map(x => {
+        data.push({
+          name: '[企业]' + x.showname,
+          value: 'enterprise-' + x.showid
+        });
+      });
+      return data;
+    }
+  },
+  methods: {
+    //限时办理时间确认
+    onConfirmTimeList(val) {
+      this.form[this.timeListLable] = val;
+      this.showTimeList = false;
+    },
+    // 通知消息回调
+    onInputMsg(obj) {
+      this.form.notificationType = obj.notificationType.join(',');
+      this.form.notificationMsg = obj.notificationMsg;
+    },
+    // 催办通知消息回调
+    onInputMsgUrge(obj) {
+      this.form.advanceNoticeType = obj.notificationType.join(',');
+      this.form.advanceNoticeMsg = obj.notificationMsg;
+    },
+    // 打来限时办理时间选择遮罩层
+    openTimeList(label) {
+      this.timeListLable = label;
+      this.showTimeList = true;
+    },
+
+    // 导航栏左侧按钮
+    navigateBack() {
+      this.$parent.$emit('close');
+    },
+    subRead() {
+      const {
+        businessId,
+        appId,
+        processDefinitionId,
+        pendingId
+      } = this.taskExamineInfo;
+      let params = {
+        businessId,
+        appId,
+        processDefinitionId,
+        pendingId,
+        opinion: this.form.opinion,
+        taskAction: 'complete',
+        userId: this.userId || $.getStorage('userId')
+      };
+      let formData = new FormData();
+      if (this.form.isImageOpinion == 1) {
+        formData.append('file', this.file);
+      }
+      for (let key in params) {
+        if (params[key] !== '' && params[key] !== undefined) {
+          formData.append(key, params[key]);
+        }
+      }
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request({
+        url: this.baseUrl ? this.baseUrl + taskReadHtml : taskReadHtml,
+        headers: {
+          Accept: 'application/json,text/plain'
+        },
+        type: 'post',
+        params: formData,
+        format: false
+      })
+        .then(res => {
+          const { status, message } = res;
+          this.$toast.clear();
+          if (status === 'success') {
+            this.$toast.success('提交成功');
+            this.$parent.$emit('success');
+          } else {
+            this.$toast(message || '系统错误，请联系管理员！');
+            this.$emit('error');
+          }
+        })
+        .catch(err => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$toast(err.message);
+          }
+        });
+    },
+    // 提交流程
+    onSubmit() {
+      if (this.typeCode == 'fenyue') return this.subRead();
+      let idStr = '';
+      this.nextUserSelectList.map((r, i) => {
+        idStr =
+          idStr +
+          r.showid +
+          (i === this.nextUserSelectList.length - 1 ? '' : ',');
+      });
+      this.form.nextUserId = idStr;
+      if (
+        (!this.form.opinion &&
+          this.isOpinionRequired == 1 &&
+          !this.nodeDefaultSubmitOpinion &&
+          this.form.isImageOpinion == 0) ||
+        (!this.file &&
+          this.isOpinionRequired == 1 &&
+          !this.nodeDefaultSubmitOpinion &&
+          this.form.isImageOpinion == 1)
+      ) {
+        this.$toast('请选择输入审批意见');
+        return;
+      }
+      if (
+        this.isSpecial &&
+        this.isNextUser &&
+        !this.form.nextUserId &&
+        idStr === '' &&
+        this.form.isAddSign != '1' &&
+        !this.isReject
+      ) {
+        this.$toast('请选择办理人');
+        return;
+      }
+      if (this.form.isAddSign == '1' && !this.form.addSignUserId) {
+        this.$toast('请选择办理人');
+        return;
+      }
+      if (
+        !this.form.nextNodeId &&
+        this.nodeList &&
+        this.nodeList.length > 0 &&
+        this.isSpecial &&
+        !this.isReject &&
+        this.isShowNode
+      ) {
+        this.$toast('请选择流程节点');
+        return;
+      }
+
+      let str = '';
+      if (this.form.opinion) {
+        str = this.form.opinion.replace(/\s+/g, '');
+      }
+      if ((!this.form.opinion || str === '') && this.nodeDefaultSubmitOpinion) {
+        this.form.opinion = this.nodeDefaultSubmitOpinion;
+      }
+
+      if (this.form.isLimitedTime === '1' && this.form.limitedTimeDay) {
+        this.$toast('请填写限时办理天数');
+        return;
+      }
+      if (this.form.isLimitedTime === '1' && this.form.limitedTimeHour) {
+        this.$toast('请选择限时办理时间');
+        return;
+      }
+      if (this.form.isLimitedTime === '1' && this.form.advanceNoticeDay) {
+        this.$toast('请填写提前通知天数');
+        return;
+      }
+      if (this.form.isLimitedTime === '1' && this.form.advanceNoticeHour) {
+        this.$toast('请选择提通知时间');
+        return;
+      }
+      if (this.form.isLimitedTime === '1' && this.form.advanceNoticeType) {
+        this.$toast('请选择催办通知方式');
+        return;
+      }
+      if (
+        this.isHideCurrentOrg &&
+        !this.form.nextCurrentOrgObjJson &&
+        this.form.isAddSign != '1'
+      ) {
+        this.$toast(`请选择${this.currentOrgName || '本单位'}`);
+        return;
+      }
+      delete this.form.nextNodeName;
+      delete this.form.nextOperateName;
+      if (!this.isSpecial) {
+        delete this.form.nextOperate;
+        delete this.form.nextNodeId;
+      }
+      if (this.form.nextOperate == 9) {
+        this.form.isReturnRejectNode = 1;
+        this.form.processDefinitionId = this.processObj.taskExamine.processDefinitionId;
+      }
+      if (this.beforeSubmit) {
+        this.beforeSubmit({ pendingId: this.pendingId, ...this.form });
+        return;
+      }
+      if (this.isMainSubProcess && typeof this.form.mainSubId == 'object') {
+        this.form.mainSubId = this.form.mainSubId.value;
+      }
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      const _that = this;
+      const {
+        isEndUserTask,
+        choiceOrgId,
+        choiceDeptId,
+        pOrgId,
+        taskExamineInfo,
+        needRetrialAuth,
+        nodeInfoMapInfo
+      } = this;
+      _that.form.isEndUserTask = isEndUserTask;
+      _that.form.choiceOrgId = choiceOrgId;
+      _that.form.choiceDeptId = choiceDeptId;
+      _that.form.needRetrialAuth = needRetrialAuth;
+      _that.form.pOrgId = pOrgId;
+      _that.form.processType = taskExamineInfo.processType;
+      _that.form.businessId = taskExamineInfo.businessId;
+      _that.form.appId = taskExamineInfo.appId;
+      _that.form.processDefinitionId = taskExamineInfo.processDefinitionId;
+      _that.form.isSubFlow = taskExamineInfo.isSubFlow;
+      _that.form.nodeId = taskExamineInfo.nodeId;
+      _that.form.userId = _that.userId || $.getStorage('userId');
+      _that.form.mobileKey = $.getStorage('deviceId') || '123';
+      _that.form.nextNodeId =
+        _that.form.nextOperate == 0 || _that.form.nextOperate == 1
+          ? _that.form.nextNodeId || nodeInfoMapInfo.nodeExtAttr.defaultNextNode
+          : '';
+      let formData = new FormData();
+      if (_that.form.isImageOpinion == 1) {
+        formData.append('file', _that.file);
+      }
+      formData.append('pendingId', _that.pendingId);
+      for (let key in _that.form) {
+        if (_that.form[key] !== '' && _that.form[key] !== undefined) {
+          formData.append(key, _that.form[key]);
+        }
+      }
+      request({
+        url: _that.baseUrl
+          ? _that.baseUrl +
+            (_that.form.isImageOpinion == 1
+              ? taskHandleHtmlImg
+              : taskHandleHtml)
+          : _that.form.isImageOpinion == 1
+          ? taskHandleHtmlImg
+          : taskHandleHtml,
+        type: 'post',
+        params: formData,
+        format: false
+      }).then(res => {
+        this.$toast.clear();
+        if (res.status == 'success' || res.status == 'readDealBackProcessing') {
+          if (res.status == 'readDealBackProcessing') {
+            this.$toast(
+              '由于阅办人数较多，任务后台执行中，稍后系统将为您推送阅办任务执行结果，请注意查收！'
+            );
+            setTimeout(() => {
+              this.$toast.clear();
+              this.$parent.$emit('success');
+            }, 1500);
+          } else {
+            this.$toast('操作成功');
+            this.$parent.$emit('success');
+          }
+        } else {
+          this.$emit('error');
+          this.$toast(res.message);
+        }
+      });
+    },
+    // 删除
+    delteList(label, i) {
+      if (label === 'nextUserSelectList') {
+        let _this = this;
+        let id = _this.nextUserSelectList[i].showid;
+        this.nextUserList.find(i => {
+          if (i.userId === id) {
+            _this.$set(i, 'checked', false);
+          }
+        });
+        this[label].splice(i, 1);
+      } else {
+        this[label].splice(i, 1);
+      }
+    },
+    // 选择办理人
+    onClickPeople(id) {
+      this.showAppUser = true;
+      this.selectList = this[id];
+      this.$nextTick(function() {
+        this.$refs.selectTree.getContent(id);
+      });
+    },
+    // 选择单位
+    onClickOrg(id) {
+      this.isOtherUnit = id === 'nextCurrentOrgObjSelect' ? false : true;
+      this.selectUnitType =
+        id === 'nextCurrentOrgObjSelect' ? 'department,employee' : 'department';
+      this.showAppUnit = true;
+      this.$nextTick(function() {
+        this.$refs.selectTreeUnit.getContent(id);
+      });
+    },
+    // 切换下一步操作
+    changeNextOperate(val, isDef) {
+      if (!isDef && val.key === this.tagKey) return;
+      this.tagKey = val.key;
+      //恢复默认
+      this.isNextUser = false;
+      this.isShowNode = false;
+      this.isMainSubProcess = false;
+      this.isNodeShowProcess = false;
+      this.form.nextNodeId = '';
+      this.form.isReturnSubmitter = 0;
+      this.form.isUndertakeReply = 0;
+      this.form.isTakeAdviceReply = 0;
+      this.form.isUndertakeEnd = 0;
+      this.form.isTakeAdviceEnd = 0;
+      this.form.isReadDealReply = 0;
+      this.form.isReadDealEnd = 0;
+      this.form.isReturnRejectNode = 0;
+      this.form.isSerialSubmit = 0;
+      if (val.key == 9) {
+        this.isReject = true;
+      } else if (val.key == 2) {
+        this.isReject = false;
+      } else {
+        this.isReject = false;
+      }
+      this.form.nextOperate = val.key;
+      this.form.nextOperateName = val.value;
+      this.nodeList = val.taskNodeList;
+      if (val.key == -1) {
+        this.form.isSerialSubmit = 1;
+        return;
+      } else if (val.key == 0) {
+        this.isNextUser = true;
+        this.isShowNode = true;
+      } else if (val.key == 1) {
+        this.isNextUser = true;
+        this.isShowNode = true;
+      } else if (val.key == 2) {
+        this.form.isReturnSubmitter = 1;
+        return;
+      } else if (val.key == 3) {
+        this.form.isUndertakeReply = 1;
+        return;
+      } else if (val.key == 4) {
+        this.form.isTakeAdviceReply = 1;
+        return;
+      } else if (val.key == 5) {
+        this.form.isUndertakeEnd = 1;
+        return;
+      } else if (val.key == 6) {
+        this.form.isTakeAdviceEnd = 1;
+        return;
+      } else if (val.key == 7) {
+        this.form.isReadDealReply = 1;
+        return;
+      } else if (val.key == 8) {
+        this.form.isReadDealEnd = 1;
+        return;
+      } else if (val.key == 9) {
+        this.form.isReturnRejectNode = 1;
+        return;
+      } else {
+      }
+
+      if (this.nodeList) {
+        this.form.nextNodeId = this.nodeList[this.nextNodeDefault].nodeId;
+        this.form.nextNodeName = this.nodeList[this.nextNodeDefault].nodeName;
+        this.$toast.loading({
+          message: '加载中...',
+          forbidClick: true,
+          loadingType: 'spinner',
+          overlay: true,
+          duration: 0
+        });
+        if (isDef !== true) this.getNodeObj(this.form.nextNodeId);
+      }
+
+      this.showNextOperate = false;
+    },
+
+    // 确认流程节点操作
+    onConfirmNextNode(val) {
+      this.form.nextNodeId = val.nodeId;
+      this.form.nextNodeName = val.nodeName;
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      this.getNodeObj(this.form.nextNodeId);
+      this.showNextNodeList = false;
+    },
+    // 意见回调
+    onInputOpintion(val) {
+      const { opinion, isImageOpinion, file } = val;
+      this.form.opinion = opinion;
+      this.form.isImageOpinion = isImageOpinion;
+      this.file = file;
+    },
+    // 办理人选择完回调
+    disposeAppUser(res, type) {
+      this[type] = res.list;
+      let label = '';
+      if (type) {
+        label = type.substring(0, type.lastIndexOf('SelectList'));
+      } else {
+        label = res.label.substring(0, res.label.lastIndexOf('SelectList'));
+      }
+
+      let idStr = '';
+      if (res.list) {
+        res.list.map((r, i) => {
+          idStr = idStr + r.showid + (i === res.list.length - 1 ? '' : ',');
+        });
+      } else {
+        res.map((r, i) => {
+          idStr = idStr + r.showid + (i === res.length - 1 ? '' : ',');
+        });
+      }
+      this.form[label + 'Id'] = idStr;
+    },
+    // 单位选择完回调
+    disposeAppUnit(res, type) {
+      let label = type.substring(0, type.lastIndexOf('Select'));
+      let idStr = '';
+      let types = '';
+      let SerialId = [];
+      this.form[label + 'Name'] = '';
+      let obj = {};
+      res.list.map((r, i) => {
+        if (!types || types.indexOf(r.objType) == -1) {
+          idStr = !types
+            ? r.objType +
+              '-' +
+              r.showid +
+              (i === res.list.length - 1 ? '' : ',')
+            : idStr +
+              '|' +
+              r.objType +
+              '-' +
+              r.showid +
+              (i === res.list.length - 1 ? '' : ',');
+          types = types ? types + ',' + r.objType : r.objType;
+        } else {
+          idStr = idStr + r.showid + (i === res.list.length - 1 ? '' : ',');
+        }
+        SerialId.push(r.showid);
+        if (obj[r.objType]) {
+          obj[r.objType].push(r.showname);
+        } else {
+          obj[r.objType] = [r.showname];
+        }
+      });
+      this.form[label] = idStr;
+      for (let key in obj) {
+        if (
+          key === 'enterprise' &&
+          this.form[label + 'Name'].indexOf('[企业]') == -1
+        ) {
+          this.form[label + 'Name'] = this.form[label + 'Name']
+            ? this.form[label + 'Name'] + '|' + '[企业]-' + obj[key].join(',')
+            : '' + '[企业]-' + obj[key].join(',');
+        }
+        if (
+          key === 'department' &&
+          this.form[label + 'Name'].indexOf('[部门]') == -1
+        ) {
+          this.form[label + 'Name'] = this.form[label + 'Name']
+            ? this.form[label + 'Name'] + '|' + '[部门]-' + obj[key].join(',')
+            : '' + '[部门]-' + obj[key].join(',');
+        }
+        if (
+          key === 'employee' &&
+          this.form[label + 'Name'].indexOf('[部门员工]') == -1
+        ) {
+          this.form[label + 'Name'] = this.form[label + 'Name']
+            ? this.form[label + 'Name'] +
+              '|' +
+              '[部门员工]-' +
+              obj[key].join(',')
+            : '' + '[部门员工]-' + obj[key].join(',');
+        }
+      }
+      // this.form[label + 'Name'] = obj.enterprise?;
+      this.form[label + 'SerialId'] = SerialId.join(',');
+      this.form[label + 'Json'] = JSON.stringify(res.list);
+    },
+    // 获取发起流程信息
+    getProcessObjNew() {
+      let that = this;
+      return new Promise(function(resolve, reiect) {
+        request({
+          url: that.baseUrl
+            ? that.baseUrl + getHandleInfoHtml
+            : getHandleInfoHtml,
+          params: {
+            pendingId: that.pendingId,
+            userId: that.userId
+          }
+        }).then(res => {
+          if (res.status == 'success') {
+            const {
+              data: {
+                nodeInfoMap,
+                choiceOrgId,
+                choiceDeptId,
+                pOrgId,
+                taskExamine,
+                currentOrgName,
+                otherOrgName,
+                defaultNotificationMessage,
+                defaultNotificationType
+              }
+            } = res;
+            that.currentOrgName = currentOrgName;
+            that.otherOrgName = otherOrgName;
+            that.taskExamineInfo = taskExamine;
+            that.form.isReturnSubmitter = taskExamine.isReturnSubmitter;
+            that.form.isUndertakeReply = taskExamine.isUndertakeReply;
+            that.form.isTakeAdviceReply = taskExamine.isTakeAdviceReply;
+            that.form.isUndertakeEnd = taskExamine.isUndertakeEnd;
+            that.form.isTakeAdviceEnd = taskExamine.isTakeAdviceEnd;
+            that.form.isReadDealReply = taskExamine.isReadDealReply;
+            that.form.isReadDealEnd = taskExamine.isReadDealEnd;
+            that.form.isReturnRejectNode = taskExamine.isReturnRejectNode;
+            that.form.isSerialSubmit = taskExamine.isSerialSubmit;
+            that.form.notificationMsg = defaultNotificationMessage;
+            defaultNotificationType &&
+              (that.defaultNotificationType = defaultNotificationType.split(
+                ','
+              ));
+            that.nodeInfoMapInfo = nodeInfoMap;
+            // that.defaultNextNode = nodeInfoMap.nodeExtAttr.defaultNextNode;
+            that.opinionHandleExplainText =
+              nodeInfoMap.nodeExtAttr.opinionHandleExplainText;
+            that.isCanAddSign = res.data.isCanAddSign;
+            if (that.isCanAddSign) {
+              that.form.isAddSign = '2';
+            }
+            that.isCanRemoveSign = res.data.isCanRemoveSign;
+            if (that.isCanRemoveSign) {
+              that.form.isRemoveSign = '2';
+            }
+            that.isSpecial = res.data.isSpecial;
+            that.processObj = res.data;
+            that.taskOperations = res.data.taskOperations;
+            if (that.taskOperations && that.taskOperations.length > 0) {
+              let isSelected = false;
+              that.taskOperations.map(item => {
+                if (item.isSelected || that.taskOperations.length == 1) {
+                  isSelected = true;
+                  if (that.taskOperations.length == 1) {
+                    that.form.nextOperate = that.taskOperations[0].key;
+                    that.form.nextOperateName = that.taskOperations[0].value;
+                    if (
+                      !that.taskOperations[0].taskNodeList ||
+                      that.taskOperations[0].taskNodeList.length === 0
+                    ) {
+                      that.form.nextNodeId = undefined;
+                      that.form.nextNodeName = undefined;
+                    } else {
+                      that.nodeList = that.taskOperations[0].taskNodeList;
+                      let info = [];
+                      that.nodeList.map((x, y) => {
+                        if (
+                          x.nodeId === nodeInfoMap.nodeExtAttr.defaultNextNode
+                        ) {
+                          info.push(x);
+                          that.nextNodeDefault = y;
+                        }
+                      });
+                      if (info.length == 0 && that.nodeList.length != 0)
+                        info = [that.nodeList[0]];
+                      if (info.length > 0) {
+                        that.form.nextNodeId = info[0].nodeId;
+                        that.form.nextNodeName = info[0].nodeName;
+                      }
+                      // that.form.nextNodeId = that.nodeList[0].nodeId;
+                      // that.form.nextNodeName = that.nodeList[0].nodeName;
+                    }
+                  } else {
+                    that.form.nextOperate = item.key;
+                    that.form.nextOperateName = item.value;
+                    if (!item.taskNodeList || item.taskNodeList.length === 0) {
+                      that.form.nextNodeId = undefined;
+                      that.form.nextNodeName = undefined;
+                    } else {
+                      that.nodeList = item.taskNodeList;
+                      let info = [];
+                      that.nodeList.map((x, y) => {
+                        if (
+                          x.nodeId === nodeInfoMap.nodeExtAttr.defaultNextNode
+                        ) {
+                          info.push(x);
+                          that.nextNodeDefault = y;
+                        }
+                      });
+                      if (info.length == 0 && that.nodeList.length != 0)
+                        info = [that.nodeList[0]];
+                      if (info.length > 0) {
+                        that.form.nextNodeId = info[0].nodeId;
+                        that.form.nextNodeName = info[0].nodeName;
+                      }
+                      // that.form.nextNodeId = that.nodeList[0].nodeId;
+                      // that.form.nextNodeName = that.nodeList[0].nodeName;
+                    }
+                  }
+                  if (item.key == 9) {
+                    that.isReject = true;
+                  }
+                  that.changeNextOperate(item, true);
+                }
+              });
+              if (!isSelected) {
+                that.form.nextOperate = that.taskOperations[0].key;
+                that.form.nextOperateName = that.taskOperations[0].value;
+                that.nodeList = that.taskOperations[0].taskNodeList || [];
+                if (that.nodeList && that.nodeList.length > 0) {
+                  that.form.nextNodeId = that.nodeList[0].nodeId;
+                  that.form.nextNodeName = that.nodeList[0].nodeName;
+                }
+              }
+            }
+            if (nodeInfoMap && JSON.stringify(nodeInfoMap) != '{}') {
+              that.needRetrialAuth = !!nodeInfoMap.nodeExtAttr
+                .isCurrentNodeSubmitNeedRetrialAuth;
+              if (nodeInfoMap.nodeExtAttr.nodeFixedOpinionSelectList) {
+                let notice = JSON.parse(
+                  nodeInfoMap.nodeExtAttr.nodeFixedOpinionSelectList
+                );
+                notice.map(x => {
+                  that.nodeFixedOpinionSelectList.push({ content: x });
+                });
+              }
+              that.isCurrentNodeForbiddenChangeCandidate =
+                nodeInfoMap.nodeExtAttr.isCurrentNodeForbiddenChangeCandidate;
+              that.isHiddenOftenOpinion =
+                nodeInfoMap.nodeExtAttr.isHiddenOftenOpinion;
+              that.nodeDefaultSubmitOpinion =
+                nodeInfoMap.nodeExtAttr.nodeDefaultSubmitOpinion;
+              that.isSubmitButtonShowAgreeAndDisagree =
+                nodeInfoMap.nodeExtAttr.isSubmitButtonShowAgreeAndDisagree;
+              that.isOpinionRequired =
+                nodeInfoMap.nodeExtAttr.isOpinionRequired;
+              // that.isChooseNextNode = nodeInfoMap.nodeExtAttr.isChooseNextNode;
+              that.isBanInputOpinion =
+                nodeInfoMap.nodeExtAttr.isBanInputOpinion;
+              that.isForceDisplayDefaultOptionForPrefix =
+                nodeInfoMap.nodeExtAttr.isForceDisplayDefaultOptionForPrefix ==
+                1;
+            }
+            that.choiceOrgId = choiceOrgId;
+            that.choiceDeptId = choiceDeptId;
+            that.pOrgId = pOrgId;
+            that.isEndUserTask = res.data.isEndUserTask;
+            if (!that.isOpinionRequired) {
+              that.isOpinionRequired = 0;
+            }
+            if (!that.isBanInputOpinion) {
+              that.isBanInputOpinion = 0;
+            }
+            // that.countersignaturetypeText = res.data.taskExamine.nodeName
+            if (res.data.taskExamine) {
+              that.countersignaturetypeText = res.data.taskExamine.nodeName;
+            }
+            that.countersignaturetypeCode =
+              res.data.countersignaturetypeCode !== 0 &&
+              res.data.countersignaturetypeCode != undefined
+                ? true
+                : false;
+            that.isMainSubProcess = res.data.isMainSubProcess == 'true';
+            that.isCustomPreset = res.data.isCustomPreset;
+            // form.isRemoveSign !== '1' &&
+            // form.isAddSign !== '1' &&
+            // nodeList &&
+            // nodeList.length > 0 &&
+            // isHiddenNextStepInfo
+            resolve();
+          } else {
+            that.$toast(res.message);
+            setTimeout(() => {
+              that.navigateBack();
+            }, 1000);
+            reiect();
+          }
+        });
+      });
+    },
+    getToStartTaskReadIndex() {
+      request({
+        url: this.baseUrl
+          ? this.baseUrl + toStartTaskReadHtml
+          : toStartTaskReadHtml,
+        params: { pendingId: this.pendingId, userId: this.userId }
+      })
+        .then(res => {
+          const {
+            status,
+            message,
+            data: { isCanFenyue, taskExamine }
+          } = res;
+          if (status === 'success') {
+            this.taskExamineInfo = taskExamine;
+            this.isCanFenyue = isCanFenyue;
+            // if (this.nodeName) {
+            this.processObj.taskExamine.nodeName = '分阅';
+            // }
+          } else {
+            this.$toast(message || '系统错误，请联系管理员！');
+          }
+          this.$toast.clear();
+        })
+        .catch(err => {
+          this.$toast.clear();
+          if (err.message && err.message !== 'canceled') {
+            this.$toast(err.message);
+          }
+        });
+    },
+    // 获取节点信息(获取节点属性及办理人)
+    getNodeObj(res) {
+      const _that = this;
+      request({
+        url: _that.baseUrl ? _that.baseUrl + getNodeInfoHtml : getNodeInfoHtml,
+        params: {
+          processDefinitionId: this.processObj.taskExamine.processDefinitionId,
+          nextNodeId: res,
+          taskId: this.processObj.taskExamine.taskId,
+          pendingId: this.pendingId,
+          businessId: this.taskExamineInfo.businessId,
+          userId: _that.userId
+        }
+      }).then(res => {
+        this.$toast.clear();
+        if (res.status == 'success') {
+          this.appointNotUserIds = res.data.appointNotUserIds;
+          this.handleRoleId = res.data.handleRoleId;
+          this.nextRole = res.data.nextRole;
+          this.filterCandinateIds = res.data.nodeExtAttr.filterCandinateIds;
+          this.selectorDefShowDeptId =
+            res.data.nodeExtAttr.selectorDefShowDeptId;
+          this.userSelectionType = res.data.nodeExtAttr.userSelectionType;
+          // this.changePidObjtype();
+          this.orgSelectionType = res.data.nodeExtAttr.orgSelectionType;
+          this.notificationType = res.data.nodeExtAttr.notificationType;
+          this.nodeType = res.data.nodeExtAttr.nodeType;
+          this.deptRoleCode = res.data.nodeExtAttr.deptRoleCode;
+          this.orgRoleCode = res.data.nodeExtAttr.orgRoleCode;
+          this.isCustomUser = res.data.nodeExtAttr.isCustomUser;
+          this.presetEdit = res.data.nodeExtAttr.presetEdit;
+          this.isLimitedTimeHandling =
+            res.data.nodeExtAttr.isLimitedTimeHandling;
+          this.peopleObj = res.data.nodeExtAttr;
+          this.nextUserList = res.data.nextUserList.filter(
+            x => x.userId && x.username
+          );
+          let _this = this;
+          this.nextUserList.map(r => {
+            _this.$set(r, 'checked', false);
+          });
+
+          this.isHandleExplain =
+            res.data.nodeExtAttr.isHandleExplain == 1 ? true : false; //判断是否隐藏办理说明
+          this.isCustomUserClick =
+            res.data.nodeExtAttr.isCustomUser == 1 ? true : false; // 判断办理人是否可点击显示弹框
+          this.isTaskread = res.data.nodeExtAttr.isTaskread == 1 ? true : false; // 判断是否显示分阅
+          this.countersignaturetypeCode =
+            res.data.countersignaturetypeCode !== 0 ? true : false; //判断是否隐藏处理方式
+          this.countersignaturetypeText = res.data.countersignaturetypeText;
+          //如果当前为承办节点/会签节点,则展示本单位外单位办理人选择
+          if (this.nodeType === 1 || this.nodeType === 2) {
+            this.isMainSubProcess === true
+              ? (this.isNodeShowProcess = true)
+              : (this.isNodeShowProcess = false);
+            this.isMainSubProcess === true
+              ? (this.isMainSubProcess = true)
+              : (this.isMainSubProcess = false);
+            this.isNextUser = false;
+            this.isHideCurrentOrg =
+              res.data.nodeExtAttr.isHideCurrentOrg == 1 ? false : true; //判断是否隐藏本单位
+            this.isHideOtherOrg =
+              res.data.nodeExtAttr.isHideOtherOrg == 1 ? false : true; //判断是否隐藏外单位
+          } else {
+            this.isHideCurrentOrg = false;
+            this.isHideOtherOrg = false;
+            this.isMainSubProcess = false;
+            this.isNodeShowProcess = false;
+            this.isNextUser = true;
+            // this.isMainSubProcess === true
+            //   ? (this.isMainSubProcess = true)
+            //   : (this.isMainSubProcess = false);
+          }
+          // userSelectionType 机构内单选人1,机构内多选人2,所有机构单选人3,所有部门多选人4,本部门单选人5,本部门多选人6,本单位单选部门7,本单位多选部门8,单选单位9,多选单位10,单选机构11,多选机构12,本部门角色13,本单位角色14
+          this.userSelectionType == 2 ||
+          this.userSelectionType == 4 ||
+          this.userSelectionType == 6 ||
+          this.userSelectionType == 8 ||
+          this.userSelectionType == 10 ||
+          this.userSelectionType == 11 ||
+          this.userSelectionType == 12
+            ? (this.isRadio = false)
+            : (this.isRadio = true); //判断办理人单选多选
+
+          if (
+            this.userSelectionType == 7 ||
+            this.userSelectionType == 8 ||
+            this.userSelectionType == 9 ||
+            this.userSelectionType == 10 ||
+            this.userSelectionType == 11 ||
+            this.userSelectionType == 12
+          ) {
+            this.isDealObject = true;
+            this.isNextUser = false;
+          }
+          if (this.userSelectionType == 13 || this.userSelectionType == 14) {
+            this.isNextUser = false;
+            this.isDealObject = false;
+            this.isDealRole = true;
+            this.nextUserflag = true;
+          }
+          this.isHiddenNextStepInfo =
+            res.data.nodeExtAttr.isHiddenNextStepInfo == 1 && this.nextUserflag
+              ? true
+              : false; // 判断是否隐藏下一步节点信息和接收人信息
+          if (res.data.globalNodeType === 'endEvent') {
+            this.isNextUser = false;
+            this.form.nextUserId = '流程办结';
+          } else {
+            this.nodeType != 1 &&
+              this.nodeType != 2 &&
+              (this.isNextUser = true); //判断是否是流程办结 办结下步办理人不显示
+          }
+          this.changeDefPeople(
+            res.data.nodeExtAttr.isDefSelectedObj,
+            res.data.nodeExtAttr.isSelectedAllObj
+          );
+          this.changePidObjtype(
+            res.data.nodeExtAttr.userSelectionType,
+            this.choiceOrgId,
+            this.choiceDeptId,
+            this.pOrgId
+          );
+        } else {
+          this.$toast(res.message);
+        }
+      });
+    },
+    // 修改默认办理人
+    changeDefPeople(def, all) {
+      this.nextUserSelectList = [];
+      if ((def == 1 && all == 1) || (def == 0 && all == 1)) {
+        let ids = '';
+        this.nextUserList.map((r, i) => {
+          r.showid = r.userId;
+          r.showname = r.username;
+          this.$set(r, 'checked', true);
+          this.nextUserSelectList.push(r);
+          ids += r.userId + (i === this.nextUserList.length - 1 ? '' : ',');
+        });
+        this.form.nextUserId = ids;
+      } else if (
+        def == 1 &&
+        (!all || all == 0) &&
+        this.nextUserList.length > 0
+      ) {
+        this.nextUserList[0].showid = this.nextUserList[0].userId;
+        this.nextUserList[0].showname = this.nextUserList[0].username;
+        this.$set(this.nextUserList[0], 'checked', true);
+        this.nextUserSelectList.push(this.nextUserList[0]);
+        this.form.nextUserId = this.nextUserSelectList[0].userId;
+      }
+    },
+    // 根据返回的办理人类型来判断 选择人员树的范围
+    changePidObjtype(val, choiceOrgId, choiceDeptId, pOrgId) {
+      if (val === 1 || val === 2) {
+        this.pid = choiceOrgId || this.orgId;
+        this.objType = 'enterprise';
+        this.selectType = 'employee';
+      } else if (this.userSelectionType === 3 || this.userSelectionType === 4) {
+        this.pid = 'root';
+        this.objType = 'employee';
+      } else if (this.userSelectionType === 5 || this.userSelectionType === 6) {
+        this.pid = choiceDeptId || this.depId;
+        this.objType = 'department';
+      } else if (
+        this.userSelectionType === 11 ||
+        this.userSelectionType === 12
+      ) {
+        this.selectType = 'employee';
+        this.objType = 'enterprise';
+      } else if (this.userSelectionType === 13) {
+        this.pid = choiceDeptId || this.depId;
+        this.selectType = 'employee';
+        this.objType = 'department';
+      } else if (this.userSelectionType === 14) {
+        this.pid = pOrgId || this.orgId;
+        this.selectType = 'employee';
+      } else if (
+        this.userSelectionType === 15 ||
+        this.userSelectionType === 16
+      ) {
+        this.pid = pOrgId || this.orgId;
+        this.selectType = 'employee';
+      }
+    }
+  }
+};
+</script>
+
+<style></style>