eoss-ui 0.8.30 → 0.8.31

package/packages/flow/src/flow.vue

@@ -0,0 +1,4456 @@
+<template>
+  <div
+    class="es-flow-index es-flow-new"
+    :class="{ 'es-flow-narrow': shrink }"
+    :style="styles"
+    v-if="!shrinkAbled"
+  >
+    <div
+      v-if="showCirculate && newTypeCode != 'fenyue'"
+      style="height: 100%; display: flex; flex-direction: column"
+    >
+      <div class="es-flow-top">
+        <div class="es-flow-title">
+          <span v-show="!shrink"
+            >当前步骤：{{ isFlow ? nodeName || '拟稿' : NodeName }}</span
+          >
+          <es-button
+            v-if="showShrink"
+            size="medium"
+            class="es-icon"
+            :icon="shrink ? 'es-icon-shouqi' : 'es-icon-zhankai'"
+            @click="setShrink"
+          ></es-button>
+        </div>
+        <div class="es-opinion" v-show="!shrink">
+          <span class="es-eidt-title" :style="`${!isFlow ? 'color:red' : ''}`"
+            >填写意见</span
+          >
+          <!-- <span
+            v-show="!isFlow && newTypeCode != 'fenyue'"
+            class="es-opinion-file"
+            @click="showFileList = true"
+            ><i class="es-icon-fujian"></i>意见附件<span
+              class="es-file-num"
+              v-show="fileNum > 0"
+              >({{ fileNum }})</span
+            ></span> -->
+        </div>
+      </div>
+      <Opinions
+        v-if="showOpinion"
+        class="es-common-opinions"
+        v-show="!shrink"
+        ref="commonOpinions"
+        @change="(val) => (value = val)"
+        :opinion="value"
+        :rows="rows"
+        :placeholder="pendingItemHandleDescription"
+        :pendingItemHandleDescription="pendingItemHandleDescription"
+        :required="isOpinionRequired == 1"
+        :isBanInputOpinion="isBanInputOpinion"
+        :nodeFixedOpinionSelectList="nodeFixedOpinionSelectList"
+      />
+      <div
+        :class="`es-info ${
+          formLabelPosition == 'left' ? 'form-left' : 'form-right'
+        }`"
+        :style="{ flex: fullFlow ? '1' : 'unset' }"
+      >
+        <el-form
+          v-if="showCirculate"
+          ref="form"
+          :model="circulateForm"
+          label-width="120px"
+          :label-position="formLabelPosition"
+        >
+          <el-form-item
+            style="margin-top: 20px"
+            prop="nextNodeId"
+            label="下步节点"
+          >
+            <el-select
+              v-if="nextNodeCheckType == 'select'"
+              v-model="circulateForm.nextNodeId"
+              style="width: 100% !important"
+              :placeholder="`请选择下步节点`"
+            >
+              <el-option label="传阅" value="111"></el-option>
+            </el-select>
+            <es-radio-group
+              v-else-if="nextNodeCheckType == 'radio'"
+              v-model="circulateForm.nextNodeId"
+              :data="[{ nodeId: '111', nodeName: '传阅' }]"
+              value-key="nodeId"
+              label-key="nodeName"
+            ></es-radio-group>
+          </el-form-item>
+        </el-form>
+        <circulate
+          v-if="showCirculate"
+          style="margin-top: 10px"
+          :businessId="businessIds"
+          :label-position="formLabelPosition"
+          :showTooltip="showTooltip"
+          ref="circulate"
+          :selectorParams="selectorParams"
+          :pending-id="pendingId"
+          :showBtn="false"
+          :formTitle="formTitle"
+          :flowLabelConfig="flowLabelConfig"
+          :hideMessage="hideMessage"
+          :startFlowPageEmbeddedIntoStartFlowIndex="
+            startFlowPageEmbeddedIntoStartFlowIndex
+          "
+          :processDefinitionId="nodeInfo.nextNode"
+          :simpleTips="simpleTips"
+          :oldOption="value"
+          @cancel="closeProcess($event, 'circulateVisible')"
+        />
+      </div>
+
+      <el-button
+        type="primary"
+        style="width: calc(100% - 18px); margin: 8px auto"
+        @click="handleClickCirculate()"
+      >
+        提交
+      </el-button>
+    </div>
+    <StartTaskRead
+      v-else-if="typeCode == 'read'"
+      :pending-id="pendingId"
+      :opinion="value"
+      :showTooltip="showTooltip"
+      type="create"
+      :simpleTips="simpleTips"
+      :key="StartTaskReadKey"
+      typeCode="read"
+      :param="param"
+      :selectorConfig="selectorConfig"
+      :resetAppId="resetAppId"
+      :taskExamine="taskExamineInfo"
+      :flowLabelConfig="flowLabelConfig"
+      :hideMessage="hideMessage"
+      :subParams="subParams"
+      :news-info="nextNode.notificationMsg"
+      @cancel="closeProcess($event)"
+    />
+
+    <FreeCirculation
+      v-else-if="typeCode == 'freeCirculation'"
+      :appId="resetAppId"
+      :params="param"
+      :showOther="showOther"
+      :showTooltip="showTooltip"
+      :selectorParams="selectorParams"
+      :flowLabelConfig="flowLabelConfig"
+      :hideMessage="hideMessage"
+      :formLabelPosition="formLabelPosition"
+      :simpleTips="simpleTips"
+    />
+    <Supervise
+      :businessId="businessId"
+      :appId="resetAppId"
+      :showTooltip="showTooltip"
+      :flowLabelConfig="flowLabelConfig"
+      :hideMessage="hideMessage"
+      :simpleTips="simpleTips"
+      @cancel="closeProcess($event)"
+      v-else-if="typeCode == 'supervise'"
+    />
+    <reset
+      style="height: 100%"
+      :type="newTypeCode"
+      :showTooltip="showTooltip"
+      :simpleTips="simpleTips"
+      :appId="resetAppId"
+      :flowLabelConfig="flowLabelConfig"
+      :hideMessage="hideMessage"
+      @cancel="closeProcess($event)"
+      :flowParams="param"
+      :subParams="subParams"
+      v-else-if="newTypeCode == 'reset' || newTypeCode == 'continuation'"
+    />
+    <div
+      class="es-flow-content"
+      :style="{ 'justify-content': fullFlow ? 'space-between' : 'unset' }"
+      v-else
+    >
+      <div class="es-flow-top">
+        <div class="es-flow-title">
+          <span v-show="!shrink"
+            >当前节点：{{ isFlow ? nodeName || '拟稿' : NodeName }}</span
+          >
+          <es-button
+            v-if="showShrink"
+            size="medium"
+            class="es-icon"
+            :icon="shrink ? 'es-icon-shouqi' : 'es-icon-zhankai'"
+            @click="setShrink"
+          ></es-button>
+        </div>
+        <!-- 'es-icon-indent' : 'es-icon-increase' -->
+        <!-- :style="`${!isFlow ? 'color:red' : ''}`" -->
+        <div class="es-opinion" v-show="!shrink">
+          <span class="es-eidt-title">填写意见</span>
+          <span
+            v-show="!isFlow && newTypeCode != 'fenyue'"
+            class="es-opinion-file"
+            @click="showFileList = true"
+            ><i class="es-icon-fujian"></i>意见附件<span
+              class="es-file-num"
+              v-show="fileNum > 0"
+              >({{ fileNum }})</span
+            ></span
+          >
+        </div>
+        <Opinions
+          class="es-common-opinions"
+          v-show="!shrink"
+          ref="commonOpinions"
+          @change="(val) => (value = val)"
+          :opinion="value"
+          :rows="rows"
+          v-if="showOpinion"
+          :pendingItemHandleDescription="pendingItemHandleDescription"
+          :placeholder="pendingItemHandleDescription"
+          :required="isOpinionRequired == 1"
+          :isBanInputOpinion="isBanInputOpinion"
+          :nodeFixedOpinionSelectList="nodeFixedOpinionSelectList"
+        />
+      </div>
+      <div
+        v-show="!isStartFlow && !shrink && isSpecial"
+        class="es-flow-middle-more-btn"
+        :style="{
+          flex: getFlexStyle()
+        }"
+      >
+        <p>快捷操作</p>
+        <!-- <div
+          :class="`es-flow-middle-more-btn-item ${
+            btnType === 'default' ? 'active-btn' : ''
+          }`"
+        >
+          默认
+        </div> -->
+        <div
+          v-for="item of typeList"
+          :key="item.key"
+          @click="goView(item)"
+          :class="`es-flow-middle-more-btn-item ${
+            btnType === btnFunValue(item.fun) ? 'active-btn' : ''
+          }`"
+        >
+          {{ item.value }}
+        </div>
+        <!-- <div
+          v-if="rejectObj.fun"
+          :class="`es-flow-middle-more-btn-item ${
+            btnType === rejectObj.key ? 'active-btn' : ''
+          }`"
+          @click="rejectBtn"
+        >
+          {{ rejectObj.value }}
+        </div> -->
+      </div>
+      <el-form
+        v-show="currentNodeIsCircularReadNode"
+        ref="nextNode"
+        :model="isFlow ? nodeInfo : nextNode"
+        class="demo-dynamic"
+        label-width="120px"
+        :label-position="formLabelPosition"
+      >
+        <el-form-item
+          prop="nextCurrentOrgObj"
+          :label="currentOrgName ? currentOrgName : '本单位'"
+        >
+          <SelectUser
+            :nextUser="nextCurrentOrgObjSelect"
+            multiple
+            mix
+            :showTooltip="showTooltip"
+            :disableds="currentOrgDisabledObjId"
+            @change="disposeAppUnit($event, 'nextCurrentOrgObjSelect')"
+            :types="currentOrgSelectorTabs"
+            :params="currentOrgSelectorParams"
+          />
+        </el-form-item>
+        <el-form-item
+          prop="nextOtherOrgObj"
+          :label="otherOrgName ? otherOrgName : '外单位'"
+        >
+          <SelectUser
+            :nextUser="nextOtherOrgObjSelect"
+            multiple
+            :showTooltip="showTooltip"
+            mix
+            :disableds="otherOrgDisabledObjId"
+            :where="{ filid: 'other' }"
+            @change="disposeAppUnit($event, 'nextOtherOrgObjSelect')"
+            :types="foreignOrgSelectorTabs"
+            :params="foreignOrgSelectorParams"
+          />
+        </el-form-item>
+      </el-form>
+      <div
+        v-show="
+          (!endFlow || nodeInfos.length > 1 || taskOperationShiftedNodeList) &&
+          newTypeCode != 'fenyue' &&
+          !shrink &&
+          btnType === 'default'
+        "
+        ref="esContent"
+        :class="`es-info ${
+          formLabelPosition == 'left' ? 'form-left' : 'form-right'
+        }`"
+        :style="{ flex: fullFlow ? '1' : 'unset' }"
+      >
+        <el-form
+          ref="nextNode"
+          :model="isFlow ? nodeInfo : nextNode"
+          class="demo-dynamic"
+          :rules="rules"
+          :label-width="
+            startFlowPageEmbeddedIntoStartFlowIndex ? '100px' : '120px'
+          "
+          :label-position="formLabelPosition"
+        >
+          <el-form-item
+            v-if="isFlow && nodeInfo.option.length > 0 && !flowListDisabled"
+            prop="nextNode"
+            label="选择流程"
+            :rules="[
+              // { required: true, message: `请选择流程`, trigger: 'blur' }
+            ]"
+          >
+            <el-input
+              placeholder="请输入内容"
+              class="input-with-select select-process"
+              :class="{ 'hide-flow-char': isStartFlowChartView != 'true' }"
+            >
+              <el-select
+                slot="prepend"
+                v-model="nodeInfo.nextNode"
+                style="width: calc(100% + 40px)"
+                :placeholder="`请选择流程`"
+                :key="optionsKey"
+                @change="handleChange"
+              >
+                <el-option
+                  v-for="items in nodeInfo.option"
+                  :key="items.id"
+                  :label="items.name"
+                  :disabled="items.disabled"
+                  :value="items.processDefId"
+                ></el-option>
+              </el-select>
+              <div slot="append" v-show="isStartFlowChartView == 'true'">
+                <el-button
+                  icon="es-icon-shu-jituan"
+                  type="primary"
+                  @click="
+                    () => {
+                      showFlowChart = true;
+                    }
+                  "
+                ></el-button>
+                <el-button
+                  v-show="activitiDefinitionSort"
+                  icon="es-icon-paixu"
+                  type="primary"
+                  @click="
+                    () => {
+                      showSort = true;
+                    }
+                  "
+                ></el-button>
+              </div>
+            </el-input>
+          </el-form-item>
+          <!-- el-icon-picture -->
+          <div v-else>
+            <!-- 加签开始 -->
+            <el-form-item
+              prop="isAddSign"
+              v-if="isCanAddSign"
+              label="是否加签"
+              :rules="[
+                { required: true, message: `请选择是否加签`, trigger: 'blur' }
+              ]"
+            >
+              <el-radio-group v-model="nextNode.isAddSign">
+                <el-radio label="1">是</el-radio>
+                <el-radio label="2">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <div v-show="nextNode.isAddSign === '1'">
+              <el-form-item
+                prop="addSignUserId"
+                label="增加本环节办理人"
+                :rules="[
+                  { required: false, message: `请选择办理人`, trigger: 'blur' }
+                ]"
+              >
+                <SelectUser
+                  :nextUser="nextNode.addSignUserId"
+                  :multiple="true"
+                  title="增加办理人"
+                  :showTooltip="showTooltip"
+                  @change="changeSelectUser($event, 'addSignUserId', true)"
+                />
+              </el-form-item>
+              <el-form-item
+                prop="addSignMode"
+                v-if="isCanPreAddSign"
+                label="加签模式"
+                :rules="[{ required: true, trigger: 'blur' }]"
+              >
+                <el-radio-group v-model="nextNode.addSignMode">
+                  <el-radio label="preAddSign">前置加签</el-radio>
+                  <el-radio label="postAddSign">后置加签</el-radio>
+                </el-radio-group>
+              </el-form-item>
+            </div>
+            <!-- 加签结束 -->
+            <!-- 减签开始 -->
+            <el-form-item
+              v-if="isCanRemoveSign"
+              prop="isRemoveSign"
+              label="是否减签"
+              :rules="[
+                { required: true, message: `请选择是否加签`, trigger: 'blur' }
+              ]"
+            >
+              <el-radio-group v-model="nextNode.isRemoveSign">
+                <el-radio label="1">是</el-radio>
+                <el-radio label="2">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <div v-show="nextNode.isRemoveSign === '1'">
+              <el-form-item
+                prop="removeSignUserId"
+                label="删除本环节办理人"
+                :rules="[
+                  { required: false, message: `请选择办理人`, trigger: 'blur' }
+                ]"
+              >
+                <el-checkbox-group v-model="nextNode.removeSignUserId">
+                  <el-checkbox
+                    v-for="item of removeUsers"
+                    :key="item.userId"
+                    :label="item.userId"
+                    >{{ item.username }}</el-checkbox
+                  >
+                </el-checkbox-group>
+              </el-form-item>
+            </div>
+            <!-- 减签结束 -->
+            <div
+              v-if="
+                nextNode.isAddSign != '1' &&
+                nextNode.isRemoveSign != '1' &&
+                isSpecial
+              "
+            >
+              <!-- isChooseNextNode == 1 -->
+              <el-form-item
+                prop="nextOperate"
+                label="下步操作"
+                v-if="operationList.length > 0"
+                :rules="[
+                  { required: true, message: `请选择下步操作`, trigger: 'blur' }
+                ]"
+              >
+                <el-select
+                  v-if="nextOperateCheckType == 'select'"
+                  v-model="nextNode.nextOperate"
+                  :placeholder="`请选择下步操作`"
+                  :disabled="operationList && operationList.length == 1"
+                  @change="selecNext($event, true)"
+                >
+                  <el-option
+                    v-for="items in operationList"
+                    :key="items.key"
+                    :label="items.value"
+                    :value="items.key"
+                  ></el-option>
+                </el-select>
+                <es-radio-group
+                  v-else-if="nextOperateCheckType == 'radio'"
+                  v-model="nextNode.nextOperate"
+                  :data="operationList"
+                  @change="selecNext($event, true)"
+                  value-key="key"
+                  label-key="value"
+                ></es-radio-group>
+              </el-form-item>
+              <div>
+                <el-form-item
+                  v-if="!isReject && nodeInfos.length != 0 && isShowNode"
+                  prop="nextNodeId"
+                  label="下步节点"
+                  :rules="[
+                    {
+                      required: true,
+                      message: `请选择下步节点`,
+                      trigger: 'blur'
+                    }
+                  ]"
+                >
+                  <el-select
+                    v-if="nextNodeCheckType == 'select'"
+                    v-model="nextNode.nextNodeId"
+                    :placeholder="`请选择下步节点`"
+                    :disabled="nodeInfos && nodeInfos.length == 1"
+                    @change="selecNext($event, false)"
+                  >
+                    <el-option
+                      v-for="items in nodeInfos"
+                      :key="items.id"
+                      :label="items.nodeName"
+                      :value="items.nodeId"
+                    ></el-option>
+                  </el-select>
+                  <es-radio-group
+                    v-else-if="nextNodeCheckType == 'radio'"
+                    v-model="nextNode.nextNodeId"
+                    :data="nodeInfos"
+                    @change="selecNext(nextNode.nextNodeId, false)"
+                    value-key="nodeId"
+                    label-key="nodeName"
+                  ></es-radio-group>
+                </el-form-item>
+                <el-form-item
+                  v-if="countersignaturetypeCode != 0 && !isReject"
+                  prop="handleMode"
+                  label="处理方式"
+                >
+                  <el-input
+                    v-model="handleMode"
+                    placeholder="请输入内容"
+                    disabled
+                  />
+                </el-form-item>
+                <el-form-item
+                  v-if="isNextUser"
+                  :prop="isShowNextUser ? 'nextUserId' : 'nextOrgId'"
+                  :label="
+                    isShowNextUser
+                      ? `${flowLabelConfig.nextUser || '下步办理人'}`
+                      : '办理对象'
+                  "
+                >
+                  <SelectUser
+                    :nextUser="
+                      isShowNextUser ? nextNode.nextUserId : nextNode.nextOrgId
+                    "
+                    :radioList="radioList"
+                    :multiple="multiple"
+                    :isCustomUser="!isShowNextUser ? 1 : isCustomUser"
+                    :showTooltip="showTooltip"
+                    :isCurrentNodeForbiddenChangeCandidate="
+                      isCurrentNodeForbiddenChangeCandidate
+                    "
+                    :options="options"
+                    :mix="multiple"
+                    :presetEdit="presetEdit"
+                    :selectUserList="selectUserList"
+                    @change="
+                      changeSelectUser(
+                        $event,
+                        isShowNextUser ? 'nextUserId' : 'nextOrgId',
+                        true
+                      )
+                    "
+                    :types="nextUserTypes"
+                    :params="isShowNextUser ? params : {}"
+                    :tabs="nextUserTabs"
+                  />
+                </el-form-item>
+
+                <el-form-item
+                  v-if="isHideCurrentOrg && nextNode.isReturnSubmitter != 1"
+                  prop="nextCurrentOrgObj"
+                  :label="currentOrgName ? currentOrgName : '本单位'"
+                >
+                  <!-- :radioList="radioList" -->
+                  <SelectUser
+                    :nextUser="nextCurrentOrgObjSelect"
+                    multiple
+                    mix
+                    :disableds="currentOrgDisabledObjId"
+                    @change="disposeAppUnit($event, 'nextCurrentOrgObjSelect')"
+                    :showTooltip="showTooltip"
+                    :types="currentOrgSelectorTabs"
+                    :selectUserList="nextCurrentOrgselectUserList"
+                    :params="currentOrgSelectorParams"
+                  />
+                </el-form-item>
+                <el-form-item
+                  v-if="isHideOtherOrg && nextNode.isReturnSubmitter != 1"
+                  prop="nextOtherOrgObj"
+                  :label="otherOrgName ? otherOrgName : '外单位'"
+                >
+                  <SelectUser
+                    :nextUser="nextOtherOrgObjSelect"
+                    multiple
+                    :showTooltip="showTooltip"
+                    mix
+                    :where="{ filid: 'other' }"
+                    :disableds="otherOrgDisabledObjId"
+                    @change="disposeAppUnit($event, 'nextOtherOrgObjSelect')"
+                    :types="foreignOrgSelectorTabs"
+                    :params="foreignOrgSelectorParams"
+                  />
+                </el-form-item>
+                <el-form-item
+                  v-if="isMainSubProcess && isNodeShowProcess"
+                  prop="mainSubId"
+                  label="主办"
+                >
+                  <el-select
+                    v-model="nextNode.mainSubId"
+                    :placeholder="`请选择主办`"
+                  >
+                    <el-option
+                      v-for="items in subProcessColumns"
+                      :key="items.id"
+                      :label="items.name"
+                      :value="items.value"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <TimeLimit
+                  v-if="nodeType !== 0 && isLimitedTimeHandling === 1"
+                  :newsList="newsList"
+                  @change="(val) => (nextNode = { ...nextNode, ...val })"
+                />
+                <el-form-item
+                  prop="nextReadUserId"
+                  v-if="isTaskread == 1"
+                  label="
+           分阅用户
+          "
+                >
+                  <SelectUser
+                    :nextUser="nextNode.nextReadUserId"
+                    :multiple="true"
+                    :selectUserList="selectReadUserList"
+                    :options="userOptions"
+                    :showTooltip="showTooltip"
+                    title="分阅用户"
+                    :mix="true"
+                    :types="types"
+                    @change="changeSelectReadUser($event, 'nextReadUserId')"
+                    :tabs="tabs"
+                  />
+                </el-form-item>
+                <el-form-item
+                  prop="presetReadUserId"
+                  v-if="canPresetRead"
+                  label="
+           自动分阅
+          "
+                >
+                  <SelectUser
+                    :nextUser="nextNode.presetReadUserId"
+                    :multiple="true"
+                    :selectUserList="selectPresetUserList"
+                    :showTooltip="showTooltip"
+                    :options="presetOptions"
+                    :radioList="presetReadUserId"
+                    :presetEdit="1"
+                    title="分阅用户"
+                    :mix="true"
+                    :types="types"
+                    @change="changeSelectReadUser($event, 'presetReadUserId')"
+                    :tabs="tabs"
+                  />
+                </el-form-item>
+                <el-form-item
+                  v-if="enableCustomLimitTimeSetting"
+                  prop="customLimitTime"
+                  label="限时办理"
+                  style="margin-bottom: 10px"
+                >
+                  <!-- v-if="!showCustomLimitTimeText" -->
+                  <div style="display: flex; width: 100%">
+                    <es-select
+                      style="flex: 1 !important; display: inline-block"
+                      v-model="nextNode.customLimitTimeText"
+                      placeholder="请选择"
+                      @change="handleChangeTime"
+                      sysCode="bpm_custom_limit_time"
+                    ></es-select>
+                    <el-input
+                      style="flex: 1; display: inline-block"
+                      v-model="nextNode.customLimitTime"
+                      placeholder="请输入限时办理的天数"
+                      @change="changeCustomLimitTime"
+                      class="input-with-select custom-limit-time"
+                    >
+                      <!-- <es-button
+                      type="primary"
+                      slot="append"
+                      @click="
+                        () => {
+                          nextNode.customLimitTime = '';
+                          showCustomLimitTimeText = !showCustomLimitTimeText;
+                        }
+                      "
+                      >切换{{
+                        showCustomLimitTimeText ? '选择框' : '文本框'
+                      }}</es-button
+                    > -->
+                    </el-input>
+                    <span style="margin-left: 5px">天</span>
+                  </div>
+                  <!-- slot="prepend" -->
+                </el-form-item>
+
+                <el-form-item
+                  v-if="isHandleExplain == 1"
+                  prop="handleExplain"
+                  label="办理说明"
+                >
+                  <el-input
+                    placeholder="请输入办理说明"
+                    v-model="nextNode.handleExplain"
+                  />
+                </el-form-item>
+                <el-form-item
+                  v-if="
+                    currentNodeEnableItemHandleDescription &&
+                    !isReject &&
+                    nodeInfos.length != 0 &&
+                    isShowNode &&
+                    isNextUser
+                  "
+                  prop="nextItemHandleDescription"
+                  label="办理说明"
+                >
+                  <el-input
+                    placeholder="请输入办理说明"
+                    type="textarea"
+                    :autosize="{ minRows: 2 }"
+                    v-model="nextNode.nextItemHandleDescription"
+                  />
+                </el-form-item>
+              </div>
+            </div>
+          </div>
+          <CustomPreset
+            v-if="isCustomPreset"
+            ref="customPreset"
+            @changeCustom="
+              (data) => {
+                presetList = data;
+              }
+            "
+            @changeActiveNames="(val) => (activeNames = val)"
+            @loadingEnd="customLoading('end')"
+            :flowLabelConfig="flowLabelConfig"
+            :hideMessage="hideMessage"
+            :showTooltip="showTooltip"
+            @loadingStart="customLoading('start')"
+            :nextNode="nextNode.nextNodeId"
+            :customPresetHintMessage="customPresetHintMessage"
+            :id="businessIds"
+            :processDefinitionId="nodeInfo.nextNode"
+          />
+          <Preset
+            v-if="isPreset"
+            @changePreset="
+              (data) => {
+                presetUserJson = data;
+              }
+            "
+            @loadingEnd="customLoading('end')"
+            @loadingStart="customLoading('start')"
+            :nodeId="nextNode.nextNodeId"
+            :showTooltip="showTooltip"
+            :businessId="businessIds"
+            :flowLabelConfig="flowLabelConfig"
+            :hideMessage="hideMessage"
+            :customPresetHintMessage="customPresetHintMessage"
+            :processDefinitionId="nodeInfo.nextNode"
+            :presetTaskNodeMap="presetTaskNodeMap"
+            :presetTaskNodeKeyStr="presetTaskNodeKeyStr"
+          />
+        </el-form>
+        <ProcessForm
+          v-if="
+            isFlow &&
+            nodeInfo.nextNode &&
+            startFlowPageEmbeddedIntoStartFlowIndex &&
+            !directCreateCircularReadWhenFlowStarted
+          "
+          ref="processFormIndex"
+          :isCancelSecondConfirmationType="isCancelSecondConfirmationType"
+          :id="freeStartFlowParams.startFlowBusinessId || businessIds"
+          :simpleTips="simpleTips"
+          :showTooltip="showTooltip"
+          :hideMessage="hideMessage"
+          :flowLabelConfig="flowLabelConfig"
+          :is-free-start-flow="
+            freeStartFlowParams.useScene === 'multiInsMidwayWithSubmitScene'
+          "
+          :label-position="formLabelPosition"
+          :showBtn="false"
+          :formTitle="formTitle"
+          :urgencyLevel="urgencyLevel"
+          :messageType="newsList"
+          :copy-history="freeStartFlowParams.pendedHistoryHandle"
+          :process-definition-id="freeStartFlowNextNode || nodeInfo.nextNode"
+          :opinion="value"
+          :keyCount="msgTypeCount"
+          :pendingId="pendingId"
+          :taskExamineParam="freeStartFlowParams.newFlowStartNodeItemName"
+          :selectorParams="selectorParams"
+          :taskParams="taskParams"
+          :formType="processFormType"
+          @cancel="closeProcess($event, 'handleVisible', closeParent)"
+        />
+        <circulate
+          v-else-if="
+            isFlow &&
+            nodeInfo.nextNode &&
+            startFlowPageEmbeddedIntoStartFlowIndex &&
+            directCreateCircularReadWhenFlowStarted
+          "
+          ref="flowCirculate"
+          :showTooltip="showTooltip"
+          :flowLabelConfig="flowLabelConfig"
+          :label-position="formLabelPosition"
+          :businessId="businessId"
+          :startFlowPageEmbeddedIntoStartFlowIndex="
+            startFlowPageEmbeddedIntoStartFlowIndex
+          "
+          :formTitle="formTitle"
+          :processDefinitionId="nodeInfo.nextNode"
+          :simpleTips="simpleTips"
+          :showBtn="false"
+          :selectorParams="selectorParams"
+          :oldOption="value"
+          @cancel="closeProcess($event, 'circulateVisible')"
+        />
+        <div
+          v-if="!isFlow && isSpecial && newsList.length > 0 && !hideMessage"
+          style="padding: 5px; background: #fff"
+        >
+          <div class="news" @click="showMessage">
+            <span class="news-item">消息通知</span>
+            <span :class="showNews ? 'show' : 'sj'"></span>
+          </div>
+          <div v-if="showNews" ref="messagebox" style="transition: 1s">
+            <el-checkbox-group
+              @change="handleChangeNotificationType"
+              v-model="nextNode.notificationType"
+            >
+              <el-checkbox
+                v-for="item of newsList"
+                :key="item.cciValue"
+                :label="item.cciValue"
+                :disabled="
+                  readOnlyNotificationType
+                    ? readOnlyNotificationType.indexOf(item.cciValue) != -1
+                    : false
+                "
+              >
+                {{ item.shortName }}
+              </el-checkbox>
+            </el-checkbox-group>
+            <!-- <div
+            v-show="showNews"
+            style="
+              border: 1px solid #ccc;
+              padding: 5px;
+              border-radius: 5px;
+              font-size: 13px;
+            "
+          >
+            {{ nextNode.notificationMsg }}
+          </div> -->
+            <es-input
+              style="
+                border-color: #ccc;
+                padding: 5px;
+                border-radius: 5px;
+                font-size: 13px;
+              "
+              autosize
+              v-show="showNews && nextNode.notificationType.length > 0"
+              type="textarea"
+              v-model="nextNode.notificationMsg"
+              :readonly="notificationMessageReadOnly"
+            />
+          </div>
+        </div>
+      </div>
+      <el-form
+        ref="nextNode"
+        :model="isFlow ? nodeInfo : nextNode"
+        v-if="isEndMessage"
+        class="demo-dynamic"
+        :label-width="
+          startFlowPageEmbeddedIntoStartFlowIndex ? '100px' : '120px'
+        "
+        style="padding: 0px 8px"
+        :label-position="formLabelPosition"
+      >
+        <el-form-item prop="nextItemHandleDescription" label="办结意见">
+          <el-input
+            placeholder="请输入办结意见"
+            type="textarea"
+            :autosize="{ minRows: 2 }"
+            v-model="endMessage"
+            @change="handleEndMessageChange"
+          />
+        </el-form-item>
+      </el-form>
+      <ProcessReject
+        v-if="btnType === 'reject'"
+        ref="reject"
+        :pending-id="pendingId"
+        :option="value"
+        hideBtn
+        :showTooltip="showTooltip"
+        :simpleTips="simpleTips"
+        :flowLabelConfig="flowLabelConfig"
+        :hideMessage="hideMessage"
+        :show-reject="showReject"
+        :news-info="nextNode.notificationMsg"
+        @cancel="closeProcess($event, 'showReject')"
+      />
+      <StartTaskRead
+        v-else-if="btnType === 'toStartTaskRead'"
+        ref="toStartTaskRead"
+        :pending-id="pendingId"
+        hideBtn
+        :opinion="value"
+        :type="taskReadType"
+        :showTooltip="showTooltip"
+        :flowLabelConfig="flowLabelConfig"
+        :hideMessage="hideMessage"
+        :selectorConfig="selectorConfig"
+        :simpleTips="simpleTips"
+        :subParams="subParams"
+        :taskExamine="taskExamineInfo"
+        :news-info="nextNode.notificationMsg"
+        @cancel="closeProcess($event, 'showTaskRead')"
+      />
+      <TaskUnionExamine
+          v-else-if="
+            btnType === 'toTakeAdvice' ||
+            btnType === 'toUnionExamine' ||
+            btnType === 'toStartDraf'
+          "
+          :ref="btnType"
+          class="es-info"
+          hideBtn
+          @cancel="closeProcess($event, 'showTaskUnionExamine')"
+          :simpleTips="simpleTips"
+          :pendingId="pendingId"
+          :defaultOpinion="nodeDefaultSubmitOpinion"
+          :oldOption="value"
+          :selectorParams="selectorParams"
+          :type="flowType"
+          :multiple="flowMultiple"
+          :disabled="flowDisabled"
+        />
+      <div
+        class="es-flow-buttons"
+        v-if="newTypeCode != 'fenyue' && !shrink"
+        style="margin-top: 10px"
+      >
+        <div v-if="isSubmitButtonShowAgreeAndDisagree == 1">
+          <el-button
+            class="es-button-agree"
+            type="primary"
+            @click="subProcess('同意。')"
+            >同意</el-button
+          >
+          <el-button class="es-button-agree" @click="subProcess('不同意。')"
+            >不同意</el-button
+          >
+          <el-button
+            class="es-button-agree-save"
+            v-if="!isHideTemporarySave"
+            @click="saveInfo()"
+            >{{ saveButtonName }}</el-button
+          >
+        </div>
+        <div
+          class="es-user-defined"
+          v-if="
+            (nodeInfos.length > 0 ||
+              nodeInfo.option.length > 0 ||
+              operationList.length > 0 ||
+              endFlow) &&
+            btnList.length <= 2
+          "
+        >
+          <el-button
+            v-show="isSubmitButtonShowAgreeAndDisagree != 1"
+            v-for="item of hideBtn || isHideTemporarySave
+              ? btnList.slice(0, 1)
+              : btnList"
+            :key="item.name"
+            :type="item.type"
+            :style="btnStyle"
+            @click="item.event === 'sub' ? subProcess() : saveInfo(false, item)"
+          >
+            {{ item.event == 'save' ? saveButtonName : item.text }}
+          </el-button>
+
+          <div
+            v-if="
+              btnList.length > 1 ||
+              (!isFlow && (rejectObj.fun || pointsReadingObj.fun || moreList))
+            "
+            placement="top"
+            :class="{ 'em-flow-more-btn': !hideBtn }"
+            trigger="click"
+          >
+            <!-- <div v-if="!isFlow && !hideBtn" class="es-footer-btn">
+              <el-button
+                v-if="rejectObj.fun"
+                @click="rejectBtn"
+                style="margin-right: 10px"
+                type="danger"
+              >
+                {{ rejectObj.value }}
+              </el-button>
+              <el-button
+                v-if="pointsReadingObj.fun"
+                class="es-flow-btn"
+                @click="taskReadBtn"
+                >分阅33332</el-button
+              >
+              <el-button
+                class="es-flow-btn"
+                v-for="item of moreList"
+                :key="item.key"
+                @click="goView(item)"
+              >
+                {{ item.value }}
+              </el-button>
+            </div> -->
+            <!-- <el-button-group
+              slot="reference"
+              style="margin: 0px 10px"
+              v-if="hideBtn"
+            > -->
+              <!-- <el-button
+                v-show="isSubmitButtonShowAgreeAndDisagree != 1"
+                v-for="item of btnList.slice(0, 2)"
+                :key="item.name"
+                :type="item.type"
+                :style="btnStyle"
+                @click.stop="
+                  item.event === 'sub' ? subProcess() : saveInfo(false, item)
+                "
+              >
+                {{ item.event == 'save' ? saveButtonName : item.text }}
+              </el-button> -->
+              <!-- <el-dropdown
+                v-if="
+                  !isFlow &&
+                  (rejectObj.fun || pointsReadingObj.fun || moreList.length > 0)
+                "
+                trigger="click"
+                placement="top"
+                style="border-left: 1px solid #d9d9d9"
+              >
+                <el-button>...</el-button>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item v-for="item of moreList" :key="item.key">
+                    <div class="es-flow-btn" @click="goView(item)">
+                      {{ item.value }}
+                    </div>
+                  </el-dropdown-item>
+                  <el-dropdown-item v-if="pointsReadingObj.fun">
+                    <div class="es-flow-btn" @click="taskReadBtn">分阅444</div>
+                  </el-dropdown-item>
+                  <el-dropdown-item v-if="rejectObj.fun">
+                    <div style="color: red" @click="rejectBtn">
+                      {{ rejectObj.value }}
+                    </div>
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown> -->
+            <!-- </el-button-group> -->
+          </div>
+        </div>
+      </div>
+      <div v-else-if="!shrink" class="es-fenyue-buttons">
+        <el-button
+          type="primary"
+          size="medium"
+          class="es-fenyue-buttons-yj"
+          :style="`margin: 10px 0px`"
+          @click="taskRead()"
+        >
+          阅结
+        </el-button>
+        <el-button
+          v-show="isCanReadTransferHandle"
+          size="medium"
+          style="margin: 10px 0px; margin-left: 10px"
+          :disabled="readTransferHandleDisabled"
+          @click="taskReadTransferHandle()"
+        >
+          阅转办
+        </el-button>
+        <el-button
+          class="es-flow-btn"
+          v-if="isCanFenyue == '1'"
+          size="medium"
+          style="margin: 10px 0px; margin-left: 10px"
+          @click="taskReadBtn"
+          >分阅222</el-button
+        >
+      </div>
+      <!-- 弹窗内容 -->
+      <es-dialog
+        v-if="circulateVisible"
+        append-to-body
+        height="auto"
+        ref="circulateVisible"
+        title="发起传阅"
+        :close-on-click-modal="false"
+        :visible.sync="circulateVisible"
+        :closeParent="closeParent"
+      >
+        <circulate
+          :businessId="businessId"
+          :flowLabelConfig="flowLabelConfig"
+          :hideMessage="hideMessage"
+          :processDefinitionId="nodeInfo.nextNode"
+          :showTooltip="showTooltip"
+          :simpleTips="simpleTips"
+          :selectorParams="selectorParams"
+          :oldOption="value"
+          @cancel="closeProcess($event, 'circulateVisible')"
+        />
+      </es-dialog>
+      <es-dialog
+        v-if="handleVisible"
+        append-to-body
+        height="auto"
+        class="flow-dialog"
+        ref="handleVisible"
+        :title="title"
+        :close-on-click-modal="false"
+        :visible.sync="handleVisible"
+        :closeParent="closeParent"
+      >
+        <ProcessForm
+          :id="freeStartFlowParams.startFlowBusinessId || businessIds"
+          :isCancelSecondConfirmationType="isCancelSecondConfirmationType"
+          :pending-id="pendingId"
+          :showTooltip="showTooltip"
+          :simpleTips="simpleTips"
+          :selectorParams="selectorParams"
+          :flowLabelConfig="flowLabelConfig"
+          :hideMessage="hideMessage"
+          :is-free-start-flow="
+            freeStartFlowParams.useScene === 'multiInsMidwayWithSubmitScene'
+          "
+          :pendingId="pendingId"
+          :copy-history="freeStartFlowParams.pendedHistoryHandle"
+          :process-definition-id="freeStartFlowNextNode || nodeInfo.nextNode"
+          :opinion="value"
+          :taskExamineParam="freeStartFlowParams.newFlowStartNodeItemName"
+          :taskParams="taskParams"
+          :formType="processFormType"
+          @cancel="closeProcess($event, 'handleVisible', closeParent)"
+        />
+      </es-dialog>
+      <es-dialog
+        append-to-body
+        :close-on-click-modal="false"
+        title="流程图查看"
+        class="flow-chart-dialog"
+        :visible.sync="showFlowChart"
+        v-if="showFlowChart"
+      >
+        <!-- <FlowChart :nodeId="nodeInfo.nextNode" v-if="showFlowChart" /> -->
+        <img
+          style="width: 100%"
+          :src="`${charUrl}/bpm/service/diagram/getpng.png?processDefinitionId=${nodeInfo.nextNode}`"
+          alt="加载失败"
+        />
+      </es-dialog>
+      <es-dialog
+        v-if="showReject"
+        append-to-body
+        class="flow-dialog"
+        height="auto"
+        title="驳回"
+        ref="showReject"
+        :close-on-click-modal="false"
+        :visible.sync="showReject"
+      >
+        <ProcessReject
+          v-if="showReject"
+          :pending-id="pendingId"
+          :option="value"
+          :showTooltip="showTooltip"
+          :simpleTips="simpleTips"
+          :flowLabelConfig="flowLabelConfig"
+          :hideMessage="hideMessage"
+          :show-reject="showReject"
+          :news-info="nextNode.notificationMsg"
+          @cancel="closeProcess($event, 'showReject')"
+        />
+      </es-dialog>
+      <es-dialog
+        v-if="showTaskRead"
+        append-to-body
+        class="flow-dialog"
+        height="auto"
+        ref="showTaskRead"
+        :close-on-click-modal="false"
+        :title="taskReadType === 'transfer' ? '转办' : '分阅'"
+        :visible.sync="showTaskRead"
+      >
+        <StartTaskRead
+          :pending-id="pendingId"
+          :opinion="value"
+          :type="taskReadType"
+          :showTooltip="showTooltip"
+          :flowLabelConfig="flowLabelConfig"
+          :hideMessage="hideMessage"
+          :selectorConfig="selectorConfig"
+          :simpleTips="simpleTips"
+          :subParams="subParams"
+          :taskExamine="taskExamineInfo"
+          :news-info="nextNode.notificationMsg"
+          @cancel="closeProcess($event, 'showTaskRead')"
+        />
+      </es-dialog>
+      <es-dialog
+        v-if="showFileList"
+        append-to-body
+        title="意见附件"
+        class="flow-dialog"
+        :close-on-click-modal="false"
+        :visible.sync="showFileList"
+      >
+        <FileList
+          :ownId="pendingId"
+          :code="attachedCode"
+          @changeFileNum="(val) => (fileNum = val)"
+        />
+      </es-dialog>
+      <es-dialog
+        v-if="showSort"
+        append-to-body
+        title="流程定义调整排序"
+        class="flow-dialog"
+        :close-on-click-modal="false"
+        :visible.sync="showSort"
+      >
+        <SortFlow
+          :flowTypeCode="flowTypeCode"
+          :defaultProcessKey="defaultProcessKey"
+          @success="sortSuccess"
+          @close="showSort = false"
+        />
+      </es-dialog>
+      <es-dialog
+        v-if="showSendMsg"
+        append-to-body
+        height="auto"
+        title="发送消息"
+        class="flow-dialog"
+        ref="showSendMsg"
+        :close-on-click-modal="false"
+        :visible.sync="showSendMsg"
+      >
+        <SendMsg
+          @cancel="closeProcess($event, 'showSendMsg')"
+          :simpleTips="simpleTips"
+          :pendingId="pendingId"
+          :showTooltip="showTooltip"
+          :newsList="newsList"
+        />
+      </es-dialog>
+      <es-dialog
+        v-if="showTaskUnionExamine"
+        append-to-body
+        height="auto"
+        class="flow-dialog"
+        ref="showTaskUnionExamine"
+        :close-on-click-modal="false"
+        :title="flowTitle"
+        :visible.sync="showTaskUnionExamine"
+      >
+        <TaskUnionExamine
+          @cancel="closeProcess($event, 'showTaskUnionExamine')"
+          :simpleTips="simpleTips"
+          :showTooltip="showTooltip"
+          :pendingId="pendingId"
+          :defaultOpinion="nodeDefaultSubmitOpinion"
+          :oldOption="value"
+          :flowLabelConfig="flowLabelConfig"
+          :hideMessage="hideMessage"
+          :selectorParams="selectorParams"
+          :type="flowType"
+          :multiple="flowMultiple"
+          :disabled="flowDisabled"
+        />
+      </es-dialog>
+      <es-dialog
+        v-if="showFreeStartFlow"
+        height="auto"
+        class="flow-dialog"
+        ref="handleVisible"
+        :title="title"
+        :close-on-click-modal="false"
+        :visible.sync="showFreeStartFlow"
+      >
+        <es-free-start-flow
+          v-if="showFreeStartFlow"
+          isStartFlow
+          v-bind="freeStartFlowParams"
+          :flowLabelConfig="flowLabelConfig"
+          :hideMessage="hideMessage"
+          :simpleTips="simpleTips"
+          @close="showFreeStartFlow = false"
+          @success="freeStartFlowSuccess"
+          :btnList="[{ text: '提交', event: 'sub', type: 'primary' }]"
+          :taskParams="taskParams"
+        ></es-free-start-flow>
+        <!-- @success="handleSuccess"
+    @save="handleSave" -->
+      </es-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+import Opinions from './component/Opinions.vue';
+import flowNew from './flow.vue';
+import ProcessForm from './processForm.vue';
+import CustomPreset from './component/CustomPreset.vue';
+import Preset from './component/Preset.vue';
+import FileList from './component/FileList.vue';
+import SendMsg from './component/SendMsg.vue';
+import TimeLimit from './component/TimeLimit.vue';
+import ProcessReject from './processReject.vue';
+import StartTaskRead from './startTaskRead.vue';
+import Reset from './reset.vue';
+import TaskUnionExamine from './component/taskUnionExamine.vue';
+import FreeStartFlow from './freeStartFlow.vue';
+import SelectUser from './selectUser.vue';
+import Supervise from './supervise.vue';
+import circulate from './component/Circulate.vue';
+import FreeCirculation from './component/FreeCirculation.vue';
+import SortFlow from './component/SortFlow.vue';
+import {
+  findSysCodes,
+  getHandleInfoHtml,
+  getNodeInfo,
+  tempSave,
+  getProcessDefList,
+  pendedhistoryList,
+  endFlowHtml,
+  taskReadHtml,
+  findCodeValues,
+  toStartTaskReadIndex,
+  loginUserInfo,
+  getAdjunctFileInfos,
+  rejectAndEnd,
+  getFreeStartFlowParams,
+  isCanStartSubFlow,
+  checkForeignOrgStartedCircularRead,
+  checkBusinessIdStartedReadTransferHandle,
+  taskHandleHtml,
+  getNodeInfoForStart,
+  isCancelSecondConfirmation,
+  getUrgencyLevelChangedNotificationType
+} from 'eoss-ui/src/config/api';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsFlowNew',
+  componentName: 'EsFlowNew',
+  components: {
+    [ProcessForm.name]: ProcessForm,
+    [ProcessReject.name]: ProcessReject,
+    [StartTaskRead.name]: StartTaskRead,
+    [CustomPreset.name]: CustomPreset,
+    [Opinions.name]: Opinions,
+    [FileList.name]: FileList,
+    [TimeLimit.name]: TimeLimit,
+    [SendMsg.name]: SendMsg,
+    [SelectUser.name]: SelectUser,
+    [TaskUnionExamine.name]: TaskUnionExamine,
+    [FreeStartFlow.name]: FreeStartFlow,
+    [SortFlow.name]: SortFlow,
+    circulate,
+    Preset,
+    Reset,
+    Supervise,
+    FreeCirculation
+  },
+  props: {
+    hideMessage: { type: Boolean, default: false },
+    showShrink: { type: Boolean, default: true },
+    showTooltip: { type: Boolean, default: true },
+    isStartFlow: { type: Boolean, default: false },
+    businessId: { type: String, default: '' },
+    pendingId: { type: String, default: '' },
+    nodeName: { type: String, default: '' },
+    typeCode: { type: String, default: '' },
+    selectorConfig: { type: [Object, undefined], default: undefined },
+    flowTypeCode: { type: String, default: '' },
+    defaultProcessKey: { type: String, default: '' },
+    hideBtn: { type: Boolean, default: false },
+    isCirculate: { type: Boolean, default: false },
+    newFlow: { type: Boolean, default: false },
+    formLabelPosition: {
+      type: String,
+      default: 'left'
+    },
+
+    flowListDisabled: {
+      type: Boolean,
+      default: false
+    },
+    btnList: {
+      type: Array,
+      default: () => [
+        { text: '暂存', event: 'save' },
+        { text: '提交', event: 'sub', type: 'primary' },
+      ]
+    },
+    subFun: {
+      type: Function,
+      default: (callBack) => {
+        callBack();
+      }
+    },
+    urgencyLevel: {
+      type: [String, Number],
+      default: ''
+    },
+    beforeSubmit: Function,
+    title: { type: String, default: '流程办理' },
+    formTitle: { type: String, default: '' },
+    closeParent: Boolean,
+    param: {
+      type: Object,
+      default: () => {}
+    },
+    subParams: {
+      type: Object,
+      default: () => {}
+    },
+    selectorParams: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    fullFlow: {
+      type: Boolean,
+      default: true
+    },
+    showReadConfirm: {
+      type: Boolean,
+      default: true
+    },
+    width: {
+      type: String
+    },
+    resetAppId: { type: String },
+    userSelectRange: {
+      type: String
+    },
+    rows: {
+      type: [String, Number],
+      default: 10
+    },
+    showOther: {
+      type: Boolean,
+      default: true
+    },
+    flowLabelConfig: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    isEndMessage: { type: Boolean, default: false }
+  },
+  data() {
+    return {
+      styles: {},
+      optionsKey: 0,
+      endMessage: '',
+      typeList: [
+        {
+          value: '默认',
+          key: 'button_default',
+          fun: 'default'
+        }
+      ], // 更多数组
+      isHideTemporarySave: false,
+      oldNextOperate: '',
+      showOpinion: true,
+      submitButtonFunKey: '',
+      activitiDefinitionSort: false,
+      taskNodeButtons: [],
+      taskOperationShiftedNodeList: null,
+      currentNodeEnableItemHandleDescription: false,
+      startFlowPageEmbeddedIntoStartFlowIndex: false,
+      pendingItemHandleDescription: '',
+      currentOrgSelectorParams: { filid: '', only_filid: true },
+      currentOrgSelectorTabs: ['employee', 'persongroup'],
+      foreignOrgSelectorTabs: ['enterprise', 'filgroupobj'],
+      foreignOrgSelectorParams: { filid: 'all', roleid: '' },
+      showCirculate: undefined,
+      circulateForm: { nextNodeId: '111' },
+      userModel: {},
+      simpleTips: true,
+      showFreeStartFlow: false, //自由发起流程弹窗
+      freeStartFlowParams: {}, //自由发起流程参数
+      freeStartFlowNextNode: undefined,
+      otherOrgDisabledObjId: [],
+      isCanReadTransferHandle: false,
+      readTransferHandleDisabled: true,
+      showCustomLimitTimeText: false,
+      showSort: false,
+      currentOrgDisabledObjId: [],
+      nextNodeCheckType: 'select',
+      nextOperateCheckType: 'select',
+      readOnlyNotificationType: '',
+      circularReadParamsMap: { circularReadOrgRoleCode: '' },
+      taskParams: {},
+      processFormType: undefined,
+      notificationMessageReadOnly: false,
+      isCanPreAddSign: false,
+      isStartFlowChartView: undefined,
+      nextOtherOrgObjSelect: [],
+      subProcessColumns: [],
+      nextCurrentOrgObjSelect: [],
+      nextCurrentOrgselectUserList: [],
+      loading: null, // 加载中
+      newTypeCode: '',
+      NodeName: '', // 当前节点值
+      radioList: [],
+      taskReadOpinionRequired: undefined,
+      value: '',
+      nodeFixedOpinionSelectList: [],
+      customPresetHintMessage: '', //流程预设标题
+      flowType: '',
+      flowDisabled: false,
+      activeNames: '1',
+      isEndUserTask: true,
+      enableCustomLimitTimeSetting: false, //是否开启限时办理
+      isForceDisplayDefaultOptionForPrefix: false,
+      selectUserList: [],
+      selectNextCurrentOrgObjList: [],
+      flowMultiple: true,
+      isCustomUser: 0,
+      shrink: false,
+      shrinkAbled: false,
+      freeValid: true,
+      taskExamineInfo: {},
+      presetUserJson: [],
+      presetList: [],
+      fileNum: 0, //附件数量
+      showFileList: false, //意见附件弹窗
+      attachedCode: '', //附件code码
+      isCustomPreset: false,
+      isBanInputOpinion: 0, //是否可以填写意见 0是 1否
+      isPreset: false,
+      businessIds: '',
+      presetTaskNodeKeyStr: '',
+      presetTaskNodeMap: {},
+      flowTitle: '',
+      endFlowInfo: {},
+      isCanFenyue: '0',
+      appId: '',
+      btnType: 'default',
+      currentNodeIsCircularReadNode: false,
+      multiple: false, //是否多选(true/false)
+      readMultiple: true, //分阅用户是否多选(true/false)
+      selectReadUserList: [], //选中分阅用户
+      mixPresetList: [], //自动分阅混选
+      selectPresetUserList: [], //自动分阅选中用户
+      presetOptions: [], //自动分阅
+      isLimitedTimeHandling: 0, //是否支持发起子流程限时办理
+      nodeType: 0, //节点类型, (普通节点0,承办节点1,会签节点2,阅办节点3)
+      userOptions: [], //分阅用户
+      StartTaskReadKey: 0,
+      mixReadList: [], //分阅混选
+      mixCurrentOrg: [], //本单位混选
+      isTaskread: 0, //是否展示分阅用户
+      showSendMsg: false, //是否展示核稿通知页面
+      canPresetRead: false, //是否展示自动分阅
+      isHideCurrentOrg: false, //是否隐藏本单位(承办)
+      isHideOtherOrg: false, //是否隐藏外单位(承办)
+      isMainSubProcess: false, // 判断是否子-主流程
+      isNodeShowProcess: false, //是否展示主办
+      isNextUser: false,
+      isShowNode: false,
+      nextNodeList: [],
+      removeUsers: [],
+      options: [],
+      params: {
+        filid: 'all', //选择范围(my:本单位/ "" or all:全部)
+        selectmix: 'true1',
+        deptid: '' //指定部门(my:本部门)
+      },
+      showReject: false, // 是否展示驳回按钮
+      showTaskRead: false, // 是否展示分阅按钮
+      taskReadType: '', //分阅类型
+      isChooseNextNode: 1, //是否展示下步操作
+      isHideDefaultOperation: false, //是否隐藏默认操作
+      isHandleExplain: 0, //是否展示办理说明
+      handleVisible: false,
+      circulateVisible: false,
+      defaultNextNode: '', //默认节点
+      showFlowChart: false, // 展示流程图弹窗
+      isReject: false, // 是否驳回
+      showTaskUnionExamine: false, //展示联合审核弹窗
+      charUrl: util.win.location.origin, //util.win.location.origin,
+      endFlow: false, // 是否结束流程
+      isCurrentNodeForbiddenChangeCandidate: 0, //是否禁止选择办理人
+      isSubmitButtonShowAgreeAndDisagree: 0, //是否展示同意和不同意按钮
+      pointsReadingObj: {
+        value: '分阅',
+        fun: undefined
+      }, // 分阅
+      rejectObj: {
+        value: '驳回',
+        fun: undefined
+      },
+      isLimitedTimeHandling: false, // 是否支持发起子流程限时办理
+      moreList: [], // 更多数组
+      newsList: [], // 通知类型
+      isSpecial: false,
+      taskId: '',
+      showNews: false, // 是否展示通知信息
+      userInfo: '', // 用户信息
+      objType: '',
+      nodeDefaultSubmitOpinion: '', // 默认保存意见
+      nodeDefaultRejectOpinion: '', // 默认驳回意见
+      choiceOrgId: '',
+      choiceDeptId: '',
+      pOrgId: '',
+      // userSelectionType: '',
+      isOpinionRequired: 0, // 常用意见是否必填
+      nextUserSelectList: [], // 下步选中办理人
+      processObj: {}, // 流程信息
+      pid: '123',
+      isCanRemoveSign: false, // 是否显示减签
+      isCanAddSign: false, // 是否显示加签
+      AddSignUserList: [], // 加签办理人数组
+      RemoveSignUserList: [], // 减签办理人数组
+      operationList: [], // 下一步操作
+      userList: [], // 下步办理人数组
+      handleMode: '',
+      countersignaturetypeCode: 0, //是否展示处理方式
+      presetEdit: 0,
+      directCreateCircularReadWhenFlowStarted: false,
+      isShowNextUser: true, //是否展示下步办理人
+      nextUserTypes: ['employee', 'persongroup'], //下步办理人类型配置
+      nextUserTabs: {}, //下步办理人权限配置
+      isCancelSecondConfirmationType: false,
+      presetReadUserId: [],
+      nextNode: {
+        nextNodeId: '', // 下步节点
+        addSignMode: 'postAddSign',
+        isAddSign: '', // 是否加签
+        isRemoveSign: '', // 是否减签
+        customLimitTime: '', //限时天数
+        customLimitTimeText: '', //限时天数
+        nextOperate: '', // 下步操作
+        notificationMsg: '', // 通知信息
+        addSignUserId: [], // 加签办理人
+        removeSignUserId: [], // 减签办理人
+        nextUserId: [], // 下步办理人
+        nextOrgId: [], //办理对象
+        nextCurrentOrgObj: [],
+        nextCurrentOrgObjSerialId: [], //本单位用户
+        nextOtherOrgObj: [], //外单位
+        nextReadUserId: [], //分阅用户
+        presetReadUserId: [], //自动分阅
+        handleExplain: '', //办理意见
+        nextItemHandleDescription: '', //下步说明
+        notificationType: [], // 通知方式
+        isLimitedTime: '2', // 是否限时办理
+        mainSubId: ''
+      },
+      nodeInfos: [], // 下步节点选择数组
+      nextFlowNode: '',
+      currentOrgName: '', //本单位名称
+      otherOrgName: '', //外单位名称
+      needRetrialAuth: false, //是否二次鉴权
+      msgTypeCount: 0,
+      saveButtonName: '暂存',
+      nodeInfo: {
+        nextNode: '',
+        nextUser: '',
+        option: []
+      }
+    };
+  },
+  created() {
+    this.getUserInfo();
+  },
+  destroyed() {
+    this.shrink = false;
+  },
+  mounted() {
+    this.businessIds = this.businessId;
+    this.currentOrgSelectorParams.filid = JSON.parse(
+      util.getStorage('mainConfig')
+    ).userModel.orgId;
+    this.getIsCancelSecondConfirmation();
+    this.foreignOrgSelectorParams.roleid =
+      this.currentOrgSelectorParams.roleid = this.selectorParams.roleid;
+    this.nextNode.nextNodeId = this.nextNodeId;
+    if (!this.isFlow) {
+      this.getInfo();
+    }
+  },
+  watch: {
+    urgencyLevel: {
+      handler(val) {
+        if (val && this.msgTypeCount != 0) {
+          this.getAdminMsgType();
+        } else {
+          this.msgTypeCount++;
+        }
+      },
+      deep: true,
+      immediate: true
+    },
+    isCirculate: {
+      handler(val) {
+        if (!val && this.showCirculate != undefined) {
+          this.showCirculate = val;
+          this.getInfo();
+        }
+        this.showCirculate = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    width: {
+      immediate: true,
+      handler(val) {
+        if (val) {
+          this.styles = { width: parseInt(val, 10) + 'px' };
+        }
+      }
+    },
+    businessId(val) {
+      if (val) {
+        this.businessIds = val;
+        if (this.isFlow) {
+          this.getProcess();
+        }
+      }
+    },
+    flowTypeCode: {
+      handler(val) {
+        this.isFlow && this.businessId && this.getProcess(val);
+      },
+      deep: true,
+      immediate: true
+    },
+    defaultProcessKey: {
+      handler(val) {
+        if (this.nodeInfo.option) {
+          this.nodeInfo.nextNode = this.nodeInfo.option.filter(
+            (item) => item.processDefKey == val
+          );
+          if (this.nodeInfo.nextNode.length) {
+            this.nodeInfo.nextNode = this.nodeInfo.nextNode[0].processDefId;
+          } else {
+            if (this.nodeInfo.option.length != 0) {
+              this.nodeInfo.nextNode = this.nodeInfo.option[0].processDefId;
+            } else {
+              this.nodeInfo.nextNode = '';
+            }
+          }
+          if (this.nodeInfo.nextNode) {
+            this.handleChange(this.nodeInfo.nextNode, true);
+          }
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  computed: {
+    rules() {
+      return {
+        customLimitTime: [
+          {
+            required: this.enableCustomLimitTimeSetting,
+            message: this.showCustomLimitTimeText
+              ? '请输入限时办理天数'
+              : '请选择限时办理天数',
+            trigger: 'blur'
+          },
+          {
+            required: this.enableCustomLimitTimeSetting,
+            validator: this.checkCustomLimitTime,
+            trigger: 'change'
+          }
+        ]
+      };
+    },
+    tabs() {
+      return {
+        employee: {
+          param: {
+            filid: this.userModel.orgId,
+            name: '本单位用户'
+          }
+        },
+        department: { param: { filid: this.userModel.orgId } }
+      };
+    },
+    currentTabs() {
+      return {
+        department: {
+          param: { filid: this.userModel.orgId }
+        },
+        employee: {
+          param: { filid: this.userModel.orgId }
+        }
+      };
+    }, //
+    // 是否开始流程
+    isFlow() {
+      return this.isStartFlow;
+    },
+    types() {
+      if (this.isCdjxjTaskHandle == 'true') {
+        return ['employee', 'enterprise', 'department'];
+      } else {
+        return ['employee', 'enterprise', 'department', 'persongroup'];
+      }
+    },
+    btnStyle() {
+      if (this.btnList.length > 1) {
+        return {};
+      } else {
+        return { width: '100%' };
+      }
+    }
+  },
+  methods: {
+    sortSuccess(list) {
+      this.nodeInfo.option = list;
+      if (this.defaultProcessKey == '') {
+        this.nodeInfo.nextNode = this.nodeInfo.option[0].processDefId;
+      }
+      this.showSort = false;
+      // this.$message.success('排序成功');
+    },
+    getIsCancelSecondConfirmation() {
+      util.ajax({ url: isCancelSecondConfirmation }).then((res) => {
+        if (res.status == 'success') {
+          this.isCancelSecondConfirmationType = res.data === false;
+        }
+      });
+    },
+    limitTimevalidate() {
+      let validSate = true;
+      this.$refs.nextNode.validate((valid) => {
+        if (valid) {
+          validSate = true;
+        } else {
+          validSate = false;
+        }
+      });
+      return validSate;
+    },
+    checkCustomLimitTime(rule, value, callback) {
+      if (!Number(value) || value.indexOf('.') != -1 || Number(value) < 0) {
+        callback(new Error('请输入正确的天数'));
+        this.nextNode.customLimitTime = '';
+      } else {
+        callback();
+      }
+    },
+    getAdminMsgType() {
+      let params = {
+        url: getUrgencyLevelChangedNotificationType,
+        params: { urgencyLevel: this.urgencyLevel }
+      };
+      util.ajax(params).then((res) => {
+        if (res.rCode == 0) {
+          this.newsList = res.results.latestChangedNotificationType;
+          let arr = [];
+          this.newsList.map((item) => {
+            this.nextNode.notificationType.map((x) => {
+              if (x == item.cciValue) {
+                arr.push(x);
+              }
+            });
+          });
+          this.nextNode.notificationType = arr;
+        }
+      });
+    },
+    handleEndMessageChange() {
+      this.$emit('endMessageChange', this.endMessage);
+    },
+    getInfo() {
+      if (
+        this.typeCode == 'supervise' ||
+        this.typeCode == 'read' ||
+        this.typeCode == 'freeCirculation'
+      )
+        return;
+      if (
+        this.showCirculate != undefined &&
+        !this.showCirculate &&
+        this.urgencyLevel
+      ) {
+        this.getAdminMsgType();
+      } else {
+        this.getNodeType();
+      }
+      !this.isFlow &&
+        (this.newTypeCode = this.typeCode || this.$route.query.typecode);
+      if (this.isFlow) {
+        this.businessId && this.getProcess();
+      } else if (this.newTypeCode == 'fenyue') {
+        this.getTaskReadFlow();
+      } else if (
+        this.newTypeCode != 'reset' &&
+        this.newTypeCode != 'continuation'
+      ) {
+        this.getHedInfo();
+      }
+    },
+    handleClickCirculate() {
+      if (this.beforeSubmit == undefined) {
+        this.$refs.circulate.subMit();
+      } else {
+        this.beforeSubmit(1)
+          .then((next) => {
+            this.$refs.circulate.subMit();
+          })
+          .catch((e) => {});
+      }
+    },
+    getNodeInfoForStartFlow(processDefinitionId) {
+      let params = {
+        url: getNodeInfoForStart,
+        params: { processDefinitionId }
+      };
+      util.ajax(params).then((res) => {
+        if (res.status == 'success') {
+          if (res.data.temporarySaveButtonName) {
+            this.saveButtonName = res.data.temporarySaveButtonName;
+          }
+          this.isHideTemporarySave =
+            res.data.nodeExtAttr.isHideTemporarySave == 1;
+          this.isBanInputOpinion = res.data.nodeExtAttr.isBanInputOpinion;
+          this.directCreateCircularReadWhenFlowStarted =
+            res.data.nodeExtAttr.directCreateCircularReadWhenFlowStarted == 1;
+
+          // if (this.directCreateCircularReadWhenFlowStarted) {
+          //   this.nodeInfo.option.map((item) => {
+          //     item.disabled = item.processDefId != processDefinitionId;
+          //   });
+          // } else {
+          //   this.nodeInfo.option.map((item) => {
+          //     item.disabled = false;
+          //   });
+          // }
+          this.optionsKey++;
+          this.isOpinionRequired = res.data.nodeExtAttr.isOpinionRequired;
+          this.showOpinion = false;
+          setTimeout(() => {
+            this.showOpinion = true;
+          }, 0);
+        }
+      });
+    },
+    changeCustomLimitTime(val) {
+      if (!Number(val) || val.indexOf('.') != -1 || Number(val) < 0) {
+        this.$message.warning('请输入正确的天数');
+        this.nextNode.customLimitTime = '';
+      }
+    },
+    taskReadTransferHandle() {
+      if (this.taskReadOpinionRequired == 'true' && !this.value) {
+        if (!this.$refs.commonOpinions.validate()) return;
+      }
+      this.freeStartFlowParams.startFlowBusinessId =
+        this.taskExamineInfo.businessId;
+      this.freeStartFlowNextNode = this.taskExamineInfo.processDefinitionId;
+      const { businessId, appId, processDefinitionId, pendingId, isSubFlow } =
+        this.taskExamineInfo;
+      let params = {
+        businessId,
+        appId,
+        processDefinitionId,
+        pendingId,
+        opinion: this.value,
+        isSubFlow,
+        taskAction: 'complete'
+      };
+      this.taskParams = params;
+      this.processFormType = 'readTransfer';
+      this.handleVisible = true;
+    },
+    handleChangeNotificationType() {
+      if (this.nextNode.notificationType.length > 0) {
+        this.$nextTick(() => {
+          this.$refs.esContent.scrollTop += this.$refs.messagebox.clientHeight;
+        });
+      }
+    },
+    showMessage() {
+      this.showNews = !this.showNews;
+      if (!this.showNews) return;
+      this.$nextTick(() => {
+        this.$refs.esContent.scrollTop += this.$refs.messagebox.clientHeight;
+      });
+    },
+    freeStartFlowSuccess() {
+      this.showFreeStartFlow = false;
+      this.flowSuccess(true);
+      // this.$emit('success');
+    },
+    handleChange(val, isForStartFlow) {
+      this.getNodeInfoForStartFlow(val, isForStartFlow);
+      this.$parent.$emit('flowChange', val);
+    },
+    getsubProcessColumns() {
+      if (!this.isMainSubProcess || !this.isNodeShowProcess) return [];
+      let data = [];
+      let obj = { name: '[部门员工]-' };
+      if (this.nextCurrentOrgObjSelect.length > 0) {
+        this.nextCurrentOrgObjSelect.map((x) => {
+          if (x.stype == '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);
+      if (this.nextOtherOrgObjSelect.length > 0) {
+        this.nextOtherOrgObjSelect.map((x) => {
+          data.push({
+            name: '[企业]' + x.showname,
+            value: 'enterprise-' + x.showid
+          });
+        });
+      }
+      this.subProcessColumns = data;
+      // return data;
+    },
+    // 分阅是否多选
+    isReadMultiple(nextReadUserSelectType) {
+      if (nextReadUserSelectType == 1) {
+        this.readMultiple = false;
+      } else if (nextReadUserSelectType == 2) {
+        this.readMultiple = true;
+      } else if (nextReadUserSelectType == 3) {
+        this.readMultiple = false;
+      } else if (nextReadUserSelectType == 4) {
+        this.readMultiple = true;
+      } else if (nextReadUserSelectType == 5) {
+        this.readMultiple = false;
+      } else if (nextReadUserSelectType == 6) {
+        this.readMultiple = true;
+      }
+    },
+    // 监听分阅/自动分阅用户选中
+    changeSelectReadUser(val, type) {
+      const { nextUser, mixList } = val;
+      this.nextNode[type] = nextUser;
+      if (type === 'presetReadUserId') {
+        this.mixPresetList = mixList;
+      } else {
+        this.mixReadList = mixList;
+      }
+    },
+    //获取附件
+    getFile(ownId, code) {
+      let params = {
+        url: getAdjunctFileInfos,
+        params: { ownId, code }
+      };
+      util
+        .ajax(params)
+        .then((res) => {
+          const { rCode, results, msg } = res;
+          if (rCode == 0) {
+            results && (this.fileNum = results.length);
+          } else {
+            this.$message.error(msg || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    //判断展示下步办理人/办理对象
+    getIsShowNextUser(val) {
+      if (
+        val == 7 ||
+        val == 8 ||
+        val == 9 ||
+        val == 10 ||
+        val == 11 ||
+        val == 12
+      ) {
+        this.isShowNextUser = false;
+        //设置办理角色
+        // $("#orgRoleCode").val(handleRoleId);
+        if (val == 7 || val == 8) {
+          this.nextUserTypes = ['department'];
+          this.nextUserTabs = {
+            department: { param: { filid: this.userModel.orgId } }
+          };
+          this.multiple = true;
+        } else if (val == 9 || val == 10) {
+          this.nextUserTypes = ['enterprise'];
+          this.nextUserTabs = { enterprise: { param: { filid: 'other' } } };
+          this.multiple = true;
+        } else if (val == 11 || val == 12) {
+          this.nextUserTypes = ['department', 'enterprise'];
+          this.nextUserTabs = {
+            enterprise: { param: { filid: 'other' } },
+            department: { param: { filid: this.userModel.orgId } }
+          };
+          this.multiple = true;
+        }
+        if (val == 7 || val == 9 || val == 11) {
+          this.multiple = false;
+        }
+      }
+    },
+    setShrink() {
+      this.shrink = !this.shrink;
+      this.styles = this.shrink
+        ? { width: 0 }
+        : { width: this.width ? parseInt(this.width, 10) + 'px' : '' };
+      this.$emit('shrink', this.shrink);
+    },
+    customLoading(type) {
+      if (type != 'end') {
+        this.loading = util.loading(this.$loading, '加载中...');
+      } else {
+        this.loading.close();
+      }
+    },
+    subRead() {
+      this.loading = util.loading(this.$loading, '加载中...');
+      const { businessId, appId, processDefinitionId, pendingId } =
+        this.taskExamineInfo;
+      let params = {
+        businessId,
+        appId,
+        processDefinitionId,
+        pendingId,
+        opinion: this.value,
+        taskAction: 'complete'
+      };
+      util
+        .ajax({
+          url: taskReadHtml,
+          params: { taskAction: 'complete' },
+          headers: {
+            Accept: 'application/json,text/plain'
+          },
+          method: 'post',
+          data: params
+        })
+        .then((res) => {
+          const { status, message } = res;
+          this.loading.close();
+          if (status === 'success') {
+            this.flowSuccess();
+            // this.$message.success('提交成功');
+            // this.$emit('success');
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+            this.$emit('error');
+          }
+        })
+        .catch((err) => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    taskRead() {
+      if (this.taskReadOpinionRequired == 'true' && !this.value) {
+        if (!this.$refs.commonOpinions.validate()) return;
+      }
+      if (this.showReadConfirm) {
+        this.$confirm('确认提交?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        })
+          .then(() => {
+            this.subRead();
+          })
+          .catch(() => {});
+      } else {
+        this.subRead();
+      }
+    },
+    validReadTransferHandle(
+      readTransferHandleBusinessId,
+      readTransferHandleProcessKey
+    ) {
+      let params = {
+        url: checkBusinessIdStartedReadTransferHandle,
+        params: {
+          readTransferHandleBusinessId,
+          readTransferHandleProcessKey,
+          pendingId: this.pendingId
+        }
+      };
+      util.ajax(params).then((res) => {
+        this.loading.close();
+        if (res.rCode == 0) {
+          this.readTransferHandleDisabled = !res.results.canReadTransferHandle;
+        }
+      });
+    },
+    getTaskReadFlow() {
+      this.loading = util.loading(this.$loading, '加载中...');
+      util
+        .ajax({
+          url: toStartTaskReadIndex,
+          params: { pendingId: this.pendingId }
+        })
+        .then((res) => {
+          const {
+            status,
+            message,
+            data: {
+              isCanFenyue,
+              taskExamine,
+              taskReadOpinionRequired,
+              isCanReadTransferHandle,
+              defaultNotificationMessage
+            }
+          } = res;
+          if (status === 'success') {
+            this.taskExamineInfo = taskExamine;
+            this.nodeName = this.nodename || taskExamine.nodeName || '分阅';
+            this.taskReadOpinionRequired = taskReadOpinionRequired;
+            this.nextNode.notificationMsg = defaultNotificationMessage;
+            this.isCanReadTransferHandle = isCanReadTransferHandle;
+            this.isCanFenyue = isCanFenyue;
+            if (this.nodeName) {
+              this.NodeName = this.nodeName;
+            }
+            if (this.isCanReadTransferHandle) {
+              this.validReadTransferHandle(
+                taskExamine.businessId,
+                taskExamine.processDefinitionId
+              );
+            }
+            this.getNodeType();
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+          this.loading.close();
+        })
+        .catch((err) => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    getUserInfo() {
+      let mainConfig = util.getStorage('mainConfig');
+      if (mainConfig) {
+        this.userModel = JSON.parse(mainConfig).userModel;
+      } else {
+        util
+          .ajax({ url: loginUserInfo })
+          .then((res) => {
+            const { status, data } = res;
+            if (status == 'success') {
+              this.userModel = data;
+            } else {
+              let msg = res.msg || '系统错误，请联系管理员！';
+              this.$message.error(msg);
+            }
+          })
+          .catch((err) => {
+            if (err.message && err.message !== 'canceled') {
+              this.$message.error(err.message);
+            }
+          });
+      }
+    },
+    changeSelectUser(val, type, isNextNode) {
+      // const { nextUser,mixList } = val;
+      const { nextUser, mixList } = val;
+      if (isNextNode) {
+        this.nextNode[type] = nextUser;
+        if (type == 'nextCurrentOrgObjSerialId') {
+          this.mixCurrentOrg = mixList;
+        }
+      } else {
+        this[type] = nextUser;
+      }
+    },
+    getNodeType() {
+      let params = {
+        url: findCodeValues,
+        params: {
+          ccCode: 'notification_type',
+          userId: util.getStorage('userId'),
+          pendingId: this.pendingId
+        }
+      };
+      util
+        .ajax(params)
+        .then((res) => {
+          const { status, data } = res;
+          if (status === 'success') {
+            this.newsList = data;
+          }
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * saveInfo
+     * @desc:暂存
+     * @author liufan
+     * @date 2022年9月9日
+     **/
+    saveInfo(type, btn) {
+      if (this.isFlow) {
+        if (!type) {
+          if (btn && btn.before) {
+            btn
+              .before(
+                Object.prototype.hasOwnProperty.call(btn, 'code') ? btn.code : 1
+              )
+              .then((next) => {
+                this.$emit('save', this.businessIds);
+              })
+              .catch((e) => {});
+          } else if (this.beforeSubmit != undefined) {
+            this.beforeSubmit(
+              btn && Object.prototype.hasOwnProperty.call(btn, 'code')
+                ? btn.code
+                : 1
+            )
+              .then((next) => {
+                this.$emit('save', this.businessIds);
+              })
+              .catch((e) => {});
+          } else {
+            this.$emit('save', this.businessIds);
+          }
+        }
+      } else {
+        if (btn && btn.before && !type) {
+          btn
+            .before(
+              Object.prototype.hasOwnProperty.call(btn, 'code') ? btn.code : 2
+            )
+            .then((next) => {
+              this.saveFlowInfo();
+            })
+            .catch((e) => {});
+        } else if (this.beforeSubmit == undefined && !type) {
+          this.subFun(this.saveFlowInfo);
+        } else if (!type && this.beforeSubmit != undefined) {
+          this.beforeSubmit(
+            btn && Object.prototype.hasOwnProperty.call(btn, 'code')
+              ? btn.code
+              : 2
+          )
+            .then((next) => {
+              this.saveFlowInfo();
+            })
+            .catch((e) => {});
+        } else {
+          this.saveFlowInfo(type);
+        }
+      }
+    },
+    saveFlowInfo(isSave) {
+      let params = {
+        opinion: this.value,
+        pendingId: this.pendingId
+      };
+      this.loading = util.loading(this.$loading, '保存中...');
+      util
+        .ajax({ url: tempSave, data: params, method: 'post' })
+        .then((res) => {
+          const { status, message } = res;
+          if (!isSave) this.loading.close();
+          if (status == 'success') {
+            // this.$message.success('暂存成功');
+            !isSave && this.$emit('save', this.businessIds);
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          if (!isSave) this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * rejectBtn
+     * @desc:点击驳回
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    rejectBtn(res) {
+      if (this.value === '') this.value = this.nodeDefaultRejectOpinion;
+      if (!this.value) {
+        if (!this.$refs.commonOpinions.validate()) return;
+      }
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit(0)
+          .then((next) => {
+            // this.showReject = true;
+            this.btnType = this.btnFunValue(res.fun);
+          })
+          .catch((e) => {});
+      } else {
+        // this.showReject = true;
+        this.btnType = this.btnFunValue(res.fun);
+      }
+    },
+    /**
+     * taskReadBtn
+     * @desc:点击分阅
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    taskReadBtn(res) {
+      // return this.$message.warning('暂未开放！敬请期待');
+      
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit()
+          .then((next) => {
+            if (this.value === '') this.value = this.nodeDefaultRejectOpinion;
+            this.taskReadType = 'create';
+            // this.showTaskRead = true;
+            this.btnType = this.btnFunValue(res.fun);
+          })
+          .catch((e) => {});
+      } else {
+        if (this.value === '') this.value = this.nodeDefaultRejectOpinion;
+        this.taskReadType = 'create';
+        // this.showTaskRead = true;
+        this.btnType = this.btnFunValue(res.fun);
+      }
+    },
+    /**
+     * getFind
+     * @desc:获取通知方式
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getFind() {
+      util
+        .ajax({
+          url: findSysCodes
+        })
+        .then((res) => {
+          const { status, message } = res;
+          if (status === 'success') {
+            if (this.hideMessage) return;
+            this.nextNode.notificationType = message.split(',');
+            let arr = [];
+            this.newsList.map((item) => {
+              this.nextNode.notificationType.map((x) => {
+                if (x == item.cciValue) {
+                  arr.push(x);
+                }
+              });
+            });
+            this.nextNode.notificationType = arr;
+          }
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    getFreeStartParams() {
+      const { businessId, processDefinitionId, nodeId } = this.endFlowInfo;
+      let param = {
+        url: getFreeStartFlowParams,
+        params: {
+          businessId,
+          processDefinitionId,
+          pendingId: this.pendingId,
+          nodeId
+        }
+      };
+      this.loading = util.loading(this.$loading, '加载中...');
+      util.ajax(param).then((res) => {
+        this.loading.close();
+        if (res.rCode == 0 || res.status == 'success') {
+          this.freeStartFlowParams = res.results;
+          if (res.results.useScene === 'multiInsMidwayWithSubmitScene')
+            this.subProcess('同意。', res.results.useScene);
+          if (!this.freeValid) return;
+          if (
+            (res.results.startFlowIndexProcessKeys &&
+              res.results.startFlowIndexProcessKeys.length == 0) ||
+            !res.results.startFlowIndexProcessKeys
+          )
+            return this.$message.warning('未找到流程定义!');
+          if (res.results.startFlowIndexProcessKeys.length == 1) {
+            this.freeStartFlowNextNode =
+              res.results.startFlowIndexProcessKeys[0];
+            this.handleVisible = true;
+          } else {
+            this.showFreeStartFlow = true;
+          }
+        } else {
+          this.$message.error(res.message || '系统错误，请联系管理员！');
+        }
+      });
+    },
+    /**
+     * endFlows
+     * @desc:直接办结
+     * @author liufan
+     * @param {Object} res 直接办结数据
+     * @date 2022年5月25日
+     **/
+    endFlows(res) {
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit()
+          .then((next) => {
+            this.saveEndFlows(res);
+          })
+          .catch((e) => {});
+      } else {
+        this.saveEndFlows(res);
+      }
+    },
+    /**
+     * 获取弹性布局样式
+     * @returns {string} 弹性布局值
+     */
+    getFlexStyle() {
+      const isDefaultFlex =
+        ((!this.endFlow ||
+          this.nodeInfos.length > 1 ||
+          this.taskOperationShiftedNodeList) &&
+          this.newTypeCode != 'fenyue' &&
+          !this.shrink &&
+          this.btnType === 'default') ||
+        this.btnType != 'default';
+      return isDefaultFlex ? 'unset' : '1';
+    },
+    saveEndFlows(res) {
+      this.$confirm('确认' + res.value + '?')
+        .then(() => {
+          let params = {
+            url: endFlowHtml,
+            headers: { Accept: 'application/json,text/plain' },
+            method: 'post',
+            data: {
+              ...this.endFlowInfo,
+              ...this.nextNode,
+              opinion: this.value,
+              userId: util.getStorage('userId'),
+              nextUserId: this.multiple
+                ? this.nextNode.nextUserId.join(',')
+                : this.nextNode.nextUserId,
+              addSignUserId: this.nextNode.addSignUserId.join(','),
+              customPresetUserJson: JSON.stringify(this.presetList),
+              presetUserJson: JSON.stringify(this.presetUserJson),
+              removeSignUserId: this.nextNode.removeSignUserId.join(','),
+              notificationType: this.nextNode.notificationType.join(',')
+            }
+          };
+          this.loading = util.loading(this.$loading, '加载中...');
+          util
+            .ajax(params)
+            .then((res) => {
+              const { status, message } = res;
+              this.loading.close();
+              if (status === 'success') {
+                this.flowSuccess();
+                // this.$message.success('提交成功');
+                // this.$emit('success');
+              } else {
+                this.$message.error(message || '系统错误，请联系管理员！');
+                this.$emit('error');
+              }
+            })
+            .catch((err) => {
+              this.loading.close();
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+            });
+        })
+        .catch((e) => {});
+    },
+    /**
+     * goView
+     * @desc:更多流程按钮操作
+     * @author liufan
+     * @param {Object} res 当前点击操作按钮数据
+     * @date 2022年5月25日
+     **/
+    goView(res) {
+      // 驳回并办结：rejectAndEndHtml
+      // 获取转办页面：toTaskTransferHtml
+      // 转办：taskTransferHtml
+      // 获取分阅页面信息：toStartTaskReadHtml
+      // 分阅：taskReadHtml
+      // 获取驳回页面信息：toTaskRejectHtml（注释有误：appId改为pendingId）
+      // 驳回：taskRejectHtml
+      // 直接办结：endFlowHtml
+      // 自由发起子流程：toFreeStartFlow
+      console.log(res, '123');
+      if (res.type == 4) {
+        this.$emit(
+          'buttonClick',
+          { fun: res.fun, opinion: this.value },
+          this.sendData
+        );
+      } else if (res.fun === 'toStartTaskRead()') {
+        // 分阅
+        this.taskReadBtn(res);
+      } else if (res.fun === 'reject()') {
+        // 驳回
+        this.rejectBtn(res);
+      } else if (res.fun === 'endFlow()') {
+        // 直接办结
+        this.endFlows(res);
+      } else if (res.fun === 'rejectAndEnd()') {
+        // 驳回并办结
+        this.rejectAndEnd(res);
+      } else if (res.fun === 'toTransfer()') {
+        // 转办
+        this.toTransfer(res);
+      } else if (res.fun === 'toTaskReadAndEnd()') {
+        this.toTaskReadAndEnd(res);
+      } else if (res.fun === 'toSendMsg()') {
+        // 核稿通知
+        this.toSendMsg(res);
+      } else if (res.fun === 'toStartDraf()') {
+        //稿件递送
+        this.flowType = 'startDraf';
+        this.flowMultiple = false;
+        this.flowDisabled = false;
+        this.flowTitle = res.value;
+        this.toStartDraf(res);
+      } else if (res.fun === 'toTakeAdvice()') {
+        //征求意见
+        this.flowType = 'takeAdvice';
+        this.flowMultiple = true;
+        this.flowDisabled = false;
+        this.flowTitle = res.value;
+
+        this.toTakeAdvice(res);
+      } else if (res.fun === 'toUnionExamine()') {
+        //联合审核
+        this.flowType = 'unionExamine';
+        this.flowTitle = res.value;
+        this.flowDisabled = false;
+        this.flowMultiple = true;
+        this.toStartDraf(res);
+      } else if (res.fun === 'toTaskReview()') {
+        // 复核
+        this.flowType = 'taskReview';
+        this.flowDisabled = true;
+        this.flowTitle = res.value;
+        this.toStartDraf(res);
+      } else if (res.fun === 'toUnionSeal()') {
+        // 联合用印
+        this.flowType = 'unionSeal';
+        this.flowDisabled = false;
+        this.flowTitle = res.value;
+        this.toStartDraf(res);
+      } else if (res.fun == 'toTwoOfficesDispatch()') {
+        // 报送两办
+        this.flowType = 'twoOfficesDispatch';
+        this.flowDisabled = true;
+        this.flowTitle = res.value;
+        this.toStartDraf(res);
+      } else if (res.fun == 'toFreeStartFlow()') {
+        this.getFreeStartParams();
+        // 报送两办
+        // this.flowType = 'twoOfficesDispatch';
+        // this.flowDisabled = true;
+        // this.flowTitle = res.value;
+        // this.toStartDraf(res);
+      } else if (res.fun == 'default') {
+        this.btnType = 'default';
+      } else {
+        this.$message.warning('暂未开放，敬请期待！');
+      }
+      // isCanStartSubFlow
+    },
+    /**
+     * toTakeAdvice
+     * @desc:征求意见
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toTakeAdvice(res) {
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit()
+          .then((next) => {
+            this.saveToTakeAdvice(res);
+          })
+          .catch((e) => {});
+      } else {
+        this.saveToTakeAdvice(res);
+      }
+      // return this.$message.warning('暂未开放！敬请期待');
+    },
+    saveToTakeAdvice(resInfo) {
+      let params = {
+        url: isCanStartSubFlow,
+        data: {
+          appId: this.taskExamineInfo.appId,
+          inevitableNode: resInfo.inevitableNode
+        },
+        method: 'post',
+        headers: { Accept: 'application/json,text/plain' }
+      };
+      this.loading = util.loading(this.$loading, '加载中...');
+      util
+        .ajax(params)
+        .then((res) => {
+          const { message } = res;
+          this.loading.close();
+          if (message == 'success') {
+            // this.showTaskUnionExamine = true;
+            this.btnType = ''
+            setTimeout(() => {
+              this.btnType = this.btnFunValue(resInfo.fun)
+            }, 0);
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * toStartDraf
+     * @desc: 稿件递送、联合审核、复核
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toStartDraf(res) {
+      console.log(res)
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit()
+          .then((next) => {
+            // this.showTaskUnionExamine = true;
+            this.btnType = ''
+            setTimeout(() => {
+              this.btnType = this.btnFunValue(res.fun)
+            }, 0);
+            // this.btnType = this.btnFunValue(res.fun) //this.btnFunValue(res.fun);
+          })
+          .catch((e) => {});
+      } else {
+        // this.showTaskUnionExamine = true;
+            this.btnType = ''
+            setTimeout(() => {
+              this.btnType = this.btnFunValue(res.fun)
+            }, 0);
+      }
+    },
+    /**
+     * toSendMsg
+     * @desc:核稿通知
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toSendMsg(res) {
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit()
+          .then((next) => {
+            this.showSendMsg = true;
+          })
+          .catch((e) => {});
+      } else {
+        this.showSendMsg = true;
+      }
+    },
+    /**
+     * toTaskReadAndEnd
+     * @desc:分阅并办结
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toTaskReadAndEnd(res) {
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit()
+          .then((next) => {
+            if (this.value === '') this.value = this.nodeDefaultRejectOpinion;
+            this.taskReadType = 'taskReadAndEnd';
+            this.showTaskRead = true;
+          })
+          .catch((e) => {});
+      } else {
+        if (this.value === '') this.value = this.nodeDefaultRejectOpinion;
+        this.taskReadType = 'taskReadAndEnd';
+        this.showTaskRead = true;
+      }
+    },
+    /**
+     * rejectAndEnd
+     * @desc:驳回并办结
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    rejectAndEnd(res) {
+      if (this.isOpinionRequired == 1 && (this.value == '' || !this.value)) {
+        if (!this.$refs.commonOpinions.validate()) return;
+      }
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit()
+          .then((next) => {
+            this.saveRejectAndEnd(res);
+          })
+          .catch((e) => {});
+      } else {
+        this.saveRejectAndEnd(res);
+      }
+    },
+    saveRejectAndEnd(res) {
+      this.$confirm('确认' + res.value + '?')
+        .then(() => {
+          // return this.$message.warning('请填写意见');
+          let params = {
+            url: rejectAndEnd,
+            headers: { Accept: 'application/json,text/plain' },
+            method: 'post',
+            data: {
+              opinion: this.value,
+              pendingId: this.pendingId,
+              isSinglePage: false
+            }
+          };
+          this.loading = util.loading(this.$loading, '加载中...');
+          util
+            .ajax(params)
+            .then((res) => {
+              const { status, message } = res;
+              this.loading.close();
+              if (status === 'success') {
+                this.flowSuccess();
+                // this.$message.success('提交成功');
+                // this.$emit('success');
+              } else {
+                this.$message.error(message || '系统错误，请联系管理员！');
+                this.$emit('error');
+              }
+            })
+            .catch((err) => {
+              this.loading.close();
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+            });
+        })
+        .catch(() => {
+          // on cancel
+        });
+    },
+    /**
+     * toTransfer
+     * @desc:转办
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toTransfer(res) {
+      if (this.beforeSubmit != undefined) {
+        this.beforeSubmit(0)
+          .then((next) => {
+            this.taskReadType = 'transfer';
+            this.showTaskRead = true;
+          })
+          .catch((e) => {});
+      } else {
+        this.taskReadType = 'transfer';
+        this.showTaskRead = true;
+      }
+    },
+    handleChangeTime(val) {
+      this.nextNode.customLimitTime = val;
+    },
+    /**
+     * getNodeInfo
+     * @desc:获取节点信息
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getNodeInfo() {
+      let params = {
+        processDefinitionId: this.nodeInfo.nextNode,
+        nextNodeId: this.nextNode.nextNodeId,
+        taskId: this.taskId,
+        userId: util.getStorage('userId'),
+        pendingId: this.pendingId,
+        businessId: this.businessIds
+      };
+      util
+        .ajax({ url: getNodeInfo, params })
+        .then((res) => {
+          const { status, message, data } = res;
+          this.loading.close();
+          if (status === 'success') {
+            this.isCurrentNodeForbiddenChangeCandidate =
+              data.nodeExtAttr.isCurrentNodeForbiddenChangeCandidate;
+            this.currentNodeEnableItemHandleDescription =
+              data.nodeExtAttr.currentNodeEnableItemHandleDescription == 1;
+            this.enableCustomLimitTimeSetting =
+              data.nodeExtAttr.enableCustomLimitTimeSetting == 1;
+            if (
+              this.enableCustomLimitTimeSetting &&
+              data.nodeMoreInfo.defaultCustomLimitDays
+            ) {
+              this.nextNode.customLimitTime =
+                this.nextNode.customLimitTimeText =
+                  data.nodeMoreInfo.defaultCustomLimitDays + '';
+            }
+            if (
+              this.currentOrgSelectorParams.department &&
+              !this.currentOrgSelectorParams.department.roleid &&
+              this.selectorParams.roleid &&
+              data.nodeExtAttr.deptRoleCode
+            ) {
+              this.currentOrgSelectorParams.department.roleid =
+                data.nodeExtAttr.deptRoleCode;
+            }
+            if (data.nodeMoreInfo.currentOrgDefaultSelectObjectItems) {
+              if (
+                data.nodeMoreInfo.currentOrgDefaultSelectObjectItems.deptIds
+                  .length > 0
+              ) {
+                data.nodeMoreInfo.currentOrgDefaultSelectObjectItems.deptIds.map(
+                  (x, i) => {
+                    this.nextCurrentOrgselectUserList.push({
+                      showname:
+                        data.nodeMoreInfo.currentOrgDefaultSelectObjectItems
+                          .deptNames[i],
+                      showid: x,
+                      stype: 'department'
+                    });
+                  }
+                );
+              }
+              if (
+                data.nodeMoreInfo.currentOrgDefaultSelectObjectItems.userIds
+                  .length > 0
+              ) {
+                data.nodeMoreInfo.currentOrgDefaultSelectObjectItems.userIds.map(
+                  (x, i) => {
+                    this.nextCurrentOrgselectUserList.push({
+                      showname:
+                        data.nodeMoreInfo.currentOrgDefaultSelectObjectItems
+                          .userNames[i],
+                      showid: x,
+                      stype: 'employee'
+                    });
+                  }
+                );
+              }
+              if (
+                data.nodeMoreInfo.currentOrgDefaultSelectObjectItems.orgIds
+                  .length > 0
+              ) {
+                data.nodeMoreInfo.currentOrgDefaultSelectObjectItems.orgIds.map(
+                  (x, i) => {
+                    this.nextCurrentOrgselectUserList.push({
+                      showname:
+                        data.nodeMoreInfo.currentOrgDefaultSelectObjectItems
+                          .orgNames[i],
+                      showid: x,
+                      stype: 'enterprise'
+                    });
+                  }
+                );
+              }
+            }
+            if (
+              data.nodeMoreInfo
+                .chooseCurrentOrgUserCandidateNeedForbiddenSubDept === true
+            ) {
+              this.params.only_filid = true;
+            }
+            data.otherOrgDisabledObjId &&
+              (this.otherOrgDisabledObjId =
+                data.otherOrgDisabledObjId.split(','));
+            data.currentOrgDisabledObjId &&
+              (this.currentOrgDisabledObjId =
+                data.currentOrgDisabledObjId.split(','));
+            if (data != null) {
+              if (
+                data.nodeExtAttr.userSelectionType == 7 ||
+                data.nodeExtAttr.userSelectionType == 8 ||
+                data.nodeExtAttr.userSelectionType == 9 ||
+                data.nodeExtAttr.userSelectionType == 10 ||
+                data.nodeExtAttr.userSelectionType == 11 ||
+                data.nodeExtAttr.userSelectionType == 12
+              ) {
+                this.getIsShowNextUser(
+                  data.nodeExtAttr && data.nodeExtAttr.userSelectionType
+                );
+              } else {
+                this.isMultiple(
+                  data.nodeExtAttr && data.nodeExtAttr.userSelectionType,
+                  this.choiceOrgId,
+                  this.choiceDeptId,
+                  this.pOrgId
+                );
+              }
+              this.isReadMultiple(
+                data.nodeExtAttr && data.nodeExtAttr.userSelectionType
+              );
+              this.isTaskread = data.nodeExtAttr.isTaskread;
+              this.isHandleExplain = data.nodeExtAttr.isHandleExplain;
+              this.isLimitedTimeHandling =
+                data.nodeExtAttr.isLimitedTimeHandling;
+              this.nodeType = data.nodeExtAttr.nodeType;
+              //如果当前为承办节点/会签节点,则展示本单位外单位办理人选择
+              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.isNodeShowProcess = false;
+                this.isMainSubProcess = false;
+                this.isNextUser = this.nextNode.nextOperate != 9;
+                // this.isMainSubProcess === true
+                //   ? (this.isMainSubProcess = true)
+                //   : (this.isMainSubProcess = false);
+              }
+              this.multiple
+                ? (this.nextNode.nextUserId = [])
+                : (this.nextNode.nextUserId = '');
+              if (
+                this.multiple &&
+                data.nodeExtAttr.isDefSelectedObj == 1 &&
+                data.nextUserList !== undefined
+              ) {
+                data.nextUserList.map((item) => {
+                  if (item.userId && item.username) {
+                    this.nextNode.nextUserId.push(item.userId);
+                    this.selectUserList.push({
+                      showname: item.username,
+                      showid: item.userId
+                    });
+                  }
+                });
+              }
+              data.nextUserList.map((item) => {
+                if (item.userId && item.username) {
+                  this.options.push({
+                    showname: item.username,
+                    showid: item.userId
+                  });
+                }
+              });
+              if (data.nodeExtAttr.presetEdit != 0) {
+                this.radioList = this.options;
+              }
+              if (
+                !this.multiple &&
+                data.nextUserList.length > 0 &&
+                data.nodeExtAttr.isDefSelectedObj == 1
+              ) {
+                this.nextNode.nextUserId = data.nextUserList[0].userId;
+                this.selectUserList.push({
+                  showname: data.nextUserList[0].username,
+                  showid: data.nextUserList[0].userId
+                });
+              }
+              this.isLimitedTimeHandling =
+                data.nodeExtAttr.isLimitedTimeHandling;
+              this.isCustomUser = data.nodeExtAttr.isCustomUser;
+              this.presetEdit = data.nodeExtAttr.presetEdit;
+              this.countersignaturetypeCode = data.countersignaturetypeCode; //是否展示处理方式
+              this.handleMode = data.countersignaturetypeText;
+              if (data.globalNodeType === 'endEvent') {
+                this.isNextUser = data.globalNodeType != 'endEvent';
+                data.globalNodeType === 'endEvent' ? (this.endFlow = true) : '';
+              }
+            }
+            this.isCustomPreset &&
+              this.$refs.customPreset.getPresetFlowInfo(
+                this.nextNode.nextNodeId,
+                this.nodeInfo.nextNode,
+                true
+              );
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * selecNext
+     * @desc:下步节点变化时更新数据
+     * @author liufan
+     * @param {String} val 当前选中值
+     * @date 2022年5月25日
+     **/
+    selecNext(val, type, isDef) {
+      let isNextNode = false;
+      if (type && val && this.operationList.length > 0) {
+        let arr = this.operationList.filter((x) => x.key == val);
+        if (arr.length > 0) {
+          isNextNode = arr[0].isNextNode;
+        }
+      }
+      this.loading = util.loading(this.$loading, '加载中...');
+      if (this.multiple) {
+        this.nextNode.nextUserId = [];
+      } else {
+        this.nextNode.nextUserId = '';
+      }
+      if (isNextNode) {
+        this.oldNextOperate = this.operationList.filter(
+          (x) => x.key == val
+        )[0].nextOperate;
+      } else {
+        this.oldNextOperate = '';
+      }
+      this.options = [];
+      this.selectUserList = [];
+      this.radioList = [];
+
+      if (type) {
+        this.isNextUser = false;
+        this.isShowNode = false;
+        this.isMainSubProcess = false;
+        this.isNodeShowProcess = false;
+        if (!isDef) {
+          this.endFlow = false;
+        }
+        this.nextNode.nextNodeId = '';
+        this.nextNode.isReturnSubmitter = 0;
+        this.nextNode.isUndertakeReply = 0;
+        this.nextNode.isTakeAdviceReply = 0;
+        this.nextNode.isUndertakeEnd = 0;
+        this.nextNode.isTakeAdviceEnd = 0;
+        this.nextNode.isReadDealReply = 0;
+        this.nextNode.isReadDealEnd = 0;
+        this.nextNode.isReturnRejectNode = 0;
+        this.nextNode.isSerialSubmit = 0;
+        this.nodeInfos = [];
+        this.operationList.forEach((item) => {
+          if (item.key === val) {
+            if (!item.taskNodeList) {
+              this.nodeInfos = [];
+            } else {
+              this.nodeInfos = item.taskNodeList;
+
+              if (this.taskOperationShiftedNodeList) {
+                this.nodeInfos = item.taskNodeList.filter(
+                  (x) =>
+                    this.taskOperationShiftedNodeList.indexOf(x.nodeId) == -1
+                );
+              }
+            }
+            return;
+          }
+        });
+        if (this.defaultNextNode) {
+          let defaultNode = this.nodeInfos.filter(
+            (item) => item.nodeId == this.defaultNextNode
+          );
+          if (this.nodeInfos.length > 0 && defaultNode.length == 0) {
+            this.nextNode.nextNodeId = this.nodeInfos[0].nodeId;
+          } else {
+            this.nextNode.nextNodeId = this.defaultNextNode;
+          }
+        } else if (this.nodeInfos.length > 0) {
+          this.nextNode.nextNodeId = this.nodeInfos[0].nodeId;
+        }
+      }
+      if (isNextNode) {
+        this.nodeInfos = [];
+        this.nextNode.nextNodeId = val;
+      }
+      if (val === 9) {
+        this.isReject = true;
+      } else {
+        this.isReject = false;
+      }
+      if (this.isSpecial) {
+        if (val == -1) {
+          this.nextNode.isSerialSubmit = 1;
+          this.loading.close();
+          return;
+        } else if (val == 0) {
+          this.isNextUser = true;
+          this.isShowNode = true;
+        } else if (val == 1) {
+          this.isNextUser = true;
+          this.isShowNode = true;
+        } else if (val == 2) {
+          this.nextNode.isReturnSubmitter = 1;
+          this.loading.close();
+          return;
+        } else if (val == 3) {
+          this.nextNode.isUndertakeReply = 1;
+          this.loading.close();
+          return;
+        } else if (val == 4) {
+          this.nextNode.isTakeAdviceReply = 1;
+          this.loading.close();
+          return;
+        } else if (val == 5) {
+          this.nextNode.isUndertakeEnd = 1;
+          this.loading.close();
+          return;
+        } else if (val == 6) {
+          this.nextNode.isTakeAdviceEnd = 1;
+          this.loading.close();
+          return;
+        } else if (val == 7) {
+          this.nextNode.isReadDealReply = 1;
+          this.loading.close();
+          return;
+        } else if (val == 8) {
+          this.nextNode.isReadDealEnd = 1;
+          this.loading.close();
+          return;
+        } else if (val == 9) {
+          this.nextNode.isReturnRejectNode = 1;
+          this.loading.close();
+          return;
+        } else {
+        }
+      }
+      if (this.endFlow && isDef) {
+        this.loading.close();
+      } else {
+        this.getNodeInfo();
+      }
+    },
+    /**
+     * isMultiple
+     * @desc:是否多选
+     * @author liufan
+     * @date 2022年9月13日
+     **/
+    isMultiple(val, choiceOrgId, choiceDeptId, pOrgId) {
+      if (val == 2 || val == 4 || val == 6 || val == 16) {
+        this.multiple = true;
+      } else {
+        this.multiple = false;
+      }
+      if (val == 1 || val == 2 || val == 5) {
+        this.params.filid = this.userModel.orgId;
+        if (choiceOrgId) {
+          this.params.filid = choiceOrgId;
+        }
+      }
+      if (val == 5 || val == 6) {
+        this.params.filid = this.userModel.orgId;
+        this.params.mydeptid = this.userModel.depId;
+        if (choiceDeptId) {
+          this.params.mydeptid = choiceDeptId;
+        }
+        if (choiceOrgId) {
+          this.params.filid = choiceOrgId;
+        }
+      }
+      if (val == 15 || val == 16) {
+        this.params.filid = this.userModel.orgId;
+        if (pOrgId) {
+          this.params.filid = pOrgId;
+        }
+      }
+    },
+    btnFunValue(fun) {
+      return fun.replace('()', '');
+    },
+    /**
+     * getHedInfo
+     * @desc:获取审核页面数据
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getHedInfo() {
+      this.loading = util.loading(this.$loading, '加载中...');
+      let params = {
+        pendingId: this.pendingId,
+        userId: util.getStorage('userId')
+      };
+      util
+        .ajax({ url: getHandleInfoHtml, params })
+        .then((res) => {
+          //pc返回数据
+
+          this.loading.close();
+
+          if (res.status === 'success') {
+            const {
+              data: {
+                nextNodeList,
+                taskOperations,
+                isCustomPreset,
+                presetTaskNodeKeyStr,
+                presetTaskNodeMap,
+                temporarySaveButtonName,
+                circularReadParamsMap,
+                isPreset,
+                choiceOrgId,
+                nextOperateCheckType,
+                choiceDeptId,
+                readOnlyNotificationType,
+                notificationMessageReadOnly,
+                nextNodeCheckType,
+                pOrgId,
+                extendData,
+                currentOrgName,
+                pendingItemHandleDescription,
+                currentOrgSelectorParams,
+                otherOrgName,
+                taskExamine,
+                nodeInfoMap,
+                canRemoveSignUserList,
+                defaultNotificationMessage,
+                customPresetHintMessage,
+                isCanAddSign,
+                isCanRemoveSign,
+                attachedCode,
+                isSpecial,
+                canPresetRead,
+                isCdjxjTaskHandle,
+                taskOperationShiftedNodeList,
+                taskButtonList,
+                simpleTips,
+                opinion,
+                isCanPreAddSign
+              }
+            } = res;
+            if (temporarySaveButtonName) {
+              this.saveButtonName = temporarySaveButtonName;
+            }
+            if (simpleTips != undefined) {
+              this.simpleTips = simpleTips;
+            }
+            this.$emit('startTaskRead', res);
+            this.$emit('start-task-read', res);
+            if (
+              taskOperationShiftedNodeList &&
+              taskOperationShiftedNodeList.length > 0
+            ) {
+              this.taskOperationShiftedNodeList = [];
+              taskOperationShiftedNodeList.map((x) => {
+                this.taskOperationShiftedNodeList.push(x.nodeId);
+                taskOperations.push({
+                  key: x.nodeId,
+                  value: x.nodeName,
+                  nextOperate: x.nextOperate,
+                  isNextNode: true
+                });
+              });
+            }
+            this.isHideTemporarySave =
+              nodeInfoMap.nodeExtAttr.isHideTemporarySave == 1;
+            this.pendingItemHandleDescription = pendingItemHandleDescription;
+            if (currentOrgSelectorParams.enableCurrentOrgConfig == 'true') {
+              this.currentOrgSelectorTabs =
+                currentOrgSelectorParams.currentOrgType.split(',');
+              let currentOrgparams =
+                currentOrgSelectorParams.currentOrgRange.split(',');
+              this.currentOrgSelectorTabs.map((x, i) => {
+                this.currentOrgSelectorParams[x] = {
+                  filid:
+                    currentOrgparams[i] == 'my'
+                      ? choiceOrgId
+                      : currentOrgparams[i],
+                  only_filid: true,
+                  roleid: this.selectorParams.roleid
+                };
+              });
+            }
+            if (currentOrgSelectorParams.enableForeignOrgConfig == 'true') {
+              this.foreignOrgSelectorTabs =
+                currentOrgSelectorParams.foreignOrgType.split(',');
+              let foreignOrgparams =
+                currentOrgSelectorParams.foreignOrgRange.split(',');
+              this.foreignOrgSelectorTabs.map((x, i) => {
+                this.foreignOrgSelectorParams[x] = {
+                  filid:
+                    foreignOrgparams[i] == 'my'
+                      ? choiceOrgId
+                      : x == 'filgroup'
+                      ? ''
+                      : foreignOrgparams[i] == 'nofilidorg' ||
+                        foreignOrgparams[i] == 'nofiliddept'
+                      ? 'all'
+                      : foreignOrgparams[i],
+                  nofilid:
+                    foreignOrgparams[i] == 'nofilidorg'
+                      ? sessionStorage.getItem('orgId')
+                      : foreignOrgparams[i] == 'nofiliddept'
+                      ? sessionStorage.getItem('depId')
+                      : foreignOrgparams[i] == 'other'
+                      ? 1
+                      : 0,
+                  roleid:
+                    this.circularReadParamsMap.circularReadOrgRoleCode ||
+                    this.foreignOrgSelectorParams.roleid
+                };
+              });
+            }
+            this.circularReadParamsMap = circularReadParamsMap || {};
+            if (this.circularReadParamsMap.circularReadOrgRoleCode) {
+              this.foreignOrgSelectorParams.roleid =
+                this.circularReadParamsMap.circularReadOrgRoleCode;
+            }
+            this.currentOrgName = currentOrgName;
+            this.nextOperateCheckType = nextOperateCheckType || 'select';
+            this.currentNodeIsCircularReadNode =
+              nodeInfoMap.nodeExtAttr.currentNodeIsCircularReadNode == 1;
+
+            this.submitButtonFunKey =
+              nodeInfoMap.nodeExtAttr.submitButtonFunKey;
+            this.taskNodeButtons = nodeInfoMap.nodeExtAttr.taskNodeButtons;
+            this.readOnlyNotificationType = readOnlyNotificationType;
+
+            this.readOnlyNotificationType = readOnlyNotificationType;
+            this.isSpecial = isSpecial;
+            this.notificationMessageReadOnly =
+              notificationMessageReadOnly == 'true';
+            this.otherOrgName = otherOrgName;
+            this.isCanPreAddSign = isCanPreAddSign;
+            this.endFlowInfo.choiceOrgId = choiceOrgId;
+            this.endFlowInfo.choiceDeptId = choiceDeptId;
+            this.endFlowInfo.pendingId = this.pendingId;
+            this.attachedCode = attachedCode;
+            this.endFlowInfo.pOrgId = pOrgId;
+            this.canPresetRead = canPresetRead;
+            this.isCdjxjTaskHandle = isCdjxjTaskHandle;
+            nextNodeCheckType && (this.nextNodeCheckType = nextNodeCheckType);
+            this.operationList = taskOperations || [];
+            this.customPresetHintMessage = customPresetHintMessage;
+            if (canPresetRead) {
+              let ids =
+                nodeInfoMap.nodeExtAttr.presetReadCandinateIds.split(',');
+              let names =
+                nodeInfoMap.nodeExtAttr.presetReadCandinateNames.split(',');
+              ids.map((item, index) => {
+                this.presetReadUserId.push({
+                  showid: item,
+                  showname: names[index]
+                });
+                this.selectPresetUserList.push({
+                  showid: item,
+                  showname: names[index]
+                });
+                this.nextNode.presetReadUserId.push(item);
+              });
+            }
+            if (!this.isFlow) this.getFile(this.pendingId, attachedCode);
+            if (nextNodeList && nextNodeList.length != 0) {
+              this.nextNodeList = nextNodeList;
+              if (
+                nextNodeList[0].nodeType === 'endEvent' &&
+                nextNodeList.length == 1
+              ) {
+                this.isNextUser = nextNodeList[0].nodeType != 'endEvent';
+                nextNodeList[0].nodeType === 'endEvent'
+                  ? (this.endFlow = true)
+                  : '';
+              }
+            }
+
+            if (canRemoveSignUserList && canRemoveSignUserList.length != 0)
+              this.removeUsers = canRemoveSignUserList;
+            if (taskOperations && taskOperations.length != 0) {
+              let isSelected = false;
+              taskOperations.map((item) => {
+                if (item.key === 9) this.isReject = true;
+                if (item.isSelected) {
+                  this.nodeInfos = [];
+                  this.nextNode.nextOperate = item.key;
+                  if (item.taskNodeList != null) {
+                    this.nodeInfos = item.taskNodeList;
+                  }
+                  isSelected = true;
+                }
+              });
+              if (taskOperations.length > 0 && !isSelected) {
+                this.nodeInfos = [];
+                this.nextNode.nextOperate = taskOperations[0].key;
+                if (taskOperations[0].taskNodeList != null) {
+                  this.nodeInfos = taskOperations[0].taskNodeList;
+                }
+              }
+            }
+            if (nodeInfoMap && JSON.stringify(nodeInfoMap) != '{}') {
+              this.needRetrialAuth =
+                !!nodeInfoMap.nodeExtAttr.isCurrentNodeSubmitNeedRetrialAuth;
+              if (nodeInfoMap.nodeExtAttr.nodeFixedOpinionSelectList) {
+                let notice = JSON.parse(
+                  nodeInfoMap.nodeExtAttr.nodeFixedOpinionSelectList
+                );
+                notice.map((x) => {
+                  this.nodeFixedOpinionSelectList.push({ content: x });
+                });
+              }
+
+              this.value = opinion || '';
+              this.nodeDefaultSubmitOpinion =
+                nodeInfoMap.nodeExtAttr.nodeDefaultSubmitOpinion;
+              this.isSubmitButtonShowAgreeAndDisagree =
+                nodeInfoMap.nodeExtAttr.isSubmitButtonShowAgreeAndDisagree;
+              this.isBanInputOpinion =
+                nodeInfoMap.nodeExtAttr.isBanInputOpinion;
+              this.nodeDefaultRejectOpinion =
+                nodeInfoMap.nodeExtAttr.nodeDefaultRejectOpinion;
+              this.isOpinionRequired =
+                nodeInfoMap.nodeExtAttr.isOpinionRequired;
+              this.isChooseNextNode = nodeInfoMap.nodeExtAttr.isChooseNextNode;
+              // this.isHideDefaultOperation =
+              //   nodeInfoMap.nodeExtAttr.isHideDefaultOperation == 1;
+              this.defaultNextNode = nodeInfoMap.nodeExtAttr.defaultNextNode;
+              if (nodeInfoMap.nodeExtAttr.defaultNextNode) {
+                let defaultNode = this.nodeInfos.filter(
+                  (item) =>
+                    item.nodeId == nodeInfoMap.nodeExtAttr.defaultNextNode
+                );
+                if (this.nodeInfos.length > 0 && defaultNode.length == 0) {
+                  this.nextNode.nextNodeId = this.nodeInfos[0].nodeId;
+                } else {
+                  this.nextNode.nextNodeId =
+                    nodeInfoMap.nodeExtAttr.defaultNextNode;
+                }
+              } else if (this.nodeInfos.length > 0) {
+                this.nextNode.nextNodeId = this.nodeInfos[0].nodeId;
+              }
+              this.isForceDisplayDefaultOptionForPrefix =
+                nodeInfoMap.nodeExtAttr.isForceDisplayDefaultOptionForPrefix ==
+                1;
+              if (nodeInfoMap.nodeExtAttr.submitText) {
+                this.btnList.map((x) => {
+                  if (x.event === 'sub') {
+                    x.text = nodeInfoMap.nodeExtAttr.submitText;
+                  }
+                });
+              }
+            }
+            this.choiceOrgId = choiceOrgId;
+            this.choiceDeptId = choiceDeptId;
+            this.pOrgId = pOrgId;
+            if (res.data && res.data.isEndUserTask != undefined) {
+              this.isEndUserTask = res.data.isEndUserTask;
+            }
+            if (JSON.stringify(taskExamine) != '{}' && taskExamine) {
+              this.nodeInfo.nextNode = taskExamine.processDefinitionId;
+              this.NodeName = taskExamine.nodeName;
+              this.taskId = taskExamine.taskId;
+              this.businessIds = taskExamine.businessId;
+              this.appId = taskExamine.appId;
+              this.taskExamineInfo = taskExamine;
+              this.taskExamineInfo.choiceOrgId = choiceOrgId;
+              this.taskExamineInfo.choiceDeptId = choiceDeptId;
+              this.endFlowInfo.processType = taskExamine.processType;
+              // this.endFlowInfo.isReturnSubmitter =
+              //   taskExamine.isReturnSubmitter;
+              // this.nextNode.isReturnSubmitter = taskExamine.isReturnSubmitter;
+              // this.nextNode.isUndertakeReply = taskExamine.isUndertakeReply;
+              // this.nextNode.isTakeAdviceReply = taskExamine.isTakeAdviceReply;
+              // this.nextNode.isUndertakeEnd = taskExamine.isUndertakeEnd;
+              // this.nextNode.isTakeAdviceEnd = taskExamine.isTakeAdviceEnd;
+              // this.nextNode.isReadDealReply = taskExamine.isReadDealReply;
+              // this.nextNode.isReadDealEnd = taskExamine.isReadDealEnd;
+              // this.nextNode.isReturnRejectNode = taskExamine.isReturnRejectNode;
+              // this.nextNode.isSerialSubmit = taskExamine.isSerialSubmit;
+              this.endFlowInfo.isSubFlow = taskExamine.isSubFlow;
+              this.endFlowInfo.isUndertakeReply = taskExamine.isUndertakeReply;
+              this.endFlowInfo.isUndertakeEnd = taskExamine.isUndertakeEnd;
+              this.endFlowInfo.isTakeAdviceEnd = taskExamine.isTakeAdviceEnd;
+              this.endFlowInfo.isTakeAdviceReply =
+                taskExamine.isTakeAdviceReply;
+              this.endFlowInfo.isReadDealEnd = taskExamine.isReadDealEnd;
+              this.endFlowInfo.isReadDealReply = taskExamine.isReadDealReply;
+              this.endFlowInfo.isReturnRejectNode =
+                taskExamine.isReturnRejectNode;
+              this.endFlowInfo.isSerialSubmit = taskExamine.isSerialSubmit;
+              // this.endFlowInfo.isReadDealReply =
+              //   taskExamine.isReadDealReplybusinessId;
+              this.endFlowInfo.appId = taskExamine.appId;
+              this.endFlowInfo.businessId = taskExamine.businessId;
+              this.endFlowInfo.processDefinitionId =
+                taskExamine.processDefinitionId;
+              this.endFlowInfo.nodeId = taskExamine.nodeId;
+            }
+            if (
+              extendData &&
+              extendData.pendingData &&
+              extendData.pendingData.itemname
+            ) {
+              this.NodeName = extendData.pendingData.itemname;
+            }
+            if (this.nodeName) {
+              this.NodeName = this.nodeName;
+            }
+            this.isCanAddSign = isCanAddSign;
+            this.processObj = res.data;
+            if (this.isCanAddSign) {
+              this.nextNode.isAddSign = '2';
+            }
+            this.isCanRemoveSign = isCanRemoveSign;
+            if (this.isCanRemoveSign) {
+              this.nextNode.isRemoveSign = '2';
+            }
+
+            if (!this.isOpinionRequired) {
+              this.isOpinionRequired = 0;
+            }
+            // opinion && (this.value = opinion);
+            this.nextNode.notificationMsg = defaultNotificationMessage;
+            this.moreList = [];
+            console.log(taskButtonList, 'taskButtonList');
+            if (taskButtonList && taskButtonList.length != 0) {
+              taskButtonList.map((item) => {
+                if (item.fun === 'reject()') {
+                  this.rejectObj = item;
+                } else if (item.fun === 'toStartTaskRead()') {
+                  this.pointsReadingObj = item;
+                } else {
+                  this.moreList.push(item);
+                }
+              });
+              this.typeList = this.typeList.concat(taskButtonList);
+            }
+            this.isMainSubProcess = res.data.isMainSubProcess == 'true';
+            this.isCustomPreset = isCustomPreset;
+            this.isPreset = isPreset;
+            this.presetTaskNodeMap = presetTaskNodeMap;
+            this.presetTaskNodeKeyStr = presetTaskNodeKeyStr;
+            this.getFind();
+            this.selecNext(this.nextNode.nextOperate, true, true);
+            // this.getNodeInfo();
+            this.StartTaskReadKey++;
+          } else {
+            if (res.status === 'taskCompleted') {
+              this.$emit('shrink', true);
+              this.shrinkAbled = true;
+              this.$message.warning(res.message || '系统错误，请联系管理员！');
+            } else {
+              this.$message.error(res.message || '系统错误，请联系管理员！');
+            }
+          }
+          this.showOpinion = false;
+          setTimeout(() => {
+            this.showOpinion = true;
+          }, 0);
+        })
+        .catch((err) => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * closeProcess
+     * @desc:关闭弹窗
+     * @author liufan
+     * @param {boolean} val 当前是否办理流程
+     * @param {String} type 当前点击的弹窗类型
+     * @date 2022年5月25日
+     **/
+    closeProcess(val, type, closeParent) {
+      if (this.closeParent && !this.startFlowPageEmbeddedIntoStartFlowIndex) {
+        this.$refs[type].handleClosed();
+      } else if (!this.startFlowPageEmbeddedIntoStartFlowIndex) {
+        this[type] = false;
+      }
+      if (
+        this.freeStartFlowParams.useScene &&
+        this.freeStartFlowParams.useScene != 'multiInsMidwayWithSubmitScene'
+      ) {
+        this[type] = false;
+        return;
+      }
+      if (
+        val == 'taskReadAndEnd' ||
+        (val == true && type != 'taskRead') ||
+        val == 'transfer' ||
+        this.typeCode == 'read'
+      ) {
+        this.flowSuccess(true);
+        // this.$emit('success');
+      } else {
+        this.$emit('cancel');
+      }
+    },
+    /**
+     * selectChange
+     * @desc:常用语选择
+     * @author liufan
+     * @param {String} val 选中值
+     * @date 2022年5月25日
+     **/
+    selectChange(val) {
+      this.value = val;
+    },
+    /**
+     * upDate
+     * @desc:修改常用语
+     * @author liufan
+     * @param {Object} val 修改值
+     * @date 2022年5月25日
+     **/
+    upDate(val) {
+      this.FormData.id = val.id;
+      this.addVisible = true;
+    },
+
+    /**
+     * getProcess
+     * @desc:获取选择流程
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getProcess(val) {
+      let params = {
+        businessId: this.businessId,
+        flowTypeCode: val || this.flowTypeCode,
+        // defaultProcessKey: this.defaultProcessKey,
+        isOnly: true,
+        hideTempSave: true,
+        ...this.param
+        // onlyFlag: true
+      };
+      this.loading = util.loading(this.$loading, '加载中...');
+      util
+        .ajax({ url: getProcessDefList, params })
+        .then((res) => {
+          const { status, message, data } = res;
+          this.loading.close();
+          if (status === 'success') {
+            if (data.simpleTips != undefined) {
+              this.simpleTips = data.simpleTips;
+            }
+            this.isStartFlowChartView = data.isStartFlowChartView;
+            if (
+              !Object.keys(data).length ||
+              (data.definitionList && !data.definitionList.length)
+            ) {
+              this.$message.error('流程不存在或未关联对应流程！');
+            } else {
+              this.startFlowPageEmbeddedIntoStartFlowIndex =
+                data.startFlowPageEmbeddedIntoStartFlowIndex;
+              this.activitiDefinitionSort = data.activitiDefinitionSort;
+              this.nodeInfo.option = data.definitionList;
+              this.nodeInfo.nextNode = data.definitionList.filter(
+                (item) => item.processDefKey == this.defaultProcessKey
+              );
+              if (this.nodeInfo.nextNode.length) {
+                this.nodeInfo.nextNode = this.nodeInfo.nextNode[0].processDefId;
+              } else {
+                if (data.definitionList.length != 0) {
+                  this.nodeInfo.nextNode = data.definitionList[0].processDefId;
+                } else {
+                  this.nodeInfo.nextNode = '';
+                }
+              }
+              if (this.nodeInfo.nextNode) {
+                this.handleChange(this.nodeInfo.nextNode, true);
+              }
+              if (
+                this.showCirculate != undefined &&
+                !this.showCirculate &&
+                this.urgencyLevel
+              ) {
+                this.getAdminMsgType();
+              }
+            }
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * getPendedhistoryList
+     * @desc:获取流程列表
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getPendedhistoryList() {
+      let params = {
+        apprecordId: this.businessIds,
+        userId: util.getStorage('userId'),
+        type: 2
+      };
+      util
+        .ajax({ url: pendedhistoryList, data: params, method: 'post' })
+        .then((res) => {
+          const { rCode, msg, results } = res;
+          if (!rCode) {
+            this.nextNode.nextUserId = [];
+            this.showNews = false;
+            this.nextNode.notificationType = [];
+            this.pendingId = results[results.length - 1].attachId;
+            this.getHedInfo();
+          } else {
+            this.$message.error(msg || '系统错误，请联系管理员！');
+          }
+        })
+        .catch((err) => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    reqCircularRead(type) {
+      const _that = this;
+      let params = {
+        url: checkForeignOrgStartedCircularRead,
+        params: {
+          foreignOrgObj: _that.nextNode.nextOtherOrgObj,
+          circularReadProcessKey: _that.taskExamineInfo.processDefinitionId,
+          pendingId: _that.pendingId,
+          currentBusinessId: _that.taskExamineInfo.businessId
+        }
+      };
+      this.loading = util.loading(this.$loading, '提交中...');
+      util.ajax(params).then((res) => {
+        this.loading.close();
+        if (res.rCode == 0) {
+          if (res.results.alert) {
+            _that
+              .$confirm(res.results.message, {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+              })
+              .then(() => {
+                _that.subMit(res.results, type);
+              })
+              .catch(() => {});
+          } else {
+            _that.sendData(type);
+          }
+        }
+      });
+    },
+    subMit(res, type) {
+      if (
+        (res.status == 'forbiddenForeignOrg' &&
+          this.nextNode.nextCurrentOrgObj.length != 0) ||
+        res.status == 'availableForeignOrg'
+      ) {
+        this.sendData(type);
+      }
+    },
+    // 提交流程前验证
+    beforeSubProcess() {},
+    // 提交流程
+    /**
+     * subProcess
+     * @desc:提交流程
+     * @author liufan
+     * @param {String} formName 当前form表单ref值
+     * @date 2022年5月25日
+     **/
+    subProcess(val, type) {
+      if (this.btnType != 'default') {
+        if (
+          this.btnType == 'reject' &&
+          this.$refs[this.btnType].rejectObj.length == 0
+        ) {
+          warning('暂无可驳回节点及对象');
+          return;
+        }
+         console.log('taskReadBtn', this.btnType);
+        this.$refs[this.btnType].subProcess('nextNode');
+        return;
+      }
+      return this.$refs['nextNode'].validate((valid) => {
+        if (valid) {
+          if (this.isSubmitButtonShowAgreeAndDisagree == 1) {
+            this.value = this.value.replace(RegExp('不同意。', 'g'), '');
+            this.value = this.value.replace(RegExp('同意。', 'g'), '');
+            this.value = val + this.value;
+          }
+          if (!this.validInfo()) {
+            this.freeValid = false;
+            return;
+          } else {
+            this.freeValid = true;
+          }
+          // if (
+          //   this.currentNodeIsCircularReadNode &&
+          //   this.nextNode.nextOtherOrgObj.length != 0
+          // ) {
+          //   this.reqCircularRead(type);
+          //   return;
+          // }
+          if (this.submitButtonFunKey) {
+            let btnInfo = this.taskNodeButtons.filter(
+              (x) => x.key === this.submitButtonFunKey
+            );
+            if (btnInfo.length > 0) {
+              if (btnInfo[0].type == 4) {
+                this.$emit(
+                  'buttonClick',
+                  { fun: btnInfo[0].fun, opinion: this.value },
+                  this.sendData
+                );
+              } else if (btnInfo[0].type == 2) {
+                this.goView(btnInfo[0]);
+              }
+            }
+            return;
+          }
+          if (type == 'multiInsMidwayWithSubmitScene') {
+            this.sendData(type);
+            return;
+          }
+          if (this.beforeSubmit == undefined) {
+            this.subFun(this.sendData);
+          } else {
+            this.beforeSubmit(1)
+              .then((next) => {
+                this.sendData();
+              })
+              .catch((e) => {});
+          }
+        }
+      });
+    },
+    validInfo() {
+      if (
+        !this.endFlow &&
+        this.newTypeCode != 'fenyue' &&
+        !this.shrink &&
+        this.nextNode.isAddSign != '1' &&
+        this.nextNode.isRemoveSign != '1' &&
+        this.isSpecial &&
+        !this.isReject &&
+        this.nodeInfos.length != 0 &&
+        this.isNextUser
+      ) {
+        if (this.isShowNextUser) {
+          if (
+            this.nextNode.nextUserId == '' ||
+            (this.multiple && this.nextNode.nextUserId.length == 0)
+          ) {
+            this.$message.warning(
+              `请选择${this.flowLabelConfig.nextUser || '下步办理人'}`
+            );
+            return false;
+          }
+        } else {
+          if (
+            this.nextNode.nextOrgId == '' ||
+            (this.multiple && this.nextNode.nextOrgId.length == 0)
+          ) {
+            this.$message.warning('请选择办理对象');
+            return false;
+          }
+        }
+      }
+
+      if (
+        this.nextNode.isAddSign == '1' &&
+        this.nextNode.addSignUserId.length == 0
+      ) {
+        this.$message.warning('请选择加签办理人');
+        return false;
+      }
+      if (
+        this.nextNode.isRemoveSign == '1' &&
+        this.nextNode.removeSignUserId.length == 0
+      ) {
+        this.$message.warning('请选择减签办理人');
+        return false;
+      }
+      if (!this.value && this.isOpinionRequired === 1) {
+        this.$message.warning('请选择输入审批意见');
+        return false;
+      }
+      // if (this.isHideCurrentOrg && !this.nextNode.nextCurrentOrgObjJson) {
+      //   this.$message.warning(`请选择${this.currentOrgName || '本单位'}`);
+      //   return false;
+      // }
+
+      if (
+        (this.currentNodeIsCircularReadNode ||
+          (this.isHideOtherOrg && this.isHideCurrentOrg)) &&
+        this.nextNode.nextCurrentOrgObj.length == 0 &&
+        this.nextNode.nextOtherOrgObj.length == 0 &&
+        this.nextNode.isReturnSubmitter != 1
+      ) {
+        this.$message.warning(`请选择下步办理对象!`);
+        return false;
+      }
+      return true;
+    },
+    flowSuccess(hideMessage) {
+      if (!this.simpleTips) {
+        this.$alert('提交成功', '', {
+          confirmButtonText: '确定',
+          type: 'success',
+          callback: (action) => {
+            this.$emit('success');
+          }
+        });
+      } else {
+        if (!hideMessage) {
+          this.$message.success('提交成功');
+        }
+        this.$emit('success');
+      }
+    },
+
+    sendData(freetype) {
+      if (this.isFlow && !this.nodeInfo.nextNode) {
+        this.$message.warning('请选择流程');
+        return;
+      }
+      if (
+        this.isFlow &&
+        this.nodeInfo.nextNode &&
+        this.startFlowPageEmbeddedIntoStartFlowIndex
+      ) {
+        if (this.directCreateCircularReadWhenFlowStarted) {
+          this.$refs.flowCirculate.subMit();
+        } else {
+          this.$refs.processFormIndex.subProcess('nextNode');
+        }
+        return;
+      }
+      this.$refs['nextNode'].validate(async (valid) => {
+        if (valid) {
+          if (this.isFlow) {
+            if (
+              this.isOpinionRequired &&
+              !this.$refs.commonOpinions.validate()
+            ) {
+              this.$message.warning('请输入审批意见');
+              return;
+            }
+            if (this.directCreateCircularReadWhenFlowStarted) {
+              this.circulateVisible = true;
+            } else {
+              this.handleVisible = true;
+            }
+            return;
+          }
+          let nextUserId = [];
+          if (this.multiple) {
+            this.nextNode.nextUserId &&
+              this.nextNode.nextUserId.map((item) => nextUserId.push(item));
+          }
+          let addSignUserId = [];
+          if (this.isCanAddSign && this.nextNode.isAddSign == '1') {
+            this.nextNode.addSignUserId.map((item) => {
+              addSignUserId.push(item);
+            });
+          }
+          let removeSignUserId = [];
+          if (this.isCanRemoveSign && this.nextNode.isRemoveSign == '1') {
+            this.nextNode.removeSignUserId.map((item) => {
+              removeSignUserId.push(item);
+            });
+          }
+          let str = '';
+          if (this.value) {
+            str = this.value.replace(/\s+/g, '');
+          }
+          if ((!this.value || str === '') && this.nodeDefaultSubmitOpinion) {
+            this.value = this.nodeDefaultSubmitOpinion;
+          }
+          if (!this.isSpecial) {
+            delete this.nextNode.nextOperate;
+            delete this.nextNode.nextNodeId;
+          }
+          if (this.nextNode.nextOperate === 9 || this.oldNextOperate == 9) {
+            this.nextNode.isReturnRejectNode = 1;
+            this.nextNode.processDefinitionId =
+              this.processObj.taskExamine.processDefinitionId;
+          }
+          if (
+            (this.nextNode.nextOperate != 0 &&
+              this.nextNode.nextOperate != 1 &&
+              this.oldNextOperate === '') ||
+            (this.oldNextOperate !== '' &&
+              this.oldNextOperate != 0 &&
+              this.oldNextOperate != 1)
+          ) {
+            delete this.nextNode.nextNodeId;
+          }
+          if (this.isCancelSecondConfirmationType) {
+            this.$confirm('确认提交吗?', '提示', {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning'
+            }).then(async () => {
+              if (freetype != 'multiInsMidwayWithSubmitScene') {
+                await this.saveInfo('subMit');
+                this.loading = util.loading(this.$loading, '加载中...');
+              }
+
+              let notificationType = '';
+              notificationType = this.nextNode.notificationType.join(',');
+              addSignUserId = addSignUserId.join(',');
+              removeSignUserId = removeSignUserId.join(',');
+              if (!this.isCanPreAddSign || this.nextNode.isAddSign != '1') {
+                delete this.nextNode.addSignMode;
+              }
+
+              let params = {
+                ...this.nextNode,
+                nextOperate:
+                  this.oldNextOperate !== ''
+                    ? this.oldNextOperate
+                    : this.nextNode.nextOperate,
+                pendingId: this.pendingId,
+                opinion:
+                  this.isForceDisplayDefaultOptionForPrefix &&
+                  !this.value.startsWith(this.nodeDefaultSubmitOpinion)
+                    ? this.nodeDefaultSubmitOpinion + this.value
+                    : this.value,
+                userId: util.getStorage('userId'),
+                nextUserId: this.multiple
+                  ? nextUserId.join(',')
+                  : this.nextNode.nextUserId,
+                addSignUserId,
+                customPresetUserJson: JSON.stringify(this.presetList),
+                presetUserJson: JSON.stringify(this.presetUserJson),
+                removeSignUserId,
+                nextReadUserId: this.readMultiple
+                  ? this.mixReadList && this.mixReadList.join('|')
+                  : this.nextNode.nextReadUserId,
+                nextOrgId: !this.isShowNextUser
+                  ? this.multiple
+                    ? this.mixOrgIdList && this.mixOrgIdList.join('|')
+                    : this.nextNode.nextOrgId
+                  : '',
+                presetReadUserId:
+                  this.mixPresetList && this.mixPresetList.length > 0
+                    ? this.mixPresetList.join('|')
+                    : this.nextNode.presetReadUserId.join(','),
+                notificationType
+              };
+              if (this.activeNames != '1') delete params.customPresetUserJson;
+              delete params.customLimitTimeText;
+              if (this.nextNode.isRemoveSign != '1') {
+                delete params.removeSignUserId;
+              }
+              if (this.nextNode.isAddSign != '1') {
+                delete params.addSignUserId;
+              }
+              if (!this.isSpecial) {
+                delete params.nextUserId;
+              }
+              if (freetype === 'multiInsMidwayWithSubmitScene') {
+                params.isSubFlow = this.taskExamineInfo.isSubFlow;
+                this.taskParams = params;
+                return;
+              }
+              this.loading = util.loading(this.$loading, '提交中...');
+              const {
+                isEndUserTask,
+                choiceOrgId,
+                choiceDeptId,
+                pOrgId,
+                taskExamineInfo,
+                currentNodeIsCircularReadNode,
+                needRetrialAuth,
+                circularReadParamsMap,
+                currentNodeEnableItemHandleDescription
+              } = this;
+              params.isEndUserTask = isEndUserTask;
+              params.choiceOrgId = choiceOrgId;
+              params.choiceDeptId = choiceDeptId;
+              params.pOrgId = pOrgId;
+              params.processType = taskExamineInfo.processType;
+              params.businessId = taskExamineInfo.businessId;
+              params.appId = taskExamineInfo.appId;
+              params.processDefinitionId = taskExamineInfo.processDefinitionId;
+              params.isSubFlow = taskExamineInfo.isSubFlow;
+              params.nodeId = taskExamineInfo.nodeId;
+              params.needRetrialAuth = needRetrialAuth;
+              params.taskHandleSubmitMode = currentNodeIsCircularReadNode
+                ? 'circularReadMode'
+                : undefined;
+              if (currentNodeIsCircularReadNode) {
+                params.orgRoleCode =
+                  circularReadParamsMap.circularReadOrgRoleCode;
+              }
+              if (!currentNodeEnableItemHandleDescription) {
+                delete params.nextItemHandleDescription;
+              }
+              return util
+                .ajax({ url: taskHandleHtml, method: 'post', data: params })
+                .then((res) => {
+                  const { status, message } = res;
+                  this.loading.close();
+                  if (status === 'success') {
+                    this.flowSuccess();
+                  } else {
+                    this.$message.error(message || '系统错误，请联系管理员！');
+                    this.$emit('error');
+                  }
+                })
+                .catch((err) => {
+                  this.loading.close();
+                  if (err.message && err.message !== 'canceled') {
+                    this.$message.error(err.message);
+                  }
+                });
+            });
+            return;
+          }
+          if (freetype != 'multiInsMidwayWithSubmitScene') {
+            await this.saveInfo('subMit');
+            this.loading = util.loading(this.$loading, '加载中...');
+          }
+
+          let notificationType = '';
+          notificationType = this.nextNode.notificationType.join(',');
+          addSignUserId = addSignUserId.join(',');
+          removeSignUserId = removeSignUserId.join(',');
+          if (!this.isCanPreAddSign || this.nextNode.isAddSign != '1') {
+            delete this.nextNode.addSignMode;
+          }
+
+          let params = {
+            ...this.nextNode,
+            nextOperate:
+              this.oldNextOperate !== ''
+                ? this.oldNextOperate
+                : this.nextNode.nextOperate,
+            pendingId: this.pendingId,
+            opinion:
+              this.isForceDisplayDefaultOptionForPrefix &&
+              !this.value.startsWith(this.nodeDefaultSubmitOpinion)
+                ? this.nodeDefaultSubmitOpinion + this.value
+                : this.value,
+            userId: util.getStorage('userId'),
+            nextUserId: this.multiple
+              ? nextUserId.join(',')
+              : this.nextNode.nextUserId,
+            addSignUserId,
+            customPresetUserJson: JSON.stringify(this.presetList),
+            presetUserJson: JSON.stringify(this.presetUserJson),
+            removeSignUserId,
+            nextReadUserId: this.readMultiple
+              ? this.mixReadList && this.mixReadList.join('|')
+              : this.nextNode.nextReadUserId,
+            nextOrgId: !this.isShowNextUser
+              ? this.multiple
+                ? this.mixOrgIdList && this.mixOrgIdList.join('|')
+                : this.nextNode.nextOrgId
+              : '',
+            presetReadUserId:
+              this.mixPresetList && this.mixPresetList.length > 0
+                ? this.mixPresetList.join('|')
+                : this.nextNode.presetReadUserId.join(','),
+            notificationType
+          };
+          if (this.activeNames != '1') delete params.customPresetUserJson;
+          delete params.customLimitTimeText;
+          if (this.nextNode.isRemoveSign != '1') {
+            delete params.removeSignUserId;
+          }
+          if (this.nextNode.isAddSign != '1') {
+            delete params.addSignUserId;
+          }
+          if (!this.isSpecial) {
+            delete params.nextUserId;
+          }
+          if (freetype === 'multiInsMidwayWithSubmitScene') {
+            params.isSubFlow = this.taskExamineInfo.isSubFlow;
+            this.taskParams = params;
+            return;
+          }
+          this.loading = util.loading(this.$loading, '提交中...');
+          const {
+            isEndUserTask,
+            choiceOrgId,
+            choiceDeptId,
+            pOrgId,
+            taskExamineInfo,
+            currentNodeIsCircularReadNode,
+            needRetrialAuth,
+            circularReadParamsMap,
+            currentNodeEnableItemHandleDescription
+          } = this;
+          params.isEndUserTask = isEndUserTask;
+          params.choiceOrgId = choiceOrgId;
+          params.choiceDeptId = choiceDeptId;
+          params.pOrgId = pOrgId;
+          params.processType = taskExamineInfo.processType;
+          params.businessId = taskExamineInfo.businessId;
+          params.appId = taskExamineInfo.appId;
+          params.processDefinitionId = taskExamineInfo.processDefinitionId;
+          params.isSubFlow = taskExamineInfo.isSubFlow;
+          params.nodeId = taskExamineInfo.nodeId;
+          params.needRetrialAuth = needRetrialAuth;
+          params.taskHandleSubmitMode = currentNodeIsCircularReadNode
+            ? 'circularReadMode'
+            : undefined;
+          if (currentNodeIsCircularReadNode) {
+            params.orgRoleCode = circularReadParamsMap.circularReadOrgRoleCode;
+          }
+          if (!currentNodeEnableItemHandleDescription) {
+            delete params.nextItemHandleDescription;
+          }
+          return util
+            .ajax({ url: taskHandleHtml, method: 'post', data: params })
+            .then((res) => {
+              const { status, message } = res;
+              this.loading.close();
+              if (status === 'success') {
+                this.flowSuccess();
+              } else {
+                this.$message.error(message || '系统错误，请联系管理员！');
+                this.$emit('error');
+              }
+            })
+            .catch((err) => {
+              this.loading.close();
+              if (err.message && err.message !== 'canceled') {
+                this.$message.error(err.message);
+              }
+            });
+        } else {
+          // this.loading.close();
+          return false;
+        }
+      });
+    },
+    // 单位选择完回调
+    disposeAppUnit(res, type) {
+      let label = type.substring(0, type.lastIndexOf('Select'));
+      this.nextNode[label + 'Name'] = '';
+      res.options && (this[type] = res.options);
+      let obj = {};
+      // if (typeof res.mixList == 'array')
+      res.mixList && (this.nextNode[label] = res.mixList.join('|'));
+      res.options.map((item) => {
+        if (obj[item.stype]) {
+          obj[item.stype].push(item.showname);
+        } else {
+          obj[item.stype] = [item.showname];
+        }
+      });
+      for (let key in obj) {
+        if (
+          key === 'enterprise' &&
+          this.nextNode[label + 'Name'].indexOf('[企业]') == -1
+        ) {
+          this.nextNode[label + 'Name'] = this.nextNode[label + 'Name']
+            ? this.nextNode[label + 'Name'] +
+              '|' +
+              '[企业]-' +
+              obj[key].join(',')
+            : '' + '[企业]-' + obj[key].join(',');
+        }
+        if (
+          key === 'department' &&
+          this.nextNode[label + 'Name'].indexOf('[部门]') == -1
+        ) {
+          this.nextNode[label + 'Name'] = this.nextNode[label + 'Name']
+            ? this.nextNode[label + 'Name'] +
+              '|' +
+              '[部门]-' +
+              obj[key].join(',')
+            : '' + '[部门]-' + obj[key].join(',');
+        }
+        if (
+          key === 'employee' &&
+          this.nextNode[label + 'Name'].indexOf('[部门员工]') == -1
+        ) {
+          this.nextNode[label + 'Name'] = this.nextNode[label + 'Name']
+            ? this.nextNode[label + 'Name'] +
+              '|' +
+              '[部门员工]-' +
+              obj[key].join(',')
+            : '' + '[部门员工]-' + obj[key].join(',');
+        }
+      }
+      // this.nextNode[label + 'Name'] = obj.enterprise?;
+      if (!this.currentNodeIsCircularReadNode) {
+        this.nextNode[label + 'SerialId'] = res.nextUser.join(',');
+        this.nextNode[label + 'Json'] = JSON.stringify(res.options);
+      }
+      this.getsubProcessColumns();
+    }
+  }
+};
+</script>