eoss-ui 0.3.97

package/packages/flow/src/main.vue

@@ -0,0 +1,2107 @@
+<template>
+  <div
+    class="es-flow-index"
+    :class="{ 'es-flow-narrow': shrink }"
+    :style="shrink ? 'width:48px' : ''"
+  >
+    <div class="es-flow-top">
+      <div class="es-flow-title">
+        <span v-show="!shrink">当前节点：{{ isFlow ? '拟稿' : NodeName }}</span>
+        <es-button
+          size="medium"
+          class="es-icon"
+          :icon="shrink ? 'es-icon-indent' : 'es-icon-increase'"
+          @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 && typeCode != '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>
+      <CommonOpinions
+        class="es-common-opinions"
+        v-show="!shrink"
+        ref="commonOpinions"
+        @change="val => (value = val)"
+        :opinion="value"
+        :isBanInputOpinion="isBanInputOpinion"
+      />
+    </div>
+    <div v-show="!endFlow && typeCode != 'fenyue' && !shrink" class="es-info">
+      <el-form
+        ref="nextNode"
+        :model="isFlow ? nodeInfo : nextNode"
+        class="demo-dynamic"
+        label-width="120px"
+      >
+        <el-form-item
+          v-if="isFlow && nodeInfo.option.length > 0"
+          prop="nextNode"
+          label="选择流程"
+          :rules="[{ required: true, message: `请选择流程`, trigger: 'blur' }]"
+        >
+          <el-input
+            placeholder="请输入内容"
+            class="input-with-select select-process"
+          >
+            <el-select
+              slot="prepend"
+              v-model="nodeInfo.nextNode"
+              style="width: calc(100% + 40px)"
+              :placeholder="`请选择流程`"
+            >
+              <el-option
+                v-for="items in nodeInfo.option"
+                :key="items.id"
+                :label="items.name"
+                :value="items.processDefId"
+              ></el-option>
+            </el-select>
+            <el-button
+              slot="append"
+              icon="el-icon-picture"
+              @click="
+                () => {
+                  showFlowChart = true;
+                }
+              "
+            ></el-button>
+          </el-input>
+        </el-form-item>
+        <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="增加办理人"
+                @change="changeSelectUser($event, 'addSignUserId', true)"
+              />
+            </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
+            "
+          >
+            <el-form-item
+              prop="nextOperate"
+              label="下步操作"
+              v-if="isChooseNextNode == 1"
+              :rules="[
+                { required: true, message: `请选择下步操作`, trigger: 'blur' }
+              ]"
+            >
+              <el-select
+                v-model="nextNode.nextOperate"
+                :placeholder="`请选择下步操作`"
+                @change="selecNext($event, true)"
+              >
+                <el-option
+                  v-for="items in operationList"
+                  :key="items.key"
+                  :label="items.value"
+                  :value="items.key"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <div v-if="!isReject && nodeInfos.length != 0">
+              <el-form-item
+                prop="nextNodeId"
+                label="下步节点"
+                :rules="[
+                  { required: true, message: `请选择下步节点`, trigger: 'blur' }
+                ]"
+              >
+                <el-select
+                  v-model="nextNode.nextNodeId"
+                  :placeholder="`请选择下步节点`"
+                  @change="selecNext($event, false)"
+                >
+                  <el-option
+                    v-for="items in nodeInfos"
+                    :key="items.id"
+                    :label="items.nodeName"
+                    :value="items.nodeId"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item
+                v-if="countersignaturetypeCode != 0"
+                prop="handleMode"
+                label="处理方式"
+              >
+                <el-input
+                  v-model="handleMode"
+                  placeholder="请输入内容"
+                  disabled
+                />
+              </el-form-item>
+              <el-form-item
+                :prop="isShowNextUser ? 'nextUserId' : 'nextOrgId'"
+                :label="isShowNextUser ? '下步办理人' : '办理对象'"
+              >
+                <SelectUser
+                  :nextUser="
+                    isShowNextUser ? nextNode.nextUserId : nextNode.nextOrgId
+                  "
+                  :radioList="radioList"
+                  :multiple="multiple"
+                  :isCustomUser="!isShowNextUser ? 1 : isCustomUser"
+                  :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>
+              <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"
+                  :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"
+                  :options="presetOptions"
+                  :radioList="presetReadUserId"
+                  :presetEdit="1"
+                  :mix="true"
+                  :types="types"
+                  @change="changeSelectReadUser($event, 'presetReadUserId')"
+                  :tabs="tabs"
+                />
+              </el-form-item>
+              <el-form-item
+                v-if="isHandleExplain == 1"
+                prop="handleExplain"
+                label="办理说明"
+              >
+                <el-input
+                  placeholder="请输入办理说明"
+                  v-model="nextNode.handleExplain"
+                />
+              </el-form-item>
+            </div>
+          </div>
+        </div>
+        <CustomPreset
+          v-if="isCustomPreset"
+          ref="customPreset"
+          @changeCustom="
+            data => {
+              presetList = data;
+            }
+          "
+          @changeActiveNames="val => (activeNames = val)"
+          @loadingEnd="customLoading('end')"
+          @loadingStart="customLoading('start')"
+          :nextNode="nextNode.nextNodeId"
+          :id="businessIds"
+          :processDefinitionId="nodeInfo.nextNode"
+        />
+        <Preset
+          v-if="isPreset"
+          @changePreset="
+            data => {
+              presetUserJson = data;
+            }
+          "
+          @loadingEnd="customLoading('end')"
+          @loadingStart="customLoading('start')"
+          :nodeId="nextNode.nextNodeId"
+          :businessId="businessIds"
+          :processDefinitionId="nodeInfo.nextNode"
+          :presetTaskNodeMap="presetTaskNodeMap"
+          :presetTaskNodeKeyStr="presetTaskNodeKeyStr"
+        />
+      </el-form>
+      <div v-if="!isFlow && isSpecial" style="padding: 5px; background: #fff">
+        <div class="news" @click="showNews = !showNews">
+          <span class="news-item">消息通知</span>
+          <span :class="showNews ? 'show' : 'sj'"></span>
+        </div>
+        <div v-show="showNews" style="transition: 1s">
+          <el-checkbox-group v-model="nextNode.notificationType">
+            <el-checkbox
+              v-for="item of newsList"
+              :key="item.cciValue"
+              :label="item.cciValue"
+            >
+              {{ 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>
+        </div>
+      </div>
+    </div>
+    <div
+      class="es-flow-buttons"
+      v-if="typeCode != '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" @click="saveInfo()"
+          >暂存</el-button
+        >
+      </div>
+      <div class="es-user-defined">
+        <el-button
+          v-show="isSubmitButtonShowAgreeAndDisagree != 1"
+          v-for="item of btnList"
+          :key="item.name"
+          :type="item.type"
+          :style="btnStyle"
+          @click="item.event === 'sub' ? subProcess() : saveInfo()"
+        >
+          {{ item.text }}
+        </el-button>
+      </div>
+      <div v-if="!isFlow" class="es-footer-btn">
+        <el-button
+          v-if="rejectObj.fun"
+          type="danger"
+          @click="rejectBtn"
+          class="btn"
+        >
+          驳回
+        </el-button>
+
+        <!-- v-if="pointsReadingObj.fun" -->
+        <el-button v-if="pointsReadingObj.fun" class="btn" @click="taskReadBtn"
+          >分阅</el-button
+        >
+        <el-button
+          class="btn"
+          v-for="item of moreList"
+          :key="item.key"
+          @click="goView(item)"
+        >
+          {{ item.value }}
+        </el-button>
+      </div>
+    </div>
+    <div v-else-if="!shrink" class="es-fenyue-buttons">
+      <el-button
+        type="primary"
+        size="medium"
+        style="width: 100%; margin: 10px 0px"
+        @click="taskRead()"
+      >
+        阅结
+      </el-button>
+      <el-button
+        class="btn"
+        v-if="isCanFenyue == '1'"
+        size="medium"
+        style="margin-left: 0px"
+        @click="taskReadBtn"
+        >分阅</el-button
+      >
+    </div>
+    <!-- 弹窗内容 -->
+    <es-dialog
+      append-to-body
+      :title="title"
+      :close-on-click-modal="false"
+      :visible.sync="handleVisible"
+      v-if="handleVisible"
+      height="auto"
+    >
+      <ProcessForm
+        :id="businessIds"
+        :process-definition-id="nodeInfo.nextNode"
+        :opinion="value"
+        @cancel="closeProcess($event, 'handleVisible')"
+      />
+    </es-dialog>
+    <es-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      title="流程图查看"
+      :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
+      append-to-body
+      :close-on-click-modal="false"
+      title="驳回"
+      v-if="showReject"
+      height="auto"
+      :visible.sync="showReject"
+    >
+      <ProcessReject
+        :pending-id="pendingId"
+        :option="value"
+        :show-reject="showReject"
+        :news-info="nextNode.notificationMsg"
+        @cancel="closeProcess(true, 'showReject')"
+      />
+    </es-dialog>
+    <es-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :title="taskReadType === 'transfer' ? '转办' : '分阅'"
+      :visible.sync="showTaskRead"
+      height="auto"
+      v-if="showTaskRead"
+    >
+      <StartTaskRead
+        :pending-id="pendingId"
+        :opinion="value"
+        :type="taskReadType"
+        :taskExamine="taskExamineInfo"
+        :news-info="nextNode.notificationMsg"
+        @cancel="closeProcess($event, 'showTaskRead')"
+      />
+    </es-dialog>
+    <es-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      title="意见附件"
+      :visible.sync="showFileList"
+      v-if="showFileList"
+    >
+      <FileList
+        :ownId="pendingId"
+        :code="attachedCode"
+        @changeFileNum="val => (fileNum = val)"
+      />
+    </es-dialog>
+    <es-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      title="发送消息"
+      :visible.sync="showSendMsg"
+      height="auto"
+      v-if="showSendMsg"
+    >
+      <SendMsg
+        @cancel="closeProcess($event, 'showSendMsg')"
+        :pendingId="pendingId"
+        :newsList="newsList"
+      />
+    </es-dialog>
+    <es-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :title="flowTitle"
+      :visible.sync="showTaskUnionExamine"
+      height="auto"
+      v-if="showTaskUnionExamine"
+    >
+      <TaskUnionExamine
+        @cancel="closeProcess($event, 'showTaskUnionExamine')"
+        :pendingId="pendingId"
+        :defaultOpinion="nodeDefaultSubmitOpinion"
+        :type="flowType"
+        :multiple="flowMultiple"
+        :disabled="flowDisabled"
+      />
+    </es-dialog>
+  </div>
+</template>
+
+<script>
+import CommonOpinions from './component/CommonOpinions.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 TaskUnionExamine from './component/taskUnionExamine.vue';
+import SelectUser from './selectUser.vue';
+import {
+  findSysCodes,
+  getHandleInfoHtml,
+  getNodeInfo,
+  tempSave,
+  getProcessDefList,
+  pendedhistoryList,
+  endFlowHtml,
+  taskReadHtml,
+  findCodeValues,
+  toStartTaskReadIndex,
+  loginUserInfo,
+  getAdjunctFileInfos,
+  rejectAndEnd,
+  isCanStartSubFlow,
+  taskHandleHtml
+} from 'eoss-ui/src/config/api';
+import util from 'eoss-ui/src/utils/util';
+export default {
+  name: 'EsFlow',
+  componentName: 'EsFlow',
+  components: {
+    [ProcessForm.name]: ProcessForm,
+    [ProcessReject.name]: ProcessReject,
+    [StartTaskRead.name]: StartTaskRead,
+    [CustomPreset.name]: CustomPreset,
+    [CommonOpinions.name]: CommonOpinions,
+    [FileList.name]: FileList,
+    [TimeLimit.name]: TimeLimit,
+    [SendMsg.name]: SendMsg,
+    [SelectUser.name]: SelectUser,
+    [TaskUnionExamine.name]: TaskUnionExamine,
+    Preset
+  },
+  props: {
+    isStartFlow: { type: Boolean, default: false },
+    businessId: { type: String, default: '' },
+    pendingId: { type: String, default: '' },
+    nodeName: { type: String, default: '' },
+    typeCode: { type: String, default: '' },
+    flowTypeCode: { type: String, default: '' },
+    defaultProcessKey: { type: String, default: '' },
+    btnList: {
+      type: Array,
+      default: () => [
+        { text: '提交', event: 'sub', type: 'primary' },
+        { text: '暂存', event: 'save' }
+      ]
+    },
+    subFun: {
+      type: Function,
+      default: callBack => {
+        callBack();
+      }
+    },
+    beforeSubmit: Function,
+    title: { type: String, default: '事务表单办理' }
+  },
+  data() {
+    return {
+      userModel: {},
+      loading: null, // 加载中
+      NodeName: '', // 当前节点值
+      radioList: [],
+      value: '',
+      flowType: '',
+      flowDisabled: false,
+      activeNames: '',
+      selectUserList: [],
+      flowMultiple: true,
+      isCustomUser: 0,
+      shrink: false,
+      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: '',
+      multiple: false, //是否多选(true/false)
+      readMultiple: true, //分阅用户是否多选(true/false)
+      selectReadUserList: [], //选中分阅用户
+      mixPresetList: [], //自动分阅混选
+      selectPresetUserList: [], //自动分阅选中用户
+      presetOptions: [], //自动分阅
+      isLimitedTimeHandling: 0, //是否支持发起子流程限时办理
+      nodeType: 0, //节点类型, (普通节点0,承办节点1,会签节点2,阅办节点3)
+      userOptions: [], //分阅用户
+      mixReadList: [], //分阅混选
+      mixCurrentOrg: [], //本单位混选
+      isTaskread: 0, //是否展示分阅用户
+      showSendMsg: false, //是否展示核稿通知页面
+      canPresetRead: false, //是否展示自动分阅
+      nextNodeList: [],
+      removeUsers: [],
+      options: [],
+      params: {
+        filid: 'all', //选择范围(my:本单位/ "" or all:全部)
+        selectmix: 'true1',
+        deptid: '' //指定部门(my:本部门)
+      },
+      showReject: false, // 是否展示驳回按钮
+      showTaskRead: false, // 是否展示分阅按钮
+      taskReadType: '', //分阅类型
+      isChooseNextNode: 1, //是否展示下步操作
+      isHandleExplain: 0, //是否展示办理说明
+      handleVisible: false,
+      defaultNextNode: '', //默认节点
+      showFlowChart: false, // 展示流程图弹窗
+      isReject: false, // 是否驳回
+      showTaskUnionExamine: false, //展示联合审核弹窗
+      charUrl: util.win.location.origin,
+      endFlow: false, // 是否结束流程
+      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,
+      isShowNextUser: true, //是否展示下步办理人
+      nextUserTypes: ['employee', 'persongroup'], //下步办理人类型配置
+      nextUserTabs: {}, //下步办理人权限配置
+      presetReadUserId: [],
+      nextNode: {
+        nextNodeId: '', // 下步节点
+        isAddSign: '', // 是否加签
+        isRemoveSign: '', // 是否减签
+        nextOperate: '', // 下步操作
+        notificationMsg: '', // 通知信息
+        addSignUserId: [], // 加签办理人
+        removeSignUserId: [], // 减签办理人
+        nextUserId: [], // 下步办理人
+        nextOrgId: [], //办理对象
+        nextCurrentOrgObjSerialId: [], //本单位用户
+        nextReadUserId: [], //分阅用户
+        presetReadUserId: [], //自动分阅
+        handleExplain: '', //办理意见
+        notificationType: [], // 通知方式
+        isLimitedTime: '2' // 是否限时办理
+      },
+      nodeInfos: [], // 下步节点选择数组
+      nextFlowNode: '',
+      nodeInfo: {
+        nextNode: '',
+        nextUser: '',
+        option: []
+      }
+    };
+  },
+  created() {
+    this.getUserInfo();
+  },
+  destroyed() {
+    this.shrink = false;
+  },
+  mounted() {
+    this.businessIds = this.businessId;
+    this.nextNode.nextNodeId = this.nextNodeId;
+    if (this.isFlow) {
+      this.businessId && this.getProcess();
+    } else if (this.typeCode == 'fenyue') {
+      this.getTaskReadFlow();
+    } else {
+      this.getHedInfo();
+    }
+  },
+  watch: {
+    businessId(val) {
+      if (val) {
+        this.businessIds = val;
+        if (this.isFlow) {
+          this.getProcess();
+        }
+      }
+    }
+  },
+  computed: {
+    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: {
+    // 分阅是否多选
+    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.$emit('shrink', this.shrink);
+    },
+    customLoading(type) {
+      if (type != 'end') {
+        this.loading = util.loading(this.$loading, '加载中...');
+      } else {
+        this.loading.close();
+      }
+    },
+    taskRead() {
+      this.$confirm('确认提交?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.loading = util.loading(this.$loading, '加载中...');
+          const {
+            businessId,
+            appId,
+            processDefinitionId,
+            pendingId
+          } = this.taskExamineInfo;
+          let params = {
+            businessId,
+            appId,
+            processDefinitionId,
+            pendingId,
+            opinion: this.value
+          };
+          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.$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(() => {});
+    },
+    getTaskReadFlow() {
+      this.loading = util.loading(this.$loading, '加载中...');
+      util
+        .ajax({
+          url: toStartTaskReadIndex,
+          params: { pendingId: this.pendingId }
+        })
+        .then(res => {
+          const {
+            status,
+            message,
+            data: { isCanFenyue, taskExamine }
+          } = res;
+          if (status === 'success') {
+            this.taskExamineInfo = taskExamine;
+            this.isCanFenyue = isCanFenyue;
+            if (this.nodeName) {
+              this.NodeName = this.nodeName;
+            }
+            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() {
+      util
+        .ajax({
+          url: findCodeValues,
+          params: { ccCode: 'notification_type' }
+        })
+        .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) {
+      if (this.isFlow) {
+        if (!type) {
+          if (this.beforeSubmit != undefined) {
+            this.beforeSubmit(0)
+              .then(next => {
+                this.$emit('save', this.businessIds);
+              })
+              .catch(e => {});
+          } else {
+            this.$emit('save', this.businessIds);
+          }
+        }
+      } else {
+        if (this.beforeSubmit == undefined && !type) {
+          this.subFun(this.saveFlowInfo);
+        } else if (!type && this.beforeSubmit != undefined) {
+          this.beforeSubmit(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, params })
+        .then(res => {
+          const { status, message } = res;
+          this.loading.close();
+          if (status == 'success') {
+            // this.$message.success('暂存成功');
+            !isSave && this.$emit('save', this.businessIds);
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * rejectBtn
+     * @desc:点击驳回
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    rejectBtn() {
+      if (this.value === '') this.value = this.nodeDefaultRejectOpinion;
+      if (!this.value) {
+        return this.$message.warning('请填写意见');
+      }
+      this.showReject = true;
+    },
+    /**
+     * taskReadBtn
+     * @desc:点击分阅
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    taskReadBtn() {
+      // return this.$message.warning('暂未开放！敬请期待');
+      if (this.value === '') this.value = this.nodeDefaultRejectOpinion;
+      this.taskReadType = 'create';
+      this.showTaskRead = true;
+    },
+    /**
+     * getFind
+     * @desc:获取通知方式
+     * @author liufan
+     * @date 2022年5月25日
+     **/
+    getFind() {
+      util
+        .ajax({
+          url: findSysCodes
+        })
+        .then(res => {
+          const { status, message } = res;
+          if (status === 'success') {
+            this.nextNode.notificationType = message.split(',');
+          }
+        })
+        .catch(err => {
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+    },
+    /**
+     * endFlows
+     * @desc:直接办结
+     * @author liufan
+     * @param {Object} res 直接办结数据
+     * @date 2022年5月25日
+     **/
+    endFlows(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.$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
+      if (res.fun === 'toStartTaskRead()') {
+        // 分阅
+        this.taskReadBtn();
+      } else if (res.fun === 'reject()') {
+        // 驳回
+        this.rejectBtn();
+      } 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();
+      } 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 = true;
+        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 {
+        this.$message.warning('暂未开放，敬请期待！');
+      }
+      // isCanStartSubFlow
+    },
+    /**
+     * toTakeAdvice
+     * @desc:征求意见
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toTakeAdvice(res) {
+      let params = {
+        url: isCanStartSubFlow,
+        params: {
+          appId: this.taskExamineInfo.appId,
+          inevitableNode: res.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;
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .catch(err => {
+          this.loading.close();
+          if (err.message && err.message !== 'canceled') {
+            this.$message.error(err.message);
+          }
+        });
+      // return this.$message.warning('暂未开放！敬请期待');
+    },
+    /**
+     * toStartDraf
+     * @desc: 稿件递送、联合审核、复核
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toStartDraf(res) {
+      this.showTaskUnionExamine = true;
+    },
+    /**
+     * toSendMsg
+     * @desc:核稿通知
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toSendMsg(res) {
+      this.showSendMsg = true;
+    },
+    /**
+     * toTaskReadAndEnd
+     * @desc:分阅并办结
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toTaskReadAndEnd(res) {
+      if (this.value === '') this.value = this.nodeDefaultRejectOpinion;
+      this.taskReadType = 'taskReadAndEnd';
+      this.showTaskRead = true;
+    },
+    /**
+     * rejectAndEnd
+     * @desc:驳回并办结
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    rejectAndEnd(res) {
+      this.$confirm('确认' + res.value + '?')
+        .then(() => {
+          if (this.isOpinionRequired == 1 && (this.value == '' || !this.value))
+            return this.$message.warning('请填写意见');
+          let params = {
+            url: rejectAndEnd,
+            headers: { Accept: 'application/json,text/plain' },
+            method: 'post',
+            params: {
+              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.$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
+        });
+      // return this.$message.warning('暂未开放！敬请期待');
+    },
+    /**
+     * toTransfer
+     * @desc:转办
+     * @author liufan
+     * @date 2022年9月29日
+     **/
+    toTransfer(res) {
+      this.taskReadType = 'transfer';
+      this.showTaskRead = true;
+      // return this.$message.warning('暂未开放！敬请期待');
+    },
+    /**
+     * 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') {
+            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;
+              this.multiple
+                ? (this.nextNode.nextUserId = [])
+                : (this.nextNode.nextUserId = '');
+              if (
+                this.multiple &&
+                data.nodeExtAttr.isDefSelectedObj == 1 &&
+                data.nextUserList !== undefined
+              ) {
+                data.nextUserList.map(item => {
+                  this.nextNode.nextUserId.push(item.userId);
+                  this.selectUserList.push({
+                    showname: item.username,
+                    showid: item.userId
+                  });
+                });
+              }
+              data.nextUserList.map(item => {
+                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.userSelectionType = results.nodeExtAttr.userSelectionType;
+              this.isLimitedTimeHandling =
+                data.nodeExtAttr.isLimitedTimeHandling;
+              this.isCustomUser = data.nodeExtAttr.isCustomUser;
+              this.presetEdit = data.nodeExtAttr.presetEdit;
+              this.countersignaturetypeCode = data.countersignaturetypeCode; //是否展示处理方式
+              this.handleMode = data.countersignaturetypeText;
+            }
+            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) {
+      this.loading = util.loading(this.$loading, '加载中...');
+      if (this.multiple) {
+        this.nextNode.nextUserId = [];
+      } else {
+        this.nextNode.nextUserId = '';
+      }
+      this.options = [];
+      this.selectUserList = [];
+      this.radioList = [];
+
+      if (type) {
+        this.nodeInfos = [];
+        this.operationList.map(item => {
+          if (item.key === val) {
+            if (!item.taskNodeList) {
+              this.nodeInfos = [];
+            } else {
+              this.nodeInfos = item.taskNodeList;
+            }
+          }
+        });
+        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;
+        }
+      }
+      // else {
+      //   this.nextNodeList.map(item => {
+      //     if (item.nodeId === val) {
+      //       this.isMultiple(item.transRule.userSelectionType);
+      //     }
+      //   });
+      // }
+
+      if (val === 9) {
+        this.isReject = true;
+        return;
+      } else {
+        this.isReject = false;
+      }
+      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.deptid = this.userModel.orgId;
+        if (choiceDeptId) {
+          this.params.deptid = choiceDeptId;
+        }
+        if (choiceOrgId) {
+          this.params.filid = choiceOrgId;
+        }
+      }
+      if (val == 15 || val == 16) {
+        this.params.filid = this.userModel.orgId;
+        if (pOrgId) {
+          this.params.filid = pOrgId;
+        }
+      }
+    },
+    /**
+     * 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返回数据
+          const {
+            status,
+            message,
+            data: {
+              nextNodeList,
+              taskOperations,
+              isCustomPreset,
+              presetTaskNodeKeyStr,
+              presetTaskNodeMap,
+              isPreset,
+              choiceOrgId,
+              choiceDeptId,
+              pOrgId,
+              taskExamine,
+              nodeInfoMap,
+              canRemoveSignUserList,
+              defaultNotificationMessage,
+              isCanAddSign,
+              isCanRemoveSign,
+              attachedCode,
+              isSpecial,
+              opinion,
+              canPresetRead,
+              isCdjxjTaskHandle,
+              taskButtonList
+            }
+          } = res;
+          this.loading.close();
+          if (status === 'success') {
+            this.$emit('startTaskRead', res);
+            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;
+            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 (canRemoveSignUserList && canRemoveSignUserList.length != 0)
+              this.removeUsers = canRemoveSignUserList;
+            if (taskOperations && taskOperations.length != 0) {
+              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;
+                  }
+                  // if (item.taskNodeList) {
+                  //   this.nextNode.nextNodeId = item.taskNodeList[0].nodeId;
+                  // }
+                }
+              });
+            }
+            this.operationList = taskOperations;
+            if (nodeInfoMap && JSON.stringify(nodeInfoMap) != '{}') {
+              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.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.choiceOrgId = choiceOrgId;
+              this.choiceDeptId = choiceDeptId;
+              this.pOrgId = pOrgId;
+            }
+            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.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 (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';
+            }
+            this.isSpecial = isSpecial;
+            if (this.nodeInfos.length !== 0) {
+              this.nodeInfos[0].nodeName === '流程结束'
+                ? (this.endFlow = true)
+                : '';
+            }
+            if (!this.isOpinionRequired) {
+              this.isOpinionRequired = 0;
+            }
+            opinion && (this.value = opinion);
+            this.nextNode.notificationMsg = defaultNotificationMessage;
+            this.moreList = [];
+            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);
+                }
+              });
+              //  else if (
+              //     item.fun === 'toSendMsg()' ||
+              //     item.fun === 'toStartDraf()'
+              //   ) {
+              //   }
+            }
+            this.isCustomPreset = isCustomPreset;
+            this.isPreset = isPreset;
+            this.presetTaskNodeMap = presetTaskNodeMap;
+            this.presetTaskNodeKeyStr = presetTaskNodeKeyStr;
+            this.getFind();
+            this.getNodeType();
+            this.getNodeInfo();
+          } else {
+            this.$message.error(message || '系统错误，请联系管理员！');
+          }
+        })
+        .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) {
+      this[type] = false;
+      if (
+        val == 'taskReadAndEnd' ||
+        (val == true && type != 'taskRead') ||
+        val == 'transfer'
+      ) {
+        this.$emit('success');
+      }
+    },
+    /**
+     * 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() {
+      let params = {
+        businessId: this.businessId,
+        flowTypeCode: this.flowTypeCode,
+        // defaultProcessKey: this.defaultProcessKey,
+        isOnly: true,
+        hideTempSave: true
+        // 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') {
+            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 == 1) {
+                this.nodeInfo.nextNode = data.definitionList[0].processDefId;
+              } else {
+                this.nodeInfo.nextNode = '';
+              }
+            }
+          } 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);
+          }
+        });
+    },
+    // 提交流程
+    /**
+     * subProcess
+     * @desc:提交流程
+     * @author liufan
+     * @param {String} formName 当前form表单ref值
+     * @date 2022年5月25日
+     **/
+    subProcess(val) {
+      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.beforeSubmit == undefined) {
+            this.subFun(this.sendData);
+          } else {
+            this.beforeSubmit(1)
+              .then(next => {
+                this.sendData();
+              })
+              .catch(e => {});
+          }
+        }
+      });
+    },
+    sendData() {
+      this.$refs['nextNode'].validate(async valid => {
+        if (valid) {
+          await this.saveInfo('subMit');
+          if (this.isFlow) return (this.handleVisible = true);
+          if (
+            !this.endFlow &&
+            this.typeCode != 'fenyue' &&
+            !this.shrink &&
+            this.nextNode.isAddSign != '1' &&
+            this.nextNode.isRemoveSign != '1' &&
+            this.isSpecial &&
+            !this.isReject &&
+            this.nodeInfos.length != 0
+          ) {
+            if (this.isShowNextUser) {
+              if (
+                this.nextNode.nextUserId == '' ||
+                (this.multiple && this.nextNode.nextUserId.length == 0)
+              ) {
+                return this.$message.warning('请选择下步办理人');
+              }
+            } else {
+              if (
+                this.nextNode.nextOrgId == '' ||
+                (this.multiple && this.nextNode.nextOrgId.length == 0)
+              ) {
+                return this.$message.warning('请选择办理对象');
+              }
+            }
+          }
+
+          let nextUserId = [];
+          if (this.multiple) {
+            this.nextNode.nextUserId &&
+              this.nextNode.nextUserId.map(item => nextUserId.push(item));
+          }
+          if (
+            this.nextNode.isAddSign == '1' &&
+            this.nextNode.addSignUserId.length == 0
+          )
+            return this.$message.warning('请选择加签办理人');
+          if (
+            this.nextNode.isRemoveSign == '1' &&
+            this.nextNode.removeSignUserId.length == 0
+          )
+            return this.$message.warning('请选择减签办理人');
+          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);
+            });
+          }
+          if (!this.value && this.isOpinionRequired === 1) {
+            this.$message.warning('请选择输入审批意见');
+            return;
+          }
+
+          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.nextNode.isReturnRejectNode = 1;
+            this.nextNode.processDefinitionId = this.processObj.taskExamine.processDefinitionId;
+          }
+          this.loading = util.loading(this.$loading, '加载中...');
+
+          let notificationType = '';
+          notificationType = this.nextNode.notificationType.join(',');
+          addSignUserId = addSignUserId.join(',');
+          removeSignUserId = removeSignUserId.join(',');
+          let params = {
+            ...this.nextNode,
+            pendingId: this.pendingId,
+            opinion: 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;
+          if (this.nextNode.isRemoveSign != '1') {
+            delete params.removeSignUserId;
+          }
+          if (this.nextNode.isAddSign != '1') {
+            delete params.addSignUserId;
+          }
+          // if(this.isSubmitButtonShowAgreeAndDisagree == 1){
+          //   this.value = this.value
+          // }
+          this.loading = util.loading(this.$loading, '提交中...');
+          util
+            .ajax({ url: taskHandleHtml, method: 'post', data: params })
+            .then(res => {
+              const { status, message } = res;
+              this.loading.close();
+              if (status === 'success') {
+                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);
+              }
+            });
+        } else {
+          // this.loading.close();
+          return false;
+        }
+      });
+    }
+  }
+};
+</script>