eoss-mobiles 0.1.13

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

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