eoss-mobiles 0.4.0 → 0.4.2

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

@@ -1,2404 +1,2404 @@
-<template>
-  <div class="process-handle">
-    <StartFlow
-      v-if="showFreeStart"
-      @close="showFreeStart = false"
-      :defId="freeStartFlowParams.defId"
-      :businessId="
-        freeStartFlowParams.startFlowBusinessId || taskExamineInfo.businessId
-      "
-      :taskParams="taskParams"
-      :is-free-start-flow="
-        freeStartFlowParams.useScene === 'multiInsMidwayWithSubmitScene'
-      "
-      @closePop="showFreeStart = false"
-      @success="handleSuccess"
-      :opinion="form.opinion"
-      :hideMessage="hideMessage"
-      :flowLabelConfig="flowLabelConfig"
-      :copy-history="freeStartFlowParams.pendedHistoryHandle"
-      :formType="processFormType"
-      :orgId="orgId"
-      :depId="depId"
-    />
-    <div
-      v-else-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 && typeCode != 'endFlow'"
-          :opinionType="opinionType"
-          :paddingTop="paddingTop"
-          :esignLineWidth="
-            $attrs['esign-line-width'] || $attrs['esignLineWidth']
-          "
-          @onInputOpintion="onInputOpintion"
-          :isOpinionRequired="isOpinionRequired"
-          :disabled="isBanInputOpinion != 0"
-          :baseUrl="baseUrl"
-          :isForceDisplayDefaultOptionForPrefix="
-            isForceDisplayDefaultOptionForPrefix
-          "
-          @click="handlePop"
-          :showOpinionPop="showOpinionPop"
-          :pendingItemHandleDescription="pendingItemHandleDescription"
-          :oldOpinion="form.opinion"
-          :placeholder="
-            pendingItemHandleDescription || opinionHandleExplainText
-          "
-          :nodeDefaultSubmitOpinion="nodeDefaultSubmitOpinion"
-          :nodeFixedOpinionSelectList="nodeFixedOpinionSelectList"
-          :isHiddenOftenOpinion="isHiddenOftenOpinion == 1 ? false : true"
-        ></Opinion>
-        <!-- 审核内容 -->
-        <div
-          class="special-box input-box"
-          v-if="
-            typeCode != 'fenyue' &&
-            typeCode != 'endFlow' &&
-            (!endFlow ||
-              taskOperations.length > 1 ||
-              taskOperationShiftedNodeList)
-          "
-        >
-          <!-- 加签 -->
-          <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"
-              :isClosePopup="showSelectorPopup"
-              :paddingTop="paddingTop"
-              :objType="objType"
-              v-model="addSignUserSelectList"
-              @change="disposeAppUser($event, 'addSignUserSelectList')"
-              @selector-click="handleSelectorClick"
-            />
-            <em-input v-if="isCanPreAddSign" label="加签模式">
-              <template slot="input">
-                <em-radio-group
-                  v-model="form.addSignMode"
-                  direction="horizontal"
-                  :data="AddSignList"
-                />
-              </template>
-            </em-input>
-          </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
-                :isClosePopup="showSelectorPopup"
-                :baseUrl="apiBaseUrl"
-                :objType="objType"
-                @selector-click="handleSelectorClick"
-                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
-                    v-if="
-                      nextNodeCheckType == 'select' &&
-                      flowSelectType == 'picker'
-                    "
-                    title="下步节点"
-                    label="下步节点"
-                    required
-                    show-toolbar
-                    v-model="form.nextNodeName"
-                    label-width="100%"
-                    :columns="nodeList"
-                    value-key="nodeId"
-                    label-key="nodeName"
-                    @confirm="onConfirmNextNode"
-                  />
-                  <em-input
-                    v-else-if="
-                      nextNodeCheckType == 'select' && flowSelectType == 'popup'
-                    "
-                    label="下步节点"
-                    required
-                    :readonly="true"
-                    @click="showFlowSelect = true"
-                    label-position="top"
-                    right-icon="arrow"
-                  >
-                    <template slot="input">
-                      <div style="width: calc(100% - 40px)">
-                        {{ form.nextNodeName }}
-                      </div>
-                    </template>
-                  </em-input>
-                  <em-input
-                    v-else
-                    value="下步节点"
-                    label="下步节点"
-                    required
-                    class="em-flow-next-steps"
-                    :disabled="true"
-                    label-position="top"
-                  >
-                    <template slot="input">
-                      <em-radio-group
-                        v-model="form.nextNodeId"
-                        :data="nodeList"
-                        value-key="nodeId"
-                        label-key="nodeName"
-                        direction="horizontal"
-                        @change="onConfirmNextNode"
-                      />
-                    </template>
-                  </em-input>
-                </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"
-                  :isClosePopup="showSelectorPopup"
-                  required
-                  @selector-click="handleSelectorClick"
-                  :paddingTop="paddingTop"
-                  :nextUserList="nextUserList"
-                  :baseUrl="apiBaseUrl"
-                  tabs="employee,persongroup"
-                  :disabled="
-                    !isCustomUser || isCurrentNodeForbiddenChangeCandidate == 1
-                  "
-                  :selectDisabled="isCurrentNodeForbiddenChangeCandidate == 1"
-                  :placeholder="`请选择${
-                    flowLabelConfig.nextUser || '下步办理人'
-                  }`"
-                  :param="{
-                    pid: pid,
-                    onlyMyOrg: onlyMyOrg
-                  }"
-                  :label="`${flowLabelConfig.nextUser || '下步办理人'}`"
-                  @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
-                  :isClosePopup="showSelectorPopup"
-                  :isAllCheck="isAllCheck"
-                  :paddingTop="paddingTop"
-                  isDepartment
-                  @selector-click="handleSelectorClick"
-                  :objType="'enterprise'"
-                  :tabs="currentOrgSelectorTabs"
-                  :param="currentOrgSelectorParams"
-                  :disableds="currentOrgDisabledObjId"
-                  :baseUrl="apiBaseUrl"
-                  :isOtherUnit="false"
-                  :label="currentOrgName ? currentOrgName : '本单位'"
-                  @change="disposeAppUnit($event, 'nextCurrentOrgObjSelect')"
-                />
-              </div>
-              <!-- :nextUserList="nextUserList" -->
-              <!-- 外单位 -->
-              <!-- v-if="isHideOtherOrg" -->
-              <div class="item" v-if="isHideOtherOrg">
-                <em-selector
-                  v-model="nextOtherOrgObjSelect"
-                  multiple
-                  :isAllCheck="isAllCheck"
-                  :isClosePopup="showSelectorPopup"
-                  :paddingTop="paddingTop"
-                  @selector-click="handleSelectorClick"
-                  :objType="'enterprise'"
-                  :param="foreignOrgSelectorParams"
-                  :tabs="foreignOrgSelectorTabs"
-                  :baseUrl="apiBaseUrl"
-                  :disableds="otherOrgDisabledObjId"
-                  :isOtherUnit="true"
-                  isEnterprise
-                  :label="otherOrgName ? otherOrgName : '外单位'"
-                  @change="disposeAppUnit($event, 'nextOtherOrgObjSelect')"
-                />
-              </div>
-              <div class="item" v-if="enableCustomLimitTimeSetting">
-                <!-- <van-field
-                value="主办"
-                label="主办"
-                :disabled="true"
-                placeholder="请选择"
-              /> -->
-                <em-picker
-                  v-model="form.customLimitTime"
-                  v-if="!showCustomLimitTimeText"
-                  label="限时办理"
-                  title="限时办理"
-                  placeholder="请选择"
-                  sysAppCode="bpm_custom_limit_time"
-                  show-toolbar
-                >
-                  <template slot="button">
-                    <em-button
-                      size="small"
-                      type="primary"
-                      @click="
-                        () => {
-                          // form.customLimitTime = '';
-                          showCustomLimitTimeText = !showCustomLimitTimeText;
-                        }
-                      "
-                      >切换文本框</em-button
-                    >
-                  </template>
-                </em-picker>
-                <em-input
-                  v-else
-                  v-model="form.customLimitTime"
-                  center
-                  label="限时办理"
-                  clearable
-                  @change="changeCustomLimitTime"
-                  placeholder="请输入限时办理天数"
-                >
-                  <template slot="button">
-                    <em-button
-                      size="small"
-                      type="primary"
-                      @click="
-                        () => {
-                          // form.customLimitTime = '';
-                          showCustomLimitTimeText = !showCustomLimitTimeText;
-                        }
-                      "
-                      >切换选择框</em-button
-                    >
-                  </template>
-                </em-input>
-              </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
-                  v-model="form.handleExplain"
-                  value="办理说明"
-                  label="办理说明"
-                  placeholder="请输入办理说明"
-                />
-              </div>
-              <div
-                class="item"
-                v-if="
-                  currentNodeEnableItemHandleDescription &&
-                  nodeList &&
-                  nodeList.length != 0 &&
-                  isShowNode &&
-                  isNextUser
-                "
-              >
-                <van-field
-                  v-model="form.nextItemHandleDescription"
-                  value="办理说明"
-                  label="办理说明"
-                  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"
-                  @selector-click="handleSelectorClick"
-                  :objType="objType"
-                  :param="{
-                    pid: pid
-                  }"
-                  :isClosePopup="showSelectorPopup"
-                  :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>
-            <ProcessSetting
-              v-if="isCustomPreset && isPreset"
-              ref="processSetting"
-              :processDefinitionId="taskExamineInfo.processDefinitionId"
-              :nodeId="form.nextNodeId"
-              :hideMessage="hideMessage"
-              :flowLabelConfig="flowLabelConfig"
-              :taskId="processObj.taskExamine.taskId"
-              :pendingId="pendingId"
-              :businessId="taskExamineInfo.businessId"
-              :apiBaseUrl="apiBaseUrl"
-              :paddingTop="paddingTop"
-              :customPresetHintMessage="customPresetHintMessage"
-              :choiceOrgId="choiceOrgId"
-              :pOrgId="pOrgId"
-              :choiceDeptId="choiceDeptId"
-            />
-            <!-- 催办通知方式 -->
-            <div class="item-msg item-msg1" v-if="form.isLimitedTime === '1'">
-              <Message
-                ref="message"
-                :label="'催办通知方式'"
-                :code="msgCode"
-                onlyShowType
-                :baseUrl="baseUrl"
-                :pendingId="pendingId"
-                @onInputMsg="onInputMsgUrge"
-                :required="true"
-              ></Message>
-            </div>
-
-            <!-- 通知方式 -->
-            <div class="item-msg item-msg2" v-if="!hideMessage">
-              <Message
-                ref="message"
-                :code="msgCode"
-                :baseUrl="baseUrl"
-                :readOnlyNotificationType="readOnlyNotificationType"
-                :notificationMessageReadOnly="notificationMessageReadOnly"
-                :pendingId="pendingId"
-                :defaultNotificationType="defaultNotificationType"
-                :defaultNotificationMsg="form.notificationMsg"
-                @onInputMsg="onInputMsg"
-              ></Message>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        v-if="isSubmitButtonShowAgreeAndDisagree && showFlowBtn"
-        class="btn-list"
-      >
-        <div class="btn" @click="handleFlow = false">不同意</div>
-        <div class="btn" @click="onSubmit()">同意</div>
-      </div>
-      <div v-else-if="showFlowBtn" class="btn-list">
-        <div class="btn" @click="navigateBack">取消</div>
-        <div class="btn" @click="onSubmit()">
-          {{ submitButtonName || '确定' }}
-        </div>
-      </div>
-    </div>
-    <Reject
-      v-else
-      :pendingId="pendingId"
-      :before-submit="beforeSubmit"
-      :hideMessage="hideMessage"
-      :flowLabelConfig="flowLabelConfig"
-      @close="handleFlow = true"
-    />
-    <em-popup class="em-flow-popup" v-model="showDefList">
-      <div class="em-flow-popup-box">
-        <div class="em-flow-popup-box-top">
-          <div></div>
-          <span>发起流程 </span
-          ><van-icon name="cross" @click="showDefList = false" />
-        </div>
-        <div class="em-flow-popup-box-content">
-          <div
-            class="em-flow-popup-box-item"
-            v-for="item in flowDefList"
-            :key="item.defId"
-            @click="handleClickDefList(item)"
-          >
-            {{ item.defName }}
-          </div>
-        </div>
-      </div>
-    </em-popup>
-    <em-popup
-      lass="em-flow-popup"
-      v-model="showFlowSelect"
-      position="center"
-      style="width: 80%"
-    >
-      <div class="em-flow-popup-box">
-        <div class="em-flow-popup-box-top">
-          <div></div>
-          <span>下步节点 </span
-          ><van-icon name="cross" @click="showFlowSelect = false" />
-        </div>
-        <div class="em-flow-popup-box-content">
-          <div
-            class="em-flow-popup-box-item"
-            v-for="item in nodeList"
-            :key="item.nodeId"
-            @click="handleClickFlow(item)"
-          >
-            {{ item.nodeName }}
-          </div>
-        </div>
-      </div>
-    </em-popup>
-  </div>
-</template>
-
-<script>
-import {
-  getHandleInfoHtml,
-  toStartTaskReadHtml,
-  taskReadHtml,
-  taskReadWithHandwrittenOpinion,
-  getNodeInfoHtml,
-  taskHandleHtml,
-  taskHandleHtmlImg,
-  getProcessDefList,
-  getFreeStartFlowParams,
-  endFlowHtml
-} from '../../../../src/config/api.js';
-import request from '../../../../src/utils/http.js';
-import Opinion from './Opinion.vue';
-import Reject from './Reject.vue';
-import StartFlow from './StartFlow.vue';
-import Message from './Message.vue';
-import ProcessSetting from './ProcessSettings.vue';
-import FlowMix from '../flowMix';
-import $ from '../../../../src/utils/util';
-export default {
-  name: 'Handle',
-  inheritAttrs: false,
-  components: {
-    Opinion,
-    Reject,
-    ProcessSetting,
-    Message,
-    StartFlow
-  },
-  mixins: [FlowMix],
-  props: {
-    pendingId: String, //待办id
-    identityIds: String, //用户id
-    beforeSubmit: Function,
-    orgId: String, //单位id
-    depId: String, //部门id
-    baseUrl: String,
-    apiBaseUrl: String,
-    typeCode: String,
-    type: String,
-    showOpinionPop: {
-      type: Boolean,
-      default: false
-    },
-    paddingTop: {
-      type: [String, Number],
-      default: 0
-    },
-    msgCode: {
-      type: String,
-      default: 'notification_type'
-    },
-    isAllCheck: {
-      type: Boolean,
-      default: false
-    },
-    isPreset: {
-      type: Boolean,
-      default: false
-    },
-    esign: {
-      type: Boolean,
-      default: false
-    },
-    userId: {
-      type: String,
-      default: ''
-    },
-    onlyMyOrg: {
-      type: Boolean,
-      default: false
-    },
-    selectorParams: {
-      type: Object,
-      default: () => {}
-    },
-    flowLabelConfig: {
-      type: Object,
-      default: () => ({})
-    },
-    opinionType: {
-      type: String,
-      default: 'picker'
-    },
-    flowSelectType: {
-      type: String,
-      default: 'picker'
-    },
-    hideMessage: {
-      type: Boolean,
-      default: false
-    },
-    isClosePopup: {
-      type: Boolean,
-      default: false
-    }
-  },
-  watch: {
-    isClosePopup: {
-      handler(val) {
-        this.showSelectorPopup = !this.showSelectorPopup;
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  data() {
-    return {
-      AddSignList: [
-        { name: '前置加签', value: 'preAddSign' },
-        { name: '后置加签', value: 'postAddSign' }
-      ],
-
-      showFlowBtn: false,
-      endFlow: false,
-      submitButtonName: '',
-      showSelectorPopup: false,
-      showFlowSelect: false,
-      currentOrgSelectorParams: {},
-      currentOrgSelectorTabs: 'department,employee',
-      foreignOrgSelectorTabs: 'enterprise,filgroupobj',
-      foreignOrgSelectorParams: { roleid: '' },
-      otherOrgDisabledObjId: [],
-      currentOrgDisabledObjId: [],
-      currentNodeEnableItemHandleDescription: false,
-      pendingItemHandleDescription: '',
-      taskOperationShiftedNodeList: null,
-      oldNextOperate: '',
-      processFormType: 'freeStart',
-      nextNodeDefault: 0,
-      showDefList: false,
-      deptRoleCode: '',
-      readOnlyNotificationType: '',
-      notificationMessageReadOnly: false,
-      freeStartFlowParams: {}, //自由发起流程参数
-      taskParams: {},
-      isCanPreAddSign: false,
-      nextNodeCheckType: 'select',
-      showAppUnit: false, // 弹窗单位
-      handleFlow: true,
-      freeValid: true,
-      showFreeStart: false,
-      freeStartInfo: {},
-      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' }
-      ],
-      taskReadOpinionRequired: undefined,
-      form: {
-        addSignMode: 'postAddSign',
-        opinion: undefined, // 审批意见
-        isImageOpinion: 0,
-        isAddSign: undefined, //是否加签
-        customLimitTime: '', //限时天数
-        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: false, // 是否允许预设节点
-      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: {},
-      flowDefList: [],
-      file: '',
-      isEndUserTask: '',
-      tagKey: '',
-      pOrgId: '',
-      customPresetHintMessage: '',
-      enableCustomLimitTimeSetting: false,
-      showCustomLimitTimeText: false,
-      needRetrialAuth: false,
-      defaultNextNode: ''
-    };
-  },
-  created() {
-    // 获取用户信息
-    // 生成时间数组
-    this.currentOrgSelectorParams = {
-      pid: this.orgId,
-      only_filid: true,
-      onlyMyOrg: true
-    };
-    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: {
-    handlePop(val) {
-      this.$parent.$emit('opinion-change', val);
-    },
-    handleSelectorClick(val) {
-      this.$parent.$emit('selector-click', val);
-    },
-    handleClickFlow(val) {
-      console.log(val);
-      if (val.nodeId === this.form.nextNodeId)
-        return (this.showFlowSelect = false);
-      this.form.nextNodeId = val.nodeId;
-      this.form.nextNodeName = val.nodeName;
-      this.showFlowSelect = false;
-      this.onConfirmNextNode(val);
-    },
-    handleSuccess() {
-      this.$parent.$emit('success');
-    },
-    handleClickDefList(info) {
-      this.freeStartFlowParams.defId = info.defId;
-      this.showFreeStart = true;
-      this.showDefList = false;
-    },
-    getFlowDefList() {
-      let params = {
-        url: getProcessDefList,
-        params: {
-          flowTypeCode: this.freeStartFlowParams.flowTypeCode,
-          onlyFlag: false
-        }
-      };
-      request(params).then((res) => {
-        if (res.rCode == 0) {
-          this.flowDefList = res.results;
-          this.showDefList = true;
-        }
-      });
-    },
-    changeCustomLimitTime() {
-      const value = this.form.customLimitTime;
-      if (
-        (!Number(value) || value.indexOf('.') != -1 || Number(value) < 0) &&
-        value
-      ) {
-        this.$toast('请输入正确的天数');
-        this.form.customLimitTime = '';
-      }
-    },
-    getFreeStartParams() {
-      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;
-      }
-      const { businessId, processDefinitionId, nodeId } = this.taskExamineInfo;
-      let param = {
-        url: getFreeStartFlowParams,
-        params: {
-          businessId,
-          processDefinitionId,
-          pendingId: this.pendingId,
-          nodeId
-        }
-      };
-      this.$toast.loading({
-        message: '加载中...',
-        forbidClick: true,
-        loadingType: 'spinner',
-        overlay: true,
-        duration: 0
-      });
-      request(param).then((res) => {
-        this.$toast.clear();
-        if (res.rCode == 0 || res.status == 'success') {
-          this.freeStartFlowParams = res.results;
-          if (res.results.useScene === 'multiInsMidwayWithSubmitScene')
-            this.onSubmit(res.results.useScene);
-          if (!this.freeValid) return;
-          if (
-            (res.results.startFlowIndexProcessKeys &&
-              res.results.startFlowIndexProcessKeys.length == 0) ||
-            !res.results.startFlowIndexProcessKeys
-          )
-            return this.$toast('未找到流程定义!');
-          if (res.results.startFlowIndexProcessKeys.length == 1) {
-            this.freeStartFlowParams.defId =
-              res.results.startFlowIndexProcessKeys[0];
-            this.freeStartFlowParams.businessId =
-              res.results.startFlowBusinessId;
-            this.showFreeStart = true;
-          } else {
-            this.getFlowDefList();
-            // this.showFreeStartFlow = true;
-          }
-        } else {
-          this.$toast(res.message || '系统错误，请联系管理员！');
-        }
-      });
-    },
-    //限时办理时间确认
-    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;
-      if (this.taskReadOpinionRequired == 'true' && !this.form.opinion)
-        return this.$toast('分阅阅结必须输入意见!');
-      let params = {
-        businessId,
-        appId,
-        processDefinitionId,
-        pendingId,
-        opinion: this.form.opinion,
-        taskAction: 'complete',
-        mobileKey: $.getStorage('deviceId') || '123',
-        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 +
-            (this.form.isImageOpinion == 1
-              ? taskReadWithHandwrittenOpinion
-              : taskReadHtml)
-          : this.form.isImageOpinion == 1
-          ? taskReadWithHandwrittenOpinion
-          : 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 || '系统错误，请联系管理员！');
-            setTimeout(() => {
-              this.$parent.$emit('error');
-            }, 1000);
-          }
-        })
-        .catch((err) => {
-          this.loading.close();
-          if (err.message && err.message !== 'canceled') {
-            this.$toast(err.message);
-          }
-        });
-    },
-    endFlowSubmit() {
-      this.$toast.loading({
-        message: '加载中...',
-        forbidClick: true,
-        loadingType: 'spinner',
-        overlay: true,
-        duration: 0
-      });
-      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;
-      }
-      request({
-        url: this.baseUrl ? this.baseUrl + endFlowHtml : endFlowHtml,
-        headers: {
-          Accept: 'application/json,text/plain'
-        },
-        type: 'post',
-        params: {
-          pendingId: this.pendingId,
-          opinion: this.form.opinion,
-          mobileKey: $.getStorage('deviceId') || '123'
-        },
-        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 || '系统错误，请联系管理员！');
-            setTimeout(() => {
-              this.$parent.$emit('error');
-            }, 1000);
-          }
-        })
-        .catch((err) => {
-          this.loading.close();
-          if (err.message && err.message !== 'canceled') {
-            this.$toast(err.message);
-          }
-        });
-    },
-    // 提交流程
-    onSubmit(typeVal) {
-      if (this.typeCode == 'fenyue') return this.subRead();
-      if (this.typeCode == 'endFlow') return this.endFlowSubmit();
-      if (this.type == 'freeStart' && !typeVal)
-        return this.getFreeStartParams();
-      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(`请选择${this.flowLabelConfig.nextUser || '办理人'}`);
-        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.isHideOtherOrg) &&
-        !this.form.nextCurrentOrgObjJson &&
-        !this.form.nextOtherOrgObjJson &&
-        this.form.isAddSign != '1'
-      ) {
-        // this.$toast(`请选择${this.currentOrgName || '本单位'}`);
-        this.$toast(`请选择办理对象`);
-        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.oldNextOperate == 9) {
-        this.form.isReturnRejectNode = 1;
-        this.form.processDefinitionId =
-          this.processObj.taskExamine.processDefinitionId;
-      }
-      if (this.beforeSubmit) {
-        this.beforeSubmit(
-          { pendingId: this.pendingId, ...this.form, typeVal },
-          this.sendData
-        );
-        return;
-      }
-      this.sendData(typeVal);
-    },
-    sendData(typeVal) {
-      if (this.isMainSubProcess && typeof this.form.mainSubId == 'object') {
-        this.form.mainSubId = this.form.mainSubId.value;
-      }
-      if (this.isCustomPreset && this.isPreset && this.isSpecial) {
-        if (this.$refs.processSetting.active.length != 0) {
-          if (!this.$refs.processSetting.getValue()) return;
-          this.form.customPresetUserJson = this.$refs.processSetting.getValue();
-          this.form.isCustomPreset = true;
-          this.form.presetUserJson = JSON.stringify([]);
-        } else {
-          delete this.form.customPresetUserJson;
-          delete this.form.isCustomPreset;
-          delete this.form.presetUserJson;
-        }
-      }
-
-      const _that = this;
-      const {
-        isEndUserTask,
-        choiceOrgId,
-        choiceDeptId,
-        pOrgId,
-        taskExamineInfo,
-        needRetrialAuth,
-        nodeInfoMapInfo
-      } = this;
-      _that.form.isEndUserTask = isEndUserTask;
-      _that.form.choiceOrgId = choiceOrgId;
-      _that.form.customLimitTime =
-        typeof this.form.customLimitTime === 'object'
-          ? this.form.customLimitTime.cciValue
-          : this.form.customLimitTime;
-      _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.userId = 'u3a0bc559d4cf4f6ea47106ed7e76cae6';
-      _that.form.mobileKey = $.getStorage('deviceId') || '123';
-      _that.form.nextNodeId =
-        _that.form.nextOperate == 0 ||
-        _that.form.nextOperate == 1 ||
-        _that.oldNextOperate === 0 ||
-        _that.oldNextOperate === 1
-          ? _that.form.nextNodeId || nodeInfoMapInfo.nodeExtAttr.defaultNextNode
-          : '';
-      _that.form.nextOperate =
-        _that.oldNextOperate !== ''
-          ? _that.oldNextOperate
-          : _that.form.nextOperate;
-      if (!_that.isCanPreAddSign || _that.form.isAddSign != '1') {
-        delete _that.form.addSignMode;
-      }
-      if (!_that.enableCustomLimitTimeSetting) {
-        delete _that.form.customLimitTime;
-      }
-      if (!this.isSpecial) {
-        delete _that.form.nextUserId;
-      }
-      if (!_that.currentNodeEnableItemHandleDescription) {
-        delete _that.form.nextItemHandleDescription;
-      }
-      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]);
-        }
-      }
-      if (typeVal) {
-        _that.taskParams = _that.form;
-        _that.taskParams.pendingId = _that.pendingId;
-        return;
-      }
-      this.$toast.loading({
-        message: '加载中...',
-        forbidClick: true,
-        loadingType: 'spinner',
-        overlay: true,
-        duration: 0
-      });
-      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.$toast(res.message);
-          setTimeout(() => {
-            this.$parent.$emit('error');
-          }, 1000);
-        }
-      });
-    },
-    // 删除
-    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.isNextNode ? val.nextOperate : val.key;
-      this.form.nextOperateName = val.value;
-      this.nodeList = val.taskNodeList;
-      if (this.isSpecial) {
-        if (val.key == -1) {
-          this.form.isSerialSubmit = 1;
-          this.showFlowBtn = true;
-          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;
-          this.showFlowBtn = true;
-          return;
-        } else if (val.key == 3) {
-          this.form.isUndertakeReply = 1;
-          this.showFlowBtn = true;
-          return;
-        } else if (val.key == 4) {
-          this.form.isTakeAdviceReply = 1;
-          this.showFlowBtn = true;
-          return;
-        } else if (val.key == 5) {
-          this.form.isUndertakeEnd = 1;
-          this.showFlowBtn = true;
-          return;
-        } else if (val.key == 6) {
-          this.form.isTakeAdviceEnd = 1;
-          this.showFlowBtn = true;
-          return;
-        } else if (val.key == 7) {
-          this.form.isReadDealReply = 1;
-          this.showFlowBtn = true;
-          return;
-        } else if (val.key == 8) {
-          this.form.isReadDealEnd = 1;
-          this.showFlowBtn = true;
-          return;
-        } else if (val.key == 9) {
-          this.form.isReturnRejectNode = 1;
-          this.showFlowBtn = true;
-          return;
-        } else {
-        }
-      }
-      if (this.taskOperationShiftedNodeList && !val.isNextNode) {
-        this.nodeList = this.nodeList.filter(
-          (x) => this.taskOperationShiftedNodeList.indexOf(x.nodeId) == -1
-        );
-      }
-      if (val.isNextNode) {
-        this.oldNextOperate = val.nextOperate;
-      } else {
-        this.oldNextOperate = '';
-      }
-      if (val.isNextNode) {
-        this.nodeInfos = [];
-        this.form.nextNodeId = val.key;
-        this.form.nextNodeName = val.value;
-        this.$toast.loading({
-          message: '加载中...',
-          forbidClick: true,
-          loadingType: 'spinner',
-          overlay: true,
-          duration: 0
-        });
-
-        this.getNodeObj(this.form.nextNodeId);
-      } else {
-        this.showFlowBtn = true;
-      }
-      if (this.nodeList && this.nodeList.length > 0) {
-        let defNode = this.nodeList.filter(
-          (i) => i.nodeId === this.defaultNextNode
-        );
-        if (defNode.length > 0) {
-          this.form.nextNodeId = defNode[0].nodeId;
-          this.form.nextNodeName = defNode[0].nodeName;
-        } else {
-          this.form.nextNodeId = this.nodeList[0].nodeId;
-          this.form.nextNodeName = this.nodeList[0].nodeName;
-        }
-
-        this.$toast.loading({
-          message: '加载中...',
-          forbidClick: true,
-          loadingType: 'spinner',
-          overlay: true,
-          duration: 0
-        });
-
-        if (isDef !== true) this.getNodeObj(this.form.nextNodeId);
-      } else {
-        this.showFlowBtn = true;
-      }
-
-      this.showNextOperate = false;
-    },
-
-    // 确认流程节点操作
-    onConfirmNextNode(val) {
-      if (this.nextNodeCheckType === 'select') {
-        this.form.nextNodeId = val.nodeId;
-        this.form.nextNodeName = val.nodeName;
-      } else {
-        this.form.nextNodeId = val;
-      }
-      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,
-                opinion,
-                taskExamine,
-                customPresetHintMessage,
-                currentOrgName,
-                currentOrgSelectorParams,
-                isChoiceOtherOrgDept,
-                notificationMessageReadOnly,
-                readOnlyNotificationType,
-                otherOrgName,
-                nextNodeCheckType,
-                pendingItemHandleDescription,
-                defaultNotificationMessage,
-                defaultNotificationType,
-                taskOperationShiftedNodeList,
-                isCanPreAddSign
-              }
-            } = res;
-            if (opinion) {
-              that.form.opinion = opinion;
-            }
-            if (that.typeCode == 'endFlow') {
-              that.$toast.clear();
-              that.showFlowBtn = true;
-              that.processObj = res.data;
-              that.nodeDefaultSubmitOpinion =
-                nodeInfoMap.nodeExtAttr.nodeDefaultSubmitOpinion;
-              return;
-            }
-            if (
-              currentOrgSelectorParams &&
-              currentOrgSelectorParams.enableCurrentOrgConfig == 'true'
-            ) {
-              that.currentOrgSelectorTabs =
-                currentOrgSelectorParams.currentOrgType.split(',');
-              let currentOrgparams =
-                currentOrgSelectorParams.currentOrgRange.split(',');
-              that.currentOrgSelectorTabs.map((x, i) => {
-                that.currentOrgSelectorParams[x] = {
-                  pid:
-                    currentOrgparams[i] == 'my'
-                      ? choiceOrgId
-                      : currentOrgparams[i],
-                  only_filid: true,
-                  onlyMyOrg: true
-                };
-              });
-              that.currentOrgSelectorTabs =
-                that.currentOrgSelectorTabs.join(',');
-            }
-            if (
-              currentOrgSelectorParams &&
-              currentOrgSelectorParams.enableForeignOrgConfig == 'true'
-            ) {
-              that.foreignOrgSelectorTabs =
-                currentOrgSelectorParams.foreignOrgType.split(',');
-              let foreignOrgparams =
-                currentOrgSelectorParams.foreignOrgRange.split(',');
-              that.foreignOrgSelectorTabs.map((x, i) => {
-                that.foreignOrgSelectorParams[x] = {
-                  pid:
-                    foreignOrgparams[i] == 'my'
-                      ? choiceOrgId
-                      : foreignOrgparams[i] == 'other' ||
-                        foreignOrgparams[i] == 'nofilidorg'
-                      ? 'root'
-                      : foreignOrgparams[i],
-                  nofilid:
-                    foreignOrgparams[i] == 'nofilidorg'
-                      ? that.orgId || JSON.parse($.getStorage('userInfo')).orgId
-                      : foreignOrgparams[i] == 'other'
-                      ? 1
-                      : 0,
-                  myUserid: x == 'filgroup' ? $.getStorage('userId') : '',
-                  ...that.selectorParams
-                };
-              });
-              that.foreignOrgSelectorTabs =
-                that.foreignOrgSelectorTabs.join(',');
-            } else if (isChoiceOtherOrgDept == 'true') {
-              that.foreignOrgSelectorTabs = 'enterprise,department';
-              that.foreignOrgSelectorParams.pid = 'root';
-              that.foreignOrgSelectorParams.nofilid = 1;
-              that.foreignOrgSelectorParams = {
-                ...that.foreignOrgSelectorParams,
-                ...that.selectorParams
-              };
-              console.log(that.foreignOrgSelectorParams, 1);
-            } else {
-              that.foreignOrgSelectorTabs = 'enterprise';
-              that.foreignOrgSelectorParams.pid = 'root';
-              that.foreignOrgSelectorParams.nofilid = 1;
-              that.foreignOrgSelectorParams = {
-                ...that.foreignOrgSelectorParams,
-                ...that.selectorParams
-              };
-              console.log(that.foreignOrgSelectorParams, 2);
-            }
-            if (
-              taskOperationShiftedNodeList &&
-              taskOperationShiftedNodeList.length > 0
-            ) {
-              that.taskOperationShiftedNodeList = [];
-              taskOperationShiftedNodeList.map((x) => {
-                that.taskOperationShiftedNodeList.push(x.nodeId);
-                that.taskOperations.push({
-                  key: x.nodeId,
-                  value: x.nodeName,
-                  isNextNode: true,
-                  nextOperate: x.nextOperate
-                });
-              });
-            }
-            that.pendingItemHandleDescription = pendingItemHandleDescription;
-            nextNodeCheckType && (that.nextNodeCheckType = nextNodeCheckType);
-            that.customPresetHintMessage = customPresetHintMessage;
-            that.currentOrgName = currentOrgName;
-            that.notificationMessageReadOnly =
-              notificationMessageReadOnly == 'true';
-            that.readOnlyNotificationType = readOnlyNotificationType;
-            that.isCanPreAddSign = isCanPreAddSign;
-            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.hideMessage &&
-              (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,
-              ...that.taskOperations
-            ];
-            let isSelected = false;
-            let isSelectIndex = 0;
-            if (that.taskOperations && that.taskOperations.length > 0) {
-              that.taskOperations.map((item, index) => {
-                if (item.isSelected || that.taskOperations.length == 1) {
-                  isSelected = true;
-                  isSelectIndex = index;
-                  if (that.taskOperations.length == 1) {
-                    if (that.taskOperations[0].isNextNode) {
-                      that.form.nextOperate =
-                        that.taskOperations[0].nextOperate;
-                    } else {
-                      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.taskOperations[0].isNextNode
-                    ) {
-                      that.form.nextNodeId = undefined;
-                      that.form.nextNodeName = undefined;
-                    } else if (that.taskOperations[0].isNextNode) {
-                      that.form.nextNodeId = that.taskOperations[0].key;
-                      that.form.nextNodeName = that.taskOperations[0].value;
-                    } else {
-                      that.nodeList = that.taskOperations[0].taskNodeList;
-                      let info = [];
-                      that.nodeList.map((x) => {
-                        if (
-                          x.nodeId === nodeInfoMap.nodeExtAttr.defaultNextNode
-                        ) {
-                          info.push(x);
-                          that.nextNodeDefault =
-                            nodeInfoMap.nodeExtAttr.defaultNextNode;
-                        }
-                      });
-                      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 =
-                            nodeInfoMap.nodeExtAttr.defaultNextNode;
-                        }
-                      });
-                      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;
-                  }
-                }
-              });
-
-              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;
-                }
-              }
-              that.tagKey = that.form.nextOperate;
-            }
-            that.changeNextOperate(
-              {
-                value: that.form.nextOperateName,
-                key: that.taskOperations[isSelectIndex].key,
-                nextOperate: that.taskOperations[isSelectIndex].nextOperate,
-                isNextNode: that.taskOperations[isSelectIndex].isNextNode,
-                taskNodeList: that.nodeList
-              },
-              true
-            );
-            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.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();
-              that.$parent.$emit('error');
-            }, 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,
-              taskReadOpinionRequired,
-              submitButtonName
-            }
-          } = res;
-          this.showFlowBtn = true;
-          if (status === 'success') {
-            this.taskExamineInfo = taskExamine;
-            this.isCanFenyue = isCanFenyue == 1;
-            this.taskReadOpinionRequired = taskReadOpinionRequired == 'true';
-            // if (this.nodeName) {
-            this.processObj.taskExamine.nodeName = '分阅';
-            this.submitButtonName = submitButtonName;
-            // }
-          } else {
-            this.$toast(message || '系统错误，请联系管理员！');
-          }
-          this.$toast.clear();
-        })
-        .catch((err) => {
-          this.$toast.clear();
-
-          this.showFlowBtn = true;
-          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();
-        this.showFlowBtn = true;
-        if (res.status == 'success') {
-          _that.isCurrentNodeForbiddenChangeCandidate =
-            res.data.nodeExtAttr.isCurrentNodeForbiddenChangeCandidate;
-          _that.currentNodeEnableItemHandleDescription =
-            res.data.nodeExtAttr.currentNodeEnableItemHandleDescription == 1;
-          _that.deptRoleCode = res.data.nodeExtAttr.deptRoleCode;
-          _that.enableCustomLimitTimeSetting =
-            res.data.nodeExtAttr.enableCustomLimitTimeSetting == 1;
-          if (
-            _that.enableCustomLimitTimeSetting &&
-            res.data.nodeMoreInfo &&
-            res.data.nodeMoreInfo.defaultCustomLimitDays
-          ) {
-            _that.form.customLimitTime =
-              res.data.nodeMoreInfo.defaultCustomLimitDays + '';
-          }
-          if (
-            res.data.nodeMoreInfo &&
-            res.data.nodeMoreInfo
-              .chooseCurrentOrgUserCandidateNeedForbiddenSubDept === true
-          ) {
-            _that.onlyMyOrg = true;
-          }
-          res.data.otherOrgDisabledObjId &&
-            (this.otherOrgDisabledObjId =
-              res.data.otherOrgDisabledObjId.split(','));
-          res.data.currentOrgDisabledObjId &&
-            (this.currentOrgDisabledObjId =
-              res.data.currentOrgDisabledObjId.split(','));
-          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);
-          });
-          _that.currentOrgSelectorParams.roleid = _that.deptRoleCode;
-          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;
-            _that.endFlow = true;
-            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">
+    <StartFlow
+      v-if="showFreeStart"
+      @close="showFreeStart = false"
+      :defId="freeStartFlowParams.defId"
+      :businessId="
+        freeStartFlowParams.startFlowBusinessId || taskExamineInfo.businessId
+      "
+      :taskParams="taskParams"
+      :is-free-start-flow="
+        freeStartFlowParams.useScene === 'multiInsMidwayWithSubmitScene'
+      "
+      @closePop="showFreeStart = false"
+      @success="handleSuccess"
+      :opinion="form.opinion"
+      :hideMessage="hideMessage"
+      :flowLabelConfig="flowLabelConfig"
+      :copy-history="freeStartFlowParams.pendedHistoryHandle"
+      :formType="processFormType"
+      :orgId="orgId"
+      :depId="depId"
+    />
+    <div
+      v-else-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 && typeCode != 'endFlow'"
+          :opinionType="opinionType"
+          :paddingTop="paddingTop"
+          :esignLineWidth="
+            $attrs['esign-line-width'] || $attrs['esignLineWidth']
+          "
+          @onInputOpintion="onInputOpintion"
+          :isOpinionRequired="isOpinionRequired"
+          :disabled="isBanInputOpinion != 0"
+          :baseUrl="baseUrl"
+          :isForceDisplayDefaultOptionForPrefix="
+            isForceDisplayDefaultOptionForPrefix
+          "
+          @click="handlePop"
+          :showOpinionPop="showOpinionPop"
+          :pendingItemHandleDescription="pendingItemHandleDescription"
+          :oldOpinion="form.opinion"
+          :placeholder="
+            pendingItemHandleDescription || opinionHandleExplainText
+          "
+          :nodeDefaultSubmitOpinion="nodeDefaultSubmitOpinion"
+          :nodeFixedOpinionSelectList="nodeFixedOpinionSelectList"
+          :isHiddenOftenOpinion="isHiddenOftenOpinion == 1 ? false : true"
+        ></Opinion>
+        <!-- 审核内容 -->
+        <div
+          class="special-box input-box"
+          v-if="
+            typeCode != 'fenyue' &&
+            typeCode != 'endFlow' &&
+            (!endFlow ||
+              taskOperations.length > 1 ||
+              taskOperationShiftedNodeList)
+          "
+        >
+          <!-- 加签 -->
+          <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"
+              :isClosePopup="showSelectorPopup"
+              :paddingTop="paddingTop"
+              :objType="objType"
+              v-model="addSignUserSelectList"
+              @change="disposeAppUser($event, 'addSignUserSelectList')"
+              @selector-click="handleSelectorClick"
+            />
+            <em-input v-if="isCanPreAddSign" label="加签模式">
+              <template slot="input">
+                <em-radio-group
+                  v-model="form.addSignMode"
+                  direction="horizontal"
+                  :data="AddSignList"
+                />
+              </template>
+            </em-input>
+          </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
+                :isClosePopup="showSelectorPopup"
+                :baseUrl="apiBaseUrl"
+                :objType="objType"
+                @selector-click="handleSelectorClick"
+                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
+                    v-if="
+                      nextNodeCheckType == 'select' &&
+                      flowSelectType == 'picker'
+                    "
+                    title="下步节点"
+                    label="下步节点"
+                    required
+                    show-toolbar
+                    v-model="form.nextNodeName"
+                    label-width="100%"
+                    :columns="nodeList"
+                    value-key="nodeId"
+                    label-key="nodeName"
+                    @confirm="onConfirmNextNode"
+                  />
+                  <em-input
+                    v-else-if="
+                      nextNodeCheckType == 'select' && flowSelectType == 'popup'
+                    "
+                    label="下步节点"
+                    required
+                    :readonly="true"
+                    @click="showFlowSelect = true"
+                    label-position="top"
+                    right-icon="arrow"
+                  >
+                    <template slot="input">
+                      <div style="width: calc(100% - 40px)">
+                        {{ form.nextNodeName }}
+                      </div>
+                    </template>
+                  </em-input>
+                  <em-input
+                    v-else
+                    value="下步节点"
+                    label="下步节点"
+                    required
+                    class="em-flow-next-steps"
+                    :disabled="true"
+                    label-position="top"
+                  >
+                    <template slot="input">
+                      <em-radio-group
+                        v-model="form.nextNodeId"
+                        :data="nodeList"
+                        value-key="nodeId"
+                        label-key="nodeName"
+                        direction="horizontal"
+                        @change="onConfirmNextNode"
+                      />
+                    </template>
+                  </em-input>
+                </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"
+                  :isClosePopup="showSelectorPopup"
+                  required
+                  @selector-click="handleSelectorClick"
+                  :paddingTop="paddingTop"
+                  :nextUserList="nextUserList"
+                  :baseUrl="apiBaseUrl"
+                  tabs="employee,persongroup"
+                  :disabled="
+                    !isCustomUser || isCurrentNodeForbiddenChangeCandidate == 1
+                  "
+                  :selectDisabled="isCurrentNodeForbiddenChangeCandidate == 1"
+                  :placeholder="`请选择${
+                    flowLabelConfig.nextUser || '下步办理人'
+                  }`"
+                  :param="{
+                    pid: pid,
+                    onlyMyOrg: onlyMyOrg
+                  }"
+                  :label="`${flowLabelConfig.nextUser || '下步办理人'}`"
+                  @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
+                  :isClosePopup="showSelectorPopup"
+                  :isAllCheck="isAllCheck"
+                  :paddingTop="paddingTop"
+                  isDepartment
+                  @selector-click="handleSelectorClick"
+                  :objType="'enterprise'"
+                  :tabs="currentOrgSelectorTabs"
+                  :param="currentOrgSelectorParams"
+                  :disableds="currentOrgDisabledObjId"
+                  :baseUrl="apiBaseUrl"
+                  :isOtherUnit="false"
+                  :label="currentOrgName ? currentOrgName : '本单位'"
+                  @change="disposeAppUnit($event, 'nextCurrentOrgObjSelect')"
+                />
+              </div>
+              <!-- :nextUserList="nextUserList" -->
+              <!-- 外单位 -->
+              <!-- v-if="isHideOtherOrg" -->
+              <div class="item" v-if="isHideOtherOrg">
+                <em-selector
+                  v-model="nextOtherOrgObjSelect"
+                  multiple
+                  :isAllCheck="isAllCheck"
+                  :isClosePopup="showSelectorPopup"
+                  :paddingTop="paddingTop"
+                  @selector-click="handleSelectorClick"
+                  :objType="'enterprise'"
+                  :param="foreignOrgSelectorParams"
+                  :tabs="foreignOrgSelectorTabs"
+                  :baseUrl="apiBaseUrl"
+                  :disableds="otherOrgDisabledObjId"
+                  :isOtherUnit="true"
+                  isEnterprise
+                  :label="otherOrgName ? otherOrgName : '外单位'"
+                  @change="disposeAppUnit($event, 'nextOtherOrgObjSelect')"
+                />
+              </div>
+              <div class="item" v-if="enableCustomLimitTimeSetting">
+                <!-- <van-field
+                value="主办"
+                label="主办"
+                :disabled="true"
+                placeholder="请选择"
+              /> -->
+                <em-picker
+                  v-model="form.customLimitTime"
+                  v-if="!showCustomLimitTimeText"
+                  label="限时办理"
+                  title="限时办理"
+                  placeholder="请选择"
+                  sysAppCode="bpm_custom_limit_time"
+                  show-toolbar
+                >
+                  <template slot="button">
+                    <em-button
+                      size="small"
+                      type="primary"
+                      @click="
+                        () => {
+                          // form.customLimitTime = '';
+                          showCustomLimitTimeText = !showCustomLimitTimeText;
+                        }
+                      "
+                      >切换文本框</em-button
+                    >
+                  </template>
+                </em-picker>
+                <em-input
+                  v-else
+                  v-model="form.customLimitTime"
+                  center
+                  label="限时办理"
+                  clearable
+                  @change="changeCustomLimitTime"
+                  placeholder="请输入限时办理天数"
+                >
+                  <template slot="button">
+                    <em-button
+                      size="small"
+                      type="primary"
+                      @click="
+                        () => {
+                          // form.customLimitTime = '';
+                          showCustomLimitTimeText = !showCustomLimitTimeText;
+                        }
+                      "
+                      >切换选择框</em-button
+                    >
+                  </template>
+                </em-input>
+              </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
+                  v-model="form.handleExplain"
+                  value="办理说明"
+                  label="办理说明"
+                  placeholder="请输入办理说明"
+                />
+              </div>
+              <div
+                class="item"
+                v-if="
+                  currentNodeEnableItemHandleDescription &&
+                  nodeList &&
+                  nodeList.length != 0 &&
+                  isShowNode &&
+                  isNextUser
+                "
+              >
+                <van-field
+                  v-model="form.nextItemHandleDescription"
+                  value="办理说明"
+                  label="办理说明"
+                  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"
+                  @selector-click="handleSelectorClick"
+                  :objType="objType"
+                  :param="{
+                    pid: pid
+                  }"
+                  :isClosePopup="showSelectorPopup"
+                  :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>
+            <ProcessSetting
+              v-if="isCustomPreset && isPreset"
+              ref="processSetting"
+              :processDefinitionId="taskExamineInfo.processDefinitionId"
+              :nodeId="form.nextNodeId"
+              :hideMessage="hideMessage"
+              :flowLabelConfig="flowLabelConfig"
+              :taskId="processObj.taskExamine.taskId"
+              :pendingId="pendingId"
+              :businessId="taskExamineInfo.businessId"
+              :apiBaseUrl="apiBaseUrl"
+              :paddingTop="paddingTop"
+              :customPresetHintMessage="customPresetHintMessage"
+              :choiceOrgId="choiceOrgId"
+              :pOrgId="pOrgId"
+              :choiceDeptId="choiceDeptId"
+            />
+            <!-- 催办通知方式 -->
+            <div class="item-msg item-msg1" v-if="form.isLimitedTime === '1'">
+              <Message
+                ref="message"
+                :label="'催办通知方式'"
+                :code="msgCode"
+                onlyShowType
+                :baseUrl="baseUrl"
+                :pendingId="pendingId"
+                @onInputMsg="onInputMsgUrge"
+                :required="true"
+              ></Message>
+            </div>
+
+            <!-- 通知方式 -->
+            <div class="item-msg item-msg2" v-if="!hideMessage">
+              <Message
+                ref="message"
+                :code="msgCode"
+                :baseUrl="baseUrl"
+                :readOnlyNotificationType="readOnlyNotificationType"
+                :notificationMessageReadOnly="notificationMessageReadOnly"
+                :pendingId="pendingId"
+                :defaultNotificationType="defaultNotificationType"
+                :defaultNotificationMsg="form.notificationMsg"
+                @onInputMsg="onInputMsg"
+              ></Message>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        v-if="isSubmitButtonShowAgreeAndDisagree && showFlowBtn"
+        class="btn-list"
+      >
+        <div class="btn" @click="handleFlow = false">不同意</div>
+        <div class="btn" @click="onSubmit()">同意</div>
+      </div>
+      <div v-else-if="showFlowBtn" class="btn-list">
+        <div class="btn" @click="navigateBack">取消</div>
+        <div class="btn" @click="onSubmit()">
+          {{ submitButtonName || '确定' }}
+        </div>
+      </div>
+    </div>
+    <Reject
+      v-else
+      :pendingId="pendingId"
+      :before-submit="beforeSubmit"
+      :hideMessage="hideMessage"
+      :flowLabelConfig="flowLabelConfig"
+      @close="handleFlow = true"
+    />
+    <em-popup class="em-flow-popup" v-model="showDefList">
+      <div class="em-flow-popup-box">
+        <div class="em-flow-popup-box-top">
+          <div></div>
+          <span>发起流程 </span
+          ><van-icon name="cross" @click="showDefList = false" />
+        </div>
+        <div class="em-flow-popup-box-content">
+          <div
+            class="em-flow-popup-box-item"
+            v-for="item in flowDefList"
+            :key="item.defId"
+            @click="handleClickDefList(item)"
+          >
+            {{ item.defName }}
+          </div>
+        </div>
+      </div>
+    </em-popup>
+    <em-popup
+      lass="em-flow-popup"
+      v-model="showFlowSelect"
+      position="center"
+      style="width: 80%"
+    >
+      <div class="em-flow-popup-box">
+        <div class="em-flow-popup-box-top">
+          <div></div>
+          <span>下步节点 </span
+          ><van-icon name="cross" @click="showFlowSelect = false" />
+        </div>
+        <div class="em-flow-popup-box-content">
+          <div
+            class="em-flow-popup-box-item"
+            v-for="item in nodeList"
+            :key="item.nodeId"
+            @click="handleClickFlow(item)"
+          >
+            {{ item.nodeName }}
+          </div>
+        </div>
+      </div>
+    </em-popup>
+  </div>
+</template>
+
+<script>
+import {
+  getHandleInfoHtml,
+  toStartTaskReadHtml,
+  taskReadHtml,
+  taskReadWithHandwrittenOpinion,
+  getNodeInfoHtml,
+  taskHandleHtml,
+  taskHandleHtmlImg,
+  getProcessDefList,
+  getFreeStartFlowParams,
+  endFlowHtml
+} from '../../../../src/config/api.js';
+import request from '../../../../src/utils/http.js';
+import Opinion from './Opinion.vue';
+import Reject from './Reject.vue';
+import StartFlow from './StartFlow.vue';
+import Message from './Message.vue';
+import ProcessSetting from './ProcessSettings.vue';
+import FlowMix from '../flowMix';
+import $ from '../../../../src/utils/util';
+export default {
+  name: 'Handle',
+  inheritAttrs: false,
+  components: {
+    Opinion,
+    Reject,
+    ProcessSetting,
+    Message,
+    StartFlow
+  },
+  mixins: [FlowMix],
+  props: {
+    pendingId: String, //待办id
+    identityIds: String, //用户id
+    beforeSubmit: Function,
+    orgId: String, //单位id
+    depId: String, //部门id
+    baseUrl: String,
+    apiBaseUrl: String,
+    typeCode: String,
+    type: String,
+    showOpinionPop: {
+      type: Boolean,
+      default: false
+    },
+    paddingTop: {
+      type: [String, Number],
+      default: 0
+    },
+    msgCode: {
+      type: String,
+      default: 'notification_type'
+    },
+    isAllCheck: {
+      type: Boolean,
+      default: false
+    },
+    isPreset: {
+      type: Boolean,
+      default: false
+    },
+    esign: {
+      type: Boolean,
+      default: false
+    },
+    userId: {
+      type: String,
+      default: ''
+    },
+    onlyMyOrg: {
+      type: Boolean,
+      default: false
+    },
+    selectorParams: {
+      type: Object,
+      default: () => {}
+    },
+    flowLabelConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    opinionType: {
+      type: String,
+      default: 'picker'
+    },
+    flowSelectType: {
+      type: String,
+      default: 'picker'
+    },
+    hideMessage: {
+      type: Boolean,
+      default: false
+    },
+    isClosePopup: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    isClosePopup: {
+      handler(val) {
+        this.showSelectorPopup = !this.showSelectorPopup;
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      AddSignList: [
+        { name: '前置加签', value: 'preAddSign' },
+        { name: '后置加签', value: 'postAddSign' }
+      ],
+
+      showFlowBtn: false,
+      endFlow: false,
+      submitButtonName: '',
+      showSelectorPopup: false,
+      showFlowSelect: false,
+      currentOrgSelectorParams: {},
+      currentOrgSelectorTabs: 'department,employee',
+      foreignOrgSelectorTabs: 'enterprise,filgroupobj',
+      foreignOrgSelectorParams: { roleid: '' },
+      otherOrgDisabledObjId: [],
+      currentOrgDisabledObjId: [],
+      currentNodeEnableItemHandleDescription: false,
+      pendingItemHandleDescription: '',
+      taskOperationShiftedNodeList: null,
+      oldNextOperate: '',
+      processFormType: 'freeStart',
+      nextNodeDefault: 0,
+      showDefList: false,
+      deptRoleCode: '',
+      readOnlyNotificationType: '',
+      notificationMessageReadOnly: false,
+      freeStartFlowParams: {}, //自由发起流程参数
+      taskParams: {},
+      isCanPreAddSign: false,
+      nextNodeCheckType: 'select',
+      showAppUnit: false, // 弹窗单位
+      handleFlow: true,
+      freeValid: true,
+      showFreeStart: false,
+      freeStartInfo: {},
+      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' }
+      ],
+      taskReadOpinionRequired: undefined,
+      form: {
+        addSignMode: 'postAddSign',
+        opinion: undefined, // 审批意见
+        isImageOpinion: 0,
+        isAddSign: undefined, //是否加签
+        customLimitTime: '', //限时天数
+        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: false, // 是否允许预设节点
+      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: {},
+      flowDefList: [],
+      file: '',
+      isEndUserTask: '',
+      tagKey: '',
+      pOrgId: '',
+      customPresetHintMessage: '',
+      enableCustomLimitTimeSetting: false,
+      showCustomLimitTimeText: false,
+      needRetrialAuth: false,
+      defaultNextNode: ''
+    };
+  },
+  created() {
+    // 获取用户信息
+    // 生成时间数组
+    this.currentOrgSelectorParams = {
+      pid: this.orgId,
+      only_filid: true,
+      onlyMyOrg: true
+    };
+    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: {
+    handlePop(val) {
+      this.$parent.$emit('opinion-change', val);
+    },
+    handleSelectorClick(val) {
+      this.$parent.$emit('selector-click', val);
+    },
+    handleClickFlow(val) {
+      console.log(val);
+      if (val.nodeId === this.form.nextNodeId)
+        return (this.showFlowSelect = false);
+      this.form.nextNodeId = val.nodeId;
+      this.form.nextNodeName = val.nodeName;
+      this.showFlowSelect = false;
+      this.onConfirmNextNode(val);
+    },
+    handleSuccess() {
+      this.$parent.$emit('success');
+    },
+    handleClickDefList(info) {
+      this.freeStartFlowParams.defId = info.defId;
+      this.showFreeStart = true;
+      this.showDefList = false;
+    },
+    getFlowDefList() {
+      let params = {
+        url: getProcessDefList,
+        params: {
+          flowTypeCode: this.freeStartFlowParams.flowTypeCode,
+          onlyFlag: false
+        }
+      };
+      request(params).then((res) => {
+        if (res.rCode == 0) {
+          this.flowDefList = res.results;
+          this.showDefList = true;
+        }
+      });
+    },
+    changeCustomLimitTime() {
+      const value = this.form.customLimitTime;
+      if (
+        (!Number(value) || value.indexOf('.') != -1 || Number(value) < 0) &&
+        value
+      ) {
+        this.$toast('请输入正确的天数');
+        this.form.customLimitTime = '';
+      }
+    },
+    getFreeStartParams() {
+      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;
+      }
+      const { businessId, processDefinitionId, nodeId } = this.taskExamineInfo;
+      let param = {
+        url: getFreeStartFlowParams,
+        params: {
+          businessId,
+          processDefinitionId,
+          pendingId: this.pendingId,
+          nodeId
+        }
+      };
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      request(param).then((res) => {
+        this.$toast.clear();
+        if (res.rCode == 0 || res.status == 'success') {
+          this.freeStartFlowParams = res.results;
+          if (res.results.useScene === 'multiInsMidwayWithSubmitScene')
+            this.onSubmit(res.results.useScene);
+          if (!this.freeValid) return;
+          if (
+            (res.results.startFlowIndexProcessKeys &&
+              res.results.startFlowIndexProcessKeys.length == 0) ||
+            !res.results.startFlowIndexProcessKeys
+          )
+            return this.$toast('未找到流程定义!');
+          if (res.results.startFlowIndexProcessKeys.length == 1) {
+            this.freeStartFlowParams.defId =
+              res.results.startFlowIndexProcessKeys[0];
+            this.freeStartFlowParams.businessId =
+              res.results.startFlowBusinessId;
+            this.showFreeStart = true;
+          } else {
+            this.getFlowDefList();
+            // this.showFreeStartFlow = true;
+          }
+        } else {
+          this.$toast(res.message || '系统错误，请联系管理员！');
+        }
+      });
+    },
+    //限时办理时间确认
+    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;
+      if (this.taskReadOpinionRequired == 'true' && !this.form.opinion)
+        return this.$toast('分阅阅结必须输入意见!');
+      let params = {
+        businessId,
+        appId,
+        processDefinitionId,
+        pendingId,
+        opinion: this.form.opinion,
+        taskAction: 'complete',
+        mobileKey: $.getStorage('deviceId') || '123',
+        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 +
+            (this.form.isImageOpinion == 1
+              ? taskReadWithHandwrittenOpinion
+              : taskReadHtml)
+          : this.form.isImageOpinion == 1
+          ? taskReadWithHandwrittenOpinion
+          : 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 || '系统错误，请联系管理员！');
+            setTimeout(() => {
+              this.$parent.$emit('error');
+            }, 1000);
+          }
+        })
+        .catch((err) => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$toast(err.message);
+          }
+        });
+    },
+    endFlowSubmit() {
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      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;
+      }
+      request({
+        url: this.baseUrl ? this.baseUrl + endFlowHtml : endFlowHtml,
+        headers: {
+          Accept: 'application/json,text/plain'
+        },
+        type: 'post',
+        params: {
+          pendingId: this.pendingId,
+          opinion: this.form.opinion,
+          mobileKey: $.getStorage('deviceId') || '123'
+        },
+        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 || '系统错误，请联系管理员！');
+            setTimeout(() => {
+              this.$parent.$emit('error');
+            }, 1000);
+          }
+        })
+        .catch((err) => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$toast(err.message);
+          }
+        });
+    },
+    // 提交流程
+    onSubmit(typeVal) {
+      if (this.typeCode == 'fenyue') return this.subRead();
+      if (this.typeCode == 'endFlow') return this.endFlowSubmit();
+      if (this.type == 'freeStart' && !typeVal)
+        return this.getFreeStartParams();
+      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(`请选择${this.flowLabelConfig.nextUser || '办理人'}`);
+        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.isHideOtherOrg) &&
+        !this.form.nextCurrentOrgObjJson &&
+        !this.form.nextOtherOrgObjJson &&
+        this.form.isAddSign != '1'
+      ) {
+        // this.$toast(`请选择${this.currentOrgName || '本单位'}`);
+        this.$toast(`请选择办理对象`);
+        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.oldNextOperate == 9) {
+        this.form.isReturnRejectNode = 1;
+        this.form.processDefinitionId =
+          this.processObj.taskExamine.processDefinitionId;
+      }
+      if (this.beforeSubmit) {
+        this.beforeSubmit(
+          { pendingId: this.pendingId, ...this.form, typeVal },
+          this.sendData
+        );
+        return;
+      }
+      this.sendData(typeVal);
+    },
+    sendData(typeVal) {
+      if (this.isMainSubProcess && typeof this.form.mainSubId == 'object') {
+        this.form.mainSubId = this.form.mainSubId.value;
+      }
+      if (this.isCustomPreset && this.isPreset && this.isSpecial) {
+        if (this.$refs.processSetting.active.length != 0) {
+          if (!this.$refs.processSetting.getValue()) return;
+          this.form.customPresetUserJson = this.$refs.processSetting.getValue();
+          this.form.isCustomPreset = true;
+          this.form.presetUserJson = JSON.stringify([]);
+        } else {
+          delete this.form.customPresetUserJson;
+          delete this.form.isCustomPreset;
+          delete this.form.presetUserJson;
+        }
+      }
+
+      const _that = this;
+      const {
+        isEndUserTask,
+        choiceOrgId,
+        choiceDeptId,
+        pOrgId,
+        taskExamineInfo,
+        needRetrialAuth,
+        nodeInfoMapInfo
+      } = this;
+      _that.form.isEndUserTask = isEndUserTask;
+      _that.form.choiceOrgId = choiceOrgId;
+      _that.form.customLimitTime =
+        typeof this.form.customLimitTime === 'object'
+          ? this.form.customLimitTime.cciValue
+          : this.form.customLimitTime;
+      _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.userId = 'u3a0bc559d4cf4f6ea47106ed7e76cae6';
+      _that.form.mobileKey = $.getStorage('deviceId') || '123';
+      _that.form.nextNodeId =
+        _that.form.nextOperate == 0 ||
+        _that.form.nextOperate == 1 ||
+        _that.oldNextOperate === 0 ||
+        _that.oldNextOperate === 1
+          ? _that.form.nextNodeId || nodeInfoMapInfo.nodeExtAttr.defaultNextNode
+          : '';
+      _that.form.nextOperate =
+        _that.oldNextOperate !== ''
+          ? _that.oldNextOperate
+          : _that.form.nextOperate;
+      if (!_that.isCanPreAddSign || _that.form.isAddSign != '1') {
+        delete _that.form.addSignMode;
+      }
+      if (!_that.enableCustomLimitTimeSetting) {
+        delete _that.form.customLimitTime;
+      }
+      if (!this.isSpecial) {
+        delete _that.form.nextUserId;
+      }
+      if (!_that.currentNodeEnableItemHandleDescription) {
+        delete _that.form.nextItemHandleDescription;
+      }
+      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]);
+        }
+      }
+      if (typeVal) {
+        _that.taskParams = _that.form;
+        _that.taskParams.pendingId = _that.pendingId;
+        return;
+      }
+      this.$toast.loading({
+        message: '加载中...',
+        forbidClick: true,
+        loadingType: 'spinner',
+        overlay: true,
+        duration: 0
+      });
+      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.$toast(res.message);
+          setTimeout(() => {
+            this.$parent.$emit('error');
+          }, 1000);
+        }
+      });
+    },
+    // 删除
+    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.isNextNode ? val.nextOperate : val.key;
+      this.form.nextOperateName = val.value;
+      this.nodeList = val.taskNodeList;
+      if (this.isSpecial) {
+        if (val.key == -1) {
+          this.form.isSerialSubmit = 1;
+          this.showFlowBtn = true;
+          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;
+          this.showFlowBtn = true;
+          return;
+        } else if (val.key == 3) {
+          this.form.isUndertakeReply = 1;
+          this.showFlowBtn = true;
+          return;
+        } else if (val.key == 4) {
+          this.form.isTakeAdviceReply = 1;
+          this.showFlowBtn = true;
+          return;
+        } else if (val.key == 5) {
+          this.form.isUndertakeEnd = 1;
+          this.showFlowBtn = true;
+          return;
+        } else if (val.key == 6) {
+          this.form.isTakeAdviceEnd = 1;
+          this.showFlowBtn = true;
+          return;
+        } else if (val.key == 7) {
+          this.form.isReadDealReply = 1;
+          this.showFlowBtn = true;
+          return;
+        } else if (val.key == 8) {
+          this.form.isReadDealEnd = 1;
+          this.showFlowBtn = true;
+          return;
+        } else if (val.key == 9) {
+          this.form.isReturnRejectNode = 1;
+          this.showFlowBtn = true;
+          return;
+        } else {
+        }
+      }
+      if (this.taskOperationShiftedNodeList && !val.isNextNode) {
+        this.nodeList = this.nodeList.filter(
+          (x) => this.taskOperationShiftedNodeList.indexOf(x.nodeId) == -1
+        );
+      }
+      if (val.isNextNode) {
+        this.oldNextOperate = val.nextOperate;
+      } else {
+        this.oldNextOperate = '';
+      }
+      if (val.isNextNode) {
+        this.nodeInfos = [];
+        this.form.nextNodeId = val.key;
+        this.form.nextNodeName = val.value;
+        this.$toast.loading({
+          message: '加载中...',
+          forbidClick: true,
+          loadingType: 'spinner',
+          overlay: true,
+          duration: 0
+        });
+
+        this.getNodeObj(this.form.nextNodeId);
+      } else {
+        this.showFlowBtn = true;
+      }
+      if (this.nodeList && this.nodeList.length > 0) {
+        let defNode = this.nodeList.filter(
+          (i) => i.nodeId === this.defaultNextNode
+        );
+        if (defNode.length > 0) {
+          this.form.nextNodeId = defNode[0].nodeId;
+          this.form.nextNodeName = defNode[0].nodeName;
+        } else {
+          this.form.nextNodeId = this.nodeList[0].nodeId;
+          this.form.nextNodeName = this.nodeList[0].nodeName;
+        }
+
+        this.$toast.loading({
+          message: '加载中...',
+          forbidClick: true,
+          loadingType: 'spinner',
+          overlay: true,
+          duration: 0
+        });
+
+        if (isDef !== true) this.getNodeObj(this.form.nextNodeId);
+      } else {
+        this.showFlowBtn = true;
+      }
+
+      this.showNextOperate = false;
+    },
+
+    // 确认流程节点操作
+    onConfirmNextNode(val) {
+      if (this.nextNodeCheckType === 'select') {
+        this.form.nextNodeId = val.nodeId;
+        this.form.nextNodeName = val.nodeName;
+      } else {
+        this.form.nextNodeId = val;
+      }
+      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,
+                opinion,
+                taskExamine,
+                customPresetHintMessage,
+                currentOrgName,
+                currentOrgSelectorParams,
+                isChoiceOtherOrgDept,
+                notificationMessageReadOnly,
+                readOnlyNotificationType,
+                otherOrgName,
+                nextNodeCheckType,
+                pendingItemHandleDescription,
+                defaultNotificationMessage,
+                defaultNotificationType,
+                taskOperationShiftedNodeList,
+                isCanPreAddSign
+              }
+            } = res;
+            if (opinion) {
+              that.form.opinion = opinion;
+            }
+            if (that.typeCode == 'endFlow') {
+              that.$toast.clear();
+              that.showFlowBtn = true;
+              that.processObj = res.data;
+              that.nodeDefaultSubmitOpinion =
+                nodeInfoMap.nodeExtAttr.nodeDefaultSubmitOpinion;
+              return;
+            }
+            if (
+              currentOrgSelectorParams &&
+              currentOrgSelectorParams.enableCurrentOrgConfig == 'true'
+            ) {
+              that.currentOrgSelectorTabs =
+                currentOrgSelectorParams.currentOrgType.split(',');
+              let currentOrgparams =
+                currentOrgSelectorParams.currentOrgRange.split(',');
+              that.currentOrgSelectorTabs.map((x, i) => {
+                that.currentOrgSelectorParams[x] = {
+                  pid:
+                    currentOrgparams[i] == 'my'
+                      ? choiceOrgId
+                      : currentOrgparams[i],
+                  only_filid: true,
+                  onlyMyOrg: true
+                };
+              });
+              that.currentOrgSelectorTabs =
+                that.currentOrgSelectorTabs.join(',');
+            }
+            if (
+              currentOrgSelectorParams &&
+              currentOrgSelectorParams.enableForeignOrgConfig == 'true'
+            ) {
+              that.foreignOrgSelectorTabs =
+                currentOrgSelectorParams.foreignOrgType.split(',');
+              let foreignOrgparams =
+                currentOrgSelectorParams.foreignOrgRange.split(',');
+              that.foreignOrgSelectorTabs.map((x, i) => {
+                that.foreignOrgSelectorParams[x] = {
+                  pid:
+                    foreignOrgparams[i] == 'my'
+                      ? choiceOrgId
+                      : foreignOrgparams[i] == 'other' ||
+                        foreignOrgparams[i] == 'nofilidorg'
+                      ? 'root'
+                      : foreignOrgparams[i],
+                  nofilid:
+                    foreignOrgparams[i] == 'nofilidorg'
+                      ? that.orgId || JSON.parse($.getStorage('userInfo')).orgId
+                      : foreignOrgparams[i] == 'other'
+                      ? 1
+                      : 0,
+                  myUserid: x == 'filgroup' ? $.getStorage('userId') : '',
+                  ...that.selectorParams
+                };
+              });
+              that.foreignOrgSelectorTabs =
+                that.foreignOrgSelectorTabs.join(',');
+            } else if (isChoiceOtherOrgDept == 'true') {
+              that.foreignOrgSelectorTabs = 'enterprise,department';
+              that.foreignOrgSelectorParams.pid = 'root';
+              that.foreignOrgSelectorParams.nofilid = 1;
+              that.foreignOrgSelectorParams = {
+                ...that.foreignOrgSelectorParams,
+                ...that.selectorParams
+              };
+              console.log(that.foreignOrgSelectorParams, 1);
+            } else {
+              that.foreignOrgSelectorTabs = 'enterprise';
+              that.foreignOrgSelectorParams.pid = 'root';
+              that.foreignOrgSelectorParams.nofilid = 1;
+              that.foreignOrgSelectorParams = {
+                ...that.foreignOrgSelectorParams,
+                ...that.selectorParams
+              };
+              console.log(that.foreignOrgSelectorParams, 2);
+            }
+            if (
+              taskOperationShiftedNodeList &&
+              taskOperationShiftedNodeList.length > 0
+            ) {
+              that.taskOperationShiftedNodeList = [];
+              taskOperationShiftedNodeList.map((x) => {
+                that.taskOperationShiftedNodeList.push(x.nodeId);
+                that.taskOperations.push({
+                  key: x.nodeId,
+                  value: x.nodeName,
+                  isNextNode: true,
+                  nextOperate: x.nextOperate
+                });
+              });
+            }
+            that.pendingItemHandleDescription = pendingItemHandleDescription;
+            nextNodeCheckType && (that.nextNodeCheckType = nextNodeCheckType);
+            that.customPresetHintMessage = customPresetHintMessage;
+            that.currentOrgName = currentOrgName;
+            that.notificationMessageReadOnly =
+              notificationMessageReadOnly == 'true';
+            that.readOnlyNotificationType = readOnlyNotificationType;
+            that.isCanPreAddSign = isCanPreAddSign;
+            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.hideMessage &&
+              (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,
+              ...that.taskOperations
+            ];
+            let isSelected = false;
+            let isSelectIndex = 0;
+            if (that.taskOperations && that.taskOperations.length > 0) {
+              that.taskOperations.map((item, index) => {
+                if (item.isSelected || that.taskOperations.length == 1) {
+                  isSelected = true;
+                  isSelectIndex = index;
+                  if (that.taskOperations.length == 1) {
+                    if (that.taskOperations[0].isNextNode) {
+                      that.form.nextOperate =
+                        that.taskOperations[0].nextOperate;
+                    } else {
+                      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.taskOperations[0].isNextNode
+                    ) {
+                      that.form.nextNodeId = undefined;
+                      that.form.nextNodeName = undefined;
+                    } else if (that.taskOperations[0].isNextNode) {
+                      that.form.nextNodeId = that.taskOperations[0].key;
+                      that.form.nextNodeName = that.taskOperations[0].value;
+                    } else {
+                      that.nodeList = that.taskOperations[0].taskNodeList;
+                      let info = [];
+                      that.nodeList.map((x) => {
+                        if (
+                          x.nodeId === nodeInfoMap.nodeExtAttr.defaultNextNode
+                        ) {
+                          info.push(x);
+                          that.nextNodeDefault =
+                            nodeInfoMap.nodeExtAttr.defaultNextNode;
+                        }
+                      });
+                      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 =
+                            nodeInfoMap.nodeExtAttr.defaultNextNode;
+                        }
+                      });
+                      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;
+                  }
+                }
+              });
+
+              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;
+                }
+              }
+              that.tagKey = that.form.nextOperate;
+            }
+            that.changeNextOperate(
+              {
+                value: that.form.nextOperateName,
+                key: that.taskOperations[isSelectIndex].key,
+                nextOperate: that.taskOperations[isSelectIndex].nextOperate,
+                isNextNode: that.taskOperations[isSelectIndex].isNextNode,
+                taskNodeList: that.nodeList
+              },
+              true
+            );
+            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.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();
+              that.$parent.$emit('error');
+            }, 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,
+              taskReadOpinionRequired,
+              submitButtonName
+            }
+          } = res;
+          this.showFlowBtn = true;
+          if (status === 'success') {
+            this.taskExamineInfo = taskExamine;
+            this.isCanFenyue = isCanFenyue == 1;
+            this.taskReadOpinionRequired = taskReadOpinionRequired == 'true';
+            // if (this.nodeName) {
+            this.processObj.taskExamine.nodeName = '分阅';
+            this.submitButtonName = submitButtonName;
+            // }
+          } else {
+            this.$toast(message || '系统错误，请联系管理员！');
+          }
+          this.$toast.clear();
+        })
+        .catch((err) => {
+          this.$toast.clear();
+
+          this.showFlowBtn = true;
+          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();
+        this.showFlowBtn = true;
+        if (res.status == 'success') {
+          _that.isCurrentNodeForbiddenChangeCandidate =
+            res.data.nodeExtAttr.isCurrentNodeForbiddenChangeCandidate;
+          _that.currentNodeEnableItemHandleDescription =
+            res.data.nodeExtAttr.currentNodeEnableItemHandleDescription == 1;
+          _that.deptRoleCode = res.data.nodeExtAttr.deptRoleCode;
+          _that.enableCustomLimitTimeSetting =
+            res.data.nodeExtAttr.enableCustomLimitTimeSetting == 1;
+          if (
+            _that.enableCustomLimitTimeSetting &&
+            res.data.nodeMoreInfo &&
+            res.data.nodeMoreInfo.defaultCustomLimitDays
+          ) {
+            _that.form.customLimitTime =
+              res.data.nodeMoreInfo.defaultCustomLimitDays + '';
+          }
+          if (
+            res.data.nodeMoreInfo &&
+            res.data.nodeMoreInfo
+              .chooseCurrentOrgUserCandidateNeedForbiddenSubDept === true
+          ) {
+            _that.onlyMyOrg = true;
+          }
+          res.data.otherOrgDisabledObjId &&
+            (this.otherOrgDisabledObjId =
+              res.data.otherOrgDisabledObjId.split(','));
+          res.data.currentOrgDisabledObjId &&
+            (this.currentOrgDisabledObjId =
+              res.data.currentOrgDisabledObjId.split(','));
+          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);
+          });
+          _that.currentOrgSelectorParams.roleid = _that.deptRoleCode;
+          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;
+            _that.endFlow = true;
+            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>