ui-process-h5 2.1.0-beta → 2.1.1-beta

package/src/packages/process/operation/complete.vue

@@ -1,1384 +0,0 @@
-<template>
-  <div class="process-popup-content">
-    <div
-      class="process-popup-content-msg"
-      v-if="
-        param.ProcessInsObj &&
-        param.ProcessInsObj.processDefId !=
-          'obj_94014ede99b6495d8f6d5977314faa15'
-      "
-    >
-      <div class="process-pc-label" v-if="param.isQuickReply">快捷回复</div>
-      <div
-        class="process-pc-value"
-        style="display: flex"
-        v-if="param.isQuickReply"
-      >
-        <div class="process-radio" style="width: 100%">
-          <template v-if="param.isDocument">
-            <div
-              class="process-radio-item"
-              :class="value == commentMsg ? 'process-radio-item--check' : ''"
-              v-for="value in msgCheckList"
-              @click="() => (commentMsg = value)"
-            >
-              <span> </span>
-              {{ value }}
-            </div>
-          </template>
-          <template v-else>
-            <div
-              class="process-radio-item"
-              :class="value == commentMsg ? 'process-radio-item--check' : ''"
-              v-for="value in msgCheckListS"
-              @click="() => (commentMsg = value)"
-            >
-              <span> </span>
-              {{ value }}
-            </div>
-          </template>
-
-          <div
-            class="process-radio-item"
-            @click="handleOpenMsg()"
-            v-if="param.isMsg"
-            style="color: #1389ff; font-size: 14px; margin-left: auto"
-          >
-            常用意见
-          </div>
-        </div>
-      </div>
-      <div v-if="param.isMsg && !param.isQuickReply">
-        <div
-          class="process-radio-item"
-          @click="handleOpenMsg()"
-          style="color: #1389ff; font-size: 14px"
-        >
-          常用意见
-        </div>
-      </div>
-      <div class="process-pc-label">
-        审批意见
-        <span class="process-pc-label--re" v-if="param.isRequire">*</span>
-      </div>
-      <div class="process-pc-value">
-        <div class="process-popup-textarea">
-          <textarea
-            v-model="commentMsg"
-            class="textarea-item"
-            name="description"
-            cols="40"
-            placeholder="请输入审批意见(200字以内)"
-            maxlength="200"
-            onkeyup="this.value=this.value.replace(/[\uD800-\uDFFF]/g,'')"
-          ></textarea>
-          <div class="process-popup-textarea-num">
-            {{ commentMsg.length }}/200
-          </div>
-        </div>
-        <div class="msg-btn" v-if="param.isMsg">
-          <span class="msg-btn-click" @click="handleMakeMsg()"
-            >设置为常用意见</span
-          >
-        </div>
-      </div>
-    </div>
-
-    <div
-      class="process-popup-content-person"
-      v-if="
-        taskNode &&
-        taskNode.length > 0 &&
-        taskNode[0].taskState != 4 &&
-        taskNode[0].taskState != 11
-      "
-    >
-      <template v-if="nextNodeData.length">
-        <div
-          v-if="
-            nextNodeData.length == 1 && nextNodeData[0]['type'] == 'endEvent'
-          "
-        >
-          下一节点：结束事件
-        </div>
-        <TreePerson
-          v-else
-          :items="nextNodeData"
-          nodeType="nexting"
-          :param="param"
-          @onMultiNode="onMultiNode"
-        />
-      </template>
-
-      <template v-else-if="outGatewayUserTaskModel.length">
-        <TreePerson
-          :items="outGatewayUserTaskModel"
-          nodeType="outing"
-          :param="param"
-          @onMultiNode="onMultiNode"
-          @onVars="onVars"
-        />
-      </template>
-
-      <!-- <template v-if="nextNodeData.length">
-                <template v-for="item in nextNodeData">
-                    <template
-                        v-if="
-                            item.type != 'endEvent' &&
-                            isOption(
-                                item?.userTaskModelDTO?.humanPerformer?.name
-                            )
-                        "
-                    >
-                        <div class="process-pc-label">
-                            <div>
-                                {{ item.userTaskModelDTO.name }}
-                                <br />
-                                审批人
-                                <span class="process-pc-label--re">*</span>
-                            </div>
-                        </div>
-                        <div
-                            class="process-pc-value"
-                            @click="handleOpenPopup(item)"
-                        >
-                            <div class="process-pc-value--people">
-                                <div
-                                    class="process-pc-value--data"
-                                    v-if="
-                                        partNode[item.id] &&
-                                        partNode[item.id].length
-                                    "
-                                >
-                                    <span>
-                                        {{ partNode[item.id].join(",") }}
-                                    </span>
-                                </div>
-                                <div
-                                    v-else-if="
-                                        item.humanPerformerName !==
-                                            '固定账户' &&
-                                        item.humanPerformerName !==
-                                            '与流程申请人相关'
-                                    "
-                                    class="process-pc-value--data"
-                                    style="color: #888;"
-                                >
-                                    <span>
-                                        请选择审批人
-                                    </span>
-                                </div>
-
-                                <div
-                                    v-else-if="
-                                        item.routeTxt && item.routeTxt.userNames
-                                    "
-                                    class="process-pc-value--data"
-                                >
-                                    {{ item.routeTxt.userNames }}
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                    <template v-else-if="item.type != 'endEvent'">
-                        <div class="process-pc-label">
-                            {{ item.userTaskModelDTO.name }}
-                            <span v-if="personMakeList[item.id]"
-                                >：{{ personMakeList[item.id] }}</span
-                            >
-                        </div>
-                    </template>
-                    <div v-else>下一节点：结束事件</div>
-                </template>
-            </template>
-
-            <template v-else-if="outGatewayUserTaskModel.length">
-                <template v-for="item in outGatewayUserTaskModel">
-                    <template
-                        v-if="
-                            outGatewayUserTaskModel.childNode &&
-                            outGatewayUserTaskModel.childNode.length
-                        "
-                    >
-                        <template
-                            v-if="
-                                item.type != 'endEvent' &&
-                                isOption(
-                                    item?.userTaskModelDTO?.humanPerformer?.name
-                                )
-                            "
-                        >
-                            <div class="process-pc-label">
-                                <div>
-                                    {{ item.userTaskModelDTO.name }}
-                                    <br />
-                                    审批人
-                                    <span class="process-pc-label--re">*</span>
-                                </div>
-                            </div>
-                            <div
-                                class="process-pc-value"
-                                @click="handleOpenPopup(item)"
-                            >
-                                <div class="process-pc-value--people">
-                                    <div
-                                        class="process-pc-value--data"
-                                        v-if="
-                                            partNode[item.id] &&
-                                            partNode[item.id].length
-                                        "
-                                    >
-                                        <span>
-                                            {{ partNode[item.id].join(",") }}
-                                        </span>
-                                    </div>
-                                    <div
-                                        v-else
-                                        class="process-pc-value--data"
-                                        style="color: #888;"
-                                    >
-                                        <span>
-                                            请选择审批人
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                        </template>
-                        <template v-else-if="item.type != 'endEvent'">
-                            <div class="process-pc-label">
-                                {{ item.userTaskModelDTO.name }}
-                            </div>
-                        </template>
-                        <div v-else>下一节点：结束事件</div>
-                    </template>
-
-                    <template v-else>
-                        <div class="process-pc-label">
-                            节点审批
-                            <span class="process-pc-label--re">*</span>
-                        </div>
-
-                        <div
-                            class="process-pc-value"
-                            v-if="item.childNode && item.childNode.length"
-                        >
-                            <div class="process-radio">
-                                <div
-                                    class="process-radio-item"
-                                    :class="
-                                        value.id == radioCheck
-                                            ? 'process-radio-item--check'
-                                            : ''
-                                    "
-                                    v-for="value in item.childNode"
-                                    @click="handleNode(value)"
-                                >
-                                    <span> </span>
-                                    {{ value.nodeName || value.name }}
-                                </div>
-                            </div>
-                        </div>
-                        <div class="process-pc-value" v-else>
-                            <div class="process-pc-value--people">
-                                <div style="margin-bottom: 10px;">
-                                    {{ item.userTaskModelDTO.name }}
-                                </div>
-                                <div
-                                    class="process-pc-value--data"
-                                    v-if="
-                                        partNode[item.id] &&
-                                        partNode[item.id].length
-                                    "
-                                >
-                                    <span>
-                                        {{ partNode[item.id].join(",") }}
-                                    </span>
-                                </div>
-                                <div
-                                    v-else-if="
-                                        item.humanPerformerName !==
-                                            '固定账户' &&
-                                        item.humanPerformerName !==
-                                            '与流程申请人相关'
-                                    "
-                                    class="process-pc-value--data"
-                                    style="color: #888;"
-                                    @click="handleOpenPopup(item)"
-                                >
-                                    <span>
-                                        请选择审批人
-                                    </span>
-                                </div>
-
-                                <div
-                                    v-else-if="
-                                        item.routeTxt && item.routeTxt.userNames
-                                    "
-                                    class="process-pc-value--data"
-                                >
-                                    {{ item.routeTxt.userNames }}
-                                </div>
-                            </div>
-                        </div>
-                    </template>
-                </template>
-
-                <template v-if="radioCheck">
-                    <template
-                        v-if="
-                            radioCheckChild &&
-                            radioCheckChild.length &&
-                            radioCheckChild[0].type !== 'EndEventModel'
-                        "
-                    >
-                        <div style="margin-top: 20px; font-size: 12px;">
-                            节点审批:
-                        </div>
-                        <div v-for="item in radioCheckChild">
-                            <div
-                                class="process-pc-label"
-                                @click="handleSaveNode(item)"
-                            >
-                                <div class="process-checkbox">
-                                    <div
-                                        class="process-checkbox-item"
-                                        :class="
-                                            radioCheckNameList.includes(item.id)
-                                                ? 'process-checkbox-item--check'
-                                                : ''
-                                        "
-                                    >
-                                        {{ item.nodeName || item.name }}
-                                        <span>
-                                            <img
-                                                v-if="
-                                                    radioCheckNameList.includes(
-                                                        item.id
-                                                    )
-                                                "
-                                                class="process-checkbox-item-check"
-                                                :src="check"
-                                            />
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                            <template
-                                v-if="!item.childNode || !item.childNode.length"
-                            >
-                                <div
-                                    class="process-pc-value"
-                                    @click="handleOpenPopup(item)"
-                                    v-if="
-                                        item.humanPerformerName !==
-                                            '固定账户' &&
-                                        item.humanPerformerName !==
-                                            '与流程申请人相关'
-                                    "
-                                >
-                                    <div class="process-pc-value--people">
-                                        <div
-                                            class="process-pc-value--data"
-                                            v-if="
-                                                partNode[item.id] &&
-                                                partNode[item.id].length
-                                            "
-                                        >
-                                            <span>
-                                                {{
-                                                    partNode[item.id].join(",")
-                                                }}
-                                            </span>
-                                        </div>
-                                        <div
-                                            v-else
-                                            class="process-pc-value--data"
-                                            style="color: #888;"
-                                        >
-                                            <span>
-                                                请选择审批人
-                                            </span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div
-                                    v-else-if="
-                                        item.routeTxt && item.routeTxt.userNames
-                                    "
-                                    class="process-pc-value--data"
-                                >
-                                    {{ item.routeTxt.userNames }}
-                                </div>
-                                <div class="process-pc-value--data" v-else>
-                                    <span v-if="partNodeS && partNodeS.length">
-                                        {{
-                                            partNodeS && partNodeS.length
-                                                ? partNodeS.join(",")
-                                                : ""
-                                        }}
-                                    </span>
-                                </div>
-                            </template>
-                        </div>
-                    </template>
-                    <template v-else>
-                        <div class="process-pc-label">
-                            下一节点审批
-                        </div>
-                        <div class="process-pc-value">
-                            {{
-                                radioCheckChild[0].type === "EndEventModel"
-                                    ? "结束事件"
-                                    : radioCheckName
-                            }}
-                        </div>
-                    </template>
-                </template>
-
-                <template
-                    v-if="radioCheckNodeList && radioCheckNodeList.length"
-                >
-                    <template
-                        v-if="
-                            radioCheckNodeList &&
-                            radioCheckNodeList.length &&
-                            radioCheckNodeList[0].type !== 'EndEventModel'
-                        "
-                    >
-                        <div style="margin-top: 20px; font-size: 12px;">
-                            节点审批:
-                        </div>
-                        <div v-for="item in radioCheckNodeList">
-                            <div
-                                class="process-pc-label"
-                                @click="handleSaveNodeS(item)"
-                            >
-                                <div class="process-checkbox">
-                                    <div
-                                        class="process-checkbox-item"
-                                        :class="
-                                            radioCheckNameList.includes(item.id)
-                                                ? 'process-checkbox-item--check'
-                                                : ''
-                                        "
-                                    >
-                                        {{ item.nodeName || item.name }}
-                                        <span>
-                                            <img
-                                                v-if="
-                                                    radioCheckNode.includes(
-                                                        item.id
-                                                    )
-                                                "
-                                                class="process-checkbox-item-check"
-                                                :src="check"
-                                            />
-                                        </span>
-                                    </div>
-                                </div>
-                            </div>
-                            <template
-                                v-if="!item.childNode || !item.childNode.length"
-                            >
-                                <div
-                                    class="process-pc-value"
-                                    @click="handleOpenPopup(item)"
-                                    v-if="
-                                        item.humanPerformerName !==
-                                            '固定账户' &&
-                                        item.humanPerformerName !==
-                                            '与流程申请人相关'
-                                    "
-                                >
-                                    <div class="process-pc-value--people">
-                                        <div
-                                            class="process-pc-value--data"
-                                            v-if="
-                                                partNode[item.id] &&
-                                                partNode[item.id].length
-                                            "
-                                        >
-                                            <span>
-                                                {{
-                                                    partNode[item.id].join(",")
-                                                }}
-                                            </span>
-                                        </div>
-                                        <div
-                                            v-else
-                                            class="process-pc-value--data"
-                                            style="color: #888;"
-                                        >
-                                            <span>
-                                                请选择审批人
-                                            </span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="process-pc-value--data" v-else>
-                                    <span v-if="partNodeS && partNodeS.length">
-                                        {{
-                                            partNodeS && partNodeS.length
-                                                ? partNodeS.join(",")
-                                                : ""
-                                        }}
-                                    </span>
-                                </div>
-                            </template>
-                        </div>
-                    </template>
-                    <template v-else>
-                        <div class="process-pc-label">
-                            下一节点审批
-                        </div>
-                        <div class="process-pc-value">
-                            {{
-                                radioCheckChild[0].type === "EndEventModel"
-                                    ? "结束事件"
-                                    : radioCheckName
-                            }}
-                        </div>
-                    </template>
-                </template>
-            </template> -->
-    </div>
-    <slot name="completeSlot"></slot>
-    <TopTips
-      ref="topTips"
-      :text="textTips"
-      :statusTips="statusTips"
-      :type="typeTips"
-    />
-    <TopPopup
-      v-bind:visible="visible"
-      v-on:update:visible="(val) => (visible = val)"
-      ref="TopPopup"
-      titleText="选人"
-      :isDrawer="true"
-    >
-      <div style="height: 100%">
-        <departPerson
-          :isTitle="false"
-          v-if="visible"
-          :visible.sync="visible"
-          v-bind="entity"
-          @callback="handleCallback"
-          @cancel="handleCancel"
-        >
-        </departPerson>
-      </div>
-    </TopPopup>
-
-    <TopPopup
-      v-bind:visible="visibleListMsg"
-      v-on:update:visible="(val) => (visibleListMsg = val)"
-      ref="TopPopup"
-      titleText="常用意见"
-      :isDrawer="true"
-    >
-      <MsgList
-        :visible="visibleListMsg"
-        :request="param.request"
-        :useInfo="param.userInfo"
-        @handleTips="handleTips"
-        @handleMsg="handleMsg"
-      ></MsgList>
-    </TopPopup>
-
-    <TopPopup
-      titleText="操作消息提示"
-      :isTips="true"
-      :context="`将${commentMsg}设置为常用意见`"
-      :cancel="handleTipsCancel"
-      :comfig="handleTipsComfig"
-      v-bind:visible="visibleMsgComfig"
-      v-on:update:visible="(val) => (visibleMsgComfig = val)"
-    >
-    </TopPopup>
-
-    <attchViews
-      v-if="labels == '1'"
-      :limit="limit ? limit : -1"
-      :requires="requires"
-      :request="param.request"
-      :linkUrl="param.linkUrl"
-      @getValue="getValues"
-    />
-
-    <!--  -->
-  </div>
-</template>
-<script>
-import TopTips from "../../tip/index.vue";
-import attchViews from "../../attchUpload/index.vue";
-import TopPopup from "../../popup/index.vue";
-import { departPerson } from "checked-pick-app";
-import success from "@/assets/status/success.png";
-import checks from "@/assets/status/check.png";
-import MsgList from "./msgList.vue";
-import "checked-pick-app/style.css";
-import TreePerson from "./treePerson.vue";
-export default {
-  name: "complete",
-  props: {
-    param: {
-      type: Object,
-      defalut: () => {
-        visible: false;
-      },
-    },
-  },
-  components: {
-    TopTips,
-    attchViews,
-    TopPopup,
-    departPerson,
-    MsgList,
-    TreePerson,
-  },
-  computed: {
-    check() {
-      return success;
-    },
-    checkS() {
-      return checks;
-    },
-  },
-  data() {
-    return {
-      commentMsg: "",
-      style: {
-        color: "#333",
-        disableColor: "#F7F6F6",
-      },
-      textTips: "",
-      statusTips: false,
-      typeTips: "success",
-      // annex 附件属性
-      limit: "",
-      requires: "",
-      labels: "",
-      otherList: "",
-      attchLists: [],
-      // next
-      nextNodeData: [],
-      taskNode: [],
-
-      outGatewayUserTaskModel: [],
-      formData: {},
-
-      // 选人组件
-      visible: false,
-      entity: {
-        source: "0",
-        type: this.param.isCheckType || "0",
-        orgType: this.param.isOrgType || [0],
-        request: this.param.request, //'http://59.53.91.231:2100' 0002
-        codeType: this.param.isCodeType || [3], // 可选类型 1-主体 2-部门 3-人员
-        multiple: true, // 是否多选
-      },
-      /* {
-          source: "0",
-          type: "0",
-          request: this.param.request, //'http://59.53.91.231:2100' 0002
-          businessId: "6a9aaf5742572e82b5d89d6f7e52e2f2",
-          codeType: [3], // 可选类型 1-主体 2-部门 3-人员
-          multiple: true, // 是否多选
-      } */
-      // 存储选人信息
-      multiNodeParticipant: {},
-      // 当前评估对象
-      partObjId: [],
-      // 选中人员信息
-      partNode: {},
-      // 是否可选
-      canCheck: true,
-      // radio
-      radioCheck: "",
-      radioCheckChild: [],
-      radioCheckName: "",
-      radioCheckNameList: [],
-
-      radioCheckNode: [],
-      radioCheckNodeList: [],
-      // 选人回显
-      partList: [],
-
-      //
-      gateVars: {},
-
-      // 固定账户id存储:[]
-      personMake: [],
-      personMakeList: {},
-
-      // 常用意见列表
-      visibleListMsg: false,
-      visibleMsgComfig: false,
-      msgCheck: "",
-      msgCheckList: ["同意", "如拟", "已阅"],
-      msgCheckListS: ["同意", "已阅"],
-
-      actionName: "",
-      partNodeS: [],
-      makeType: "",
-    };
-  },
-  watch: {
-    "param.visible": {
-      handler(val, preVal) {
-        this.nextNodeData = this.param.nextNodeData;
-        this.taskNode = this.param.taskNode;
-        this.outGatewayUserTaskModel = this.param.outGatewayUserTaskModel;
-        this.actionName = this.param.actionName;
-
-        // console.log("param:::", this.param);
-        /*  if(this.nextNodeData) */
-
-        if (
-          this.outGatewayUserTaskModel &&
-          this.outGatewayUserTaskModel.length
-        ) {
-          this.outGatewayUserTaskModel.map((v) => {
-            if (v.type === "endEvent") return;
-            v.userTaskModelDTO = {
-              name: v.name,
-              humanPerformer: {
-                name: v.humanPerformerName,
-              },
-            };
-            v.humanPerformer = {
-              name: v.humanPerformerName,
-            };
-          });
-        }
-
-        ///userTaskModelDTO
-        if (this.nextNodeData && this.nextNodeData.length) {
-          this.nextNodeData.map((v, i) => {
-            if (v.type === "endEvent") return;
-
-            if (
-              v.userTaskModelDTO.participantList &&
-              v.userTaskModelDTO.participantList.length
-            ) {
-              v.userTaskModelDTO.participantList.map((value) => {
-                /* */
-                if (!this.multiNodeParticipant[v.id]) {
-                  this.multiNodeParticipant[v.id] = [];
-                }
-                if (!this.partNode[v.id]) {
-                  this.partNode[v.id] = [];
-                }
-
-                if (!this.multiNodeParticipant[v.id].includes(value.id)) {
-                  this.multiNodeParticipant[v.id].push(value.id);
-                }
-
-                if (!this.partNode[v.id].includes(value.name)) {
-                  this.partNode[v.id].push(value.name);
-                }
-              });
-            }
-
-            /* console.log(
-                "nextData",
-                v.userTaskModelDTO.humanPerformer.name
-            ); */
-            if (
-              v.userTaskModelDTO.humanPerformer.name == "固定账户" ||
-              v.userTaskModelDTO.humanPerformer.name == "与流程申请人相关"
-            ) {
-              this.personMake.push(v.id);
-            }
-          });
-
-          if (this.personMake && this.personMake.length) {
-            this.param.request
-              .post(
-                `aws/repository/getParticipantsOfPerformerNames?taskInstId=${this.param.taskInstId}`,
-                {
-                  userTaskDefIds: this.personMake,
-                }
-              )
-              .then((res) => {
-                if (res.code == 200) {
-                  this.personMakeList = res.data;
-                }
-              });
-          }
-        } else if (
-          this.outGatewayUserTaskModel &&
-          this.outGatewayUserTaskModel.length
-        ) {
-          this.outGatewayUserTaskModel.map((v, i) => {
-            if (v.type === "endEvent") {
-              return;
-            }
-            // console.log("测试数据:::", v);
-            if (v.participantList && v.participantList.length) {
-              v.participantList.map((value) => {
-                /* */
-                if (!this.multiNodeParticipant[v.id]) {
-                  this.multiNodeParticipant[v.id] = [];
-                }
-                if (!this.partNode[v.id]) {
-                  this.partNode[v.id] = [];
-                }
-
-                if (!this.multiNodeParticipant[v.id].includes(value.id)) {
-                  this.multiNodeParticipant[v.id].push(value.id);
-                }
-
-                if (!this.partNode[v.id].includes(value.name)) {
-                  this.partNode[v.id].push(value.name);
-                }
-              });
-            }
-          });
-        }
-        // console.log("userTaskModelDTO", this.multiNodeParticipant);
-        // console.log(
-        //     "outGatewayUserTaskModel",
-        //     this.outGatewayUserTaskModel
-        // );
-      },
-      immediate: true,
-      deep: true,
-    },
-  },
-  created() {
-    // console.log("isVue2", this.param);
-    this.makeDelegateTaskButtonAnnex();
-  },
-  methods: {
-    // 设置msg
-    handleMakeMsg() {
-      if (this.commentMsg == "" && !this.commentMsg.length) {
-        this.handleTips("请输入审批意见!", false, "success");
-        this.visibleMsgComfig = false;
-      } else {
-        this.visibleMsgComfig = true;
-      }
-    },
-
-    handleTipsCancel() {
-      this.visibleMsgComfig = false;
-    },
-    handleTipsComfig() {
-      this.handleTips("", true, "loading");
-      this.visibleMsgComfig = false;
-      this.param.request
-        .post("/auth/user/opinion/save", {
-          opinionName: this.commentMsg,
-        })
-        .then((res) => {
-          if (res.code === 200) {
-            this.handleTips("设置成功!", true, "success");
-          } else {
-            this.handleTips(res.msg, true, "error");
-          }
-        })
-        .catch((error) => {
-          this.handleTips(error.msg, true, "error");
-        });
-    },
-    handleMsg(val) {
-      this.commentMsg = val;
-      this.visibleListMsg = false;
-    },
-    handleSaveNode(val) {
-      if (this.makeType == "InclusiveGatewayModel") {
-        if (this.radioCheckNameList.includes(val.id)) {
-          this.radioCheckNameList.splice(
-            this.radioCheckNameList.indexOf(val.id),
-            1
-          );
-        } else {
-          this.radioCheckNameList.push(val.id);
-          this.gateVars[val.incomingConditionItemList[0].itemName] =
-            val.incomingConditionItemList[0].compareValue;
-        }
-        this.gateVars[val.itemName] = val.compareValue;
-      } else {
-        this.radioCheckNameList = [];
-        this.radioCheckNodeList = [];
-        this.radioCheckNameList.push(val.id);
-        if (val.childNode && val.childNode.length) {
-          this.radioCheckNodeList = val.childNode;
-        }
-        this.gateVars[val.incomingConditionItemList[0].itemName] =
-          val.incomingConditionItemList[0].compareValue;
-        this.gateVars[val.itemName] = val.compareValue;
-      }
-
-      // console.log("查看::", this.radioCheckNodeList);
-    },
-
-    handleSaveNodeS(val) {
-      if (this.makeType == "InclusiveGatewayModel") {
-        if (this.radioCheckNode.includes(val.id)) {
-          this.radioCheckNode.splice(this.radioCheckNode.indexOf(val.id), 1);
-        } else {
-          this.radioCheckNode.push(val.id);
-          /* this.gateVars[val.incomingConditionItemList[0].itemName] =
-              val.incomingConditionItemList[0].compareValue; */
-        }
-        /*  this.gateVars[val.itemName] = val.compareValue; */
-      } else {
-        if (this.radioCheckNode && this.radioCheckNode.length) {
-          this.radioCheckNode = [];
-        } else {
-          this.radioCheckNode.push(val.id);
-          if (val.childNode && val.childNode.length) {
-            this.radioCheckNodeList.push(val.childNode);
-          }
-        }
-        /*     this.gateVars[val.incomingConditionItemList[0].itemName] =
-            val.incomingConditionItemList[0].compareValue;
-        this.gateVars[val.itemName] = val.compareValue; */
-      }
-    },
-
-    forRadioChild(item, type) {
-      let arr = [];
-      item.map((v, i) => {
-        if (v.childNode && v.childNode.length) {
-          this.forRadioChild(v.childNode, true);
-        } else if (type) {
-          this.radioCheckChild.push(v);
-        }
-      });
-    },
-
-    async handleNode(item) {
-      this.makeType = item.type;
-      this.radioCheckNameList = [];
-      this.radioCheck = item.id;
-      this.radioCheckName = item.nodeName;
-      this.radioCheckChild =
-        item.childNode && item.childNode.length ? item.childNode : [item];
-
-      // console.log("item", item, "radioCheckChild", this.radioCheckChild);
-      // await this.forRadioChild(this.radioCheckChild, false);
-
-      if (this.radioCheckChild && this.radioCheckChild.length) {
-        this.radioCheckChild.map((v) => {
-          if (v.participantList && v.participantList.length) {
-            v.participantList.map((value) => {
-              /* */
-              if (!this.multiNodeParticipant[v.id]) {
-                this.multiNodeParticipant[v.id] = [];
-              }
-              if (!this.partNode[v.id]) {
-                this.partNode[v.id] = [];
-              }
-
-              if (!this.multiNodeParticipant[v.id].includes(value.id)) {
-                this.multiNodeParticipant[v.id].push(value.id);
-              }
-
-              if (!this.partNode[v.id].includes(value.name)) {
-                this.partNode[v.id].push(value.name);
-              }
-            });
-          } else {
-            this.param.request
-              .post(
-                `/aws/repository/getParticipantsOfPerformerNames?taskInstId=${this.param.taskInstId}`,
-                { userTaskDefIds: [v.id] }
-              )
-              .then((res) => {
-                if (res.code == 200) {
-                  // v.participantList.push(res.data[v.id]);
-                  this.partNodeS = [];
-                  this.partNodeS.push(res.data[v.id]);
-
-                  // console.log(
-                  //     "this.partNode",
-                  //     this.partNodeS
-                  // );
-                }
-              });
-          }
-        });
-      }
-
-      // vars判断(兼容处理)
-      if (
-        !this.radioCheckChild[0].incomingConditionItemList ||
-        !this.radioCheckChild[0].incomingConditionItemList.length
-      ) {
-        if (
-          item.incomingConditionItemList &&
-          item.incomingConditionItemList.length
-        ) {
-          this.radioCheckChild[0].incomingConditionItemList =
-            item.incomingConditionItemList;
-        }
-      }
-
-      // vars判断
-      if (this.outGatewayUserTaskModel && this.outGatewayUserTaskModel.length) {
-        if (this.radioCheckChild && this.radioCheckChild.length) {
-          this.gateVars[
-            this.radioCheckChild[0].incomingConditionItemList[0].itemName
-          ] = this.radioCheckChild[0].incomingConditionItemList[0].compareValue;
-
-          this.gateVars[item.incomingConditionItemList[0].itemName] =
-            item.incomingConditionItemList[0].compareValue;
-        } else {
-          this.gateVars[item.incomingConditionItemList[0].itemName] =
-            item.incomingConditionItemList[0].compareValue;
-        }
-
-        // console.log("测试vars::", this.gateVars);
-      }
-    },
-    handleOpenPopup(item) {
-      this.visible = true;
-      this.partObjId = item.id;
-
-      if (this.nextNodeData && this.nextNodeData.length) {
-        item = {
-          ...item,
-          ...item.userTaskModelDTO,
-        };
-      } else if (!item.humanPerformer) {
-        item = {
-          ...item,
-          humanPerformer: {
-            name: item.humanPerformerName,
-          },
-        };
-      }
-      // console.log("item.id:::", item);
-      if (item.humanPerformer.name == "固定单位") {
-        let subjectName;
-        let checkedArray = [];
-        item.routeTxt.companyIds.map((v, i) => {
-          subjectName = v.name;
-        });
-
-        if (
-          this.multiNodeParticipant[item.id] &&
-          this.multiNodeParticipant[item.id].length
-        ) {
-          this.multiNodeParticipant[item.id].map((v, i) => {
-            checkedArray.push({
-              type: 3,
-              uid: v,
-            });
-          });
-        }
-
-        this.entity = {
-          source: "1",
-          type: this.param.isCheckType || "0",
-          orgType: this.param.isOrgType || [0],
-          request: this.param.request,
-          codeType: this.param.isCodeType || [3],
-          multiple: item.loopCardinality != 1,
-          maxMultiple: item.loopCardinality > 0 ? item.loopCardinality : 0,
-          subjectName: subjectName,
-          checkedArray: checkedArray,
-        };
-      } else if (item.humanPerformer.name == "固定部门") {
-        let deptCode;
-        let deptCodeArray = [];
-        let checkedArray = [];
-        item.routeTxt.departmentIds.forEach((v, i) => {
-          if (item.routeTxt.departmentIds.length > 1) {
-            deptCodeArray.push(v.rangeId);
-            // deptCode = v.rangeId;
-          } else {
-            deptCode = v.rangeId;
-          }
-        });
-
-        if (
-          this.multiNodeParticipant[item.id] &&
-          this.multiNodeParticipant[item.id].length
-        ) {
-          this.multiNodeParticipant[item.id].forEach((v, i) => {
-            checkedArray.push({
-              type: 3,
-              uid: v,
-              deptId: deptCode,
-            });
-          });
-        }
-        if (item.routeTxt.departmentIds.length > 1) {
-          this.entity = {
-            source: "1",
-            type: this.param.isCheckType || "0",
-            orgType: this.param.isOrgType || [0],
-            request: this.param.request,
-            codeType: this.param.isCodeType || [3],
-            multiple: item.loopCardinality != 1,
-            maxMultiple: item.loopCardinality > 0 ? item.loopCardinality : 0,
-            deptCodeArray: deptCodeArray,
-            // deptCode: deptCode,
-            checkedArray: checkedArray,
-          };
-        } else {
-          this.entity = {
-            source: "1",
-            type: this.param.isCheckType || "0",
-            orgType: this.param.isOrgType || [0],
-            request: this.param.request,
-            codeType: this.param.isCodeType || [3],
-            multiple: item.loopCardinality != 1,
-            maxMultiple: item.loopCardinality > 0 ? item.loopCardinality : 0,
-            deptCode: deptCode,
-            checkedArray: checkedArray,
-          };
-        }
-      } else {
-        let checkedArray = [];
-
-        if (
-          this.multiNodeParticipant[item.id] &&
-          this.multiNodeParticipant[item.id].length
-        ) {
-          // console.log("存在:::", this.multiNodeParticipant[item.id]);
-          this.multiNodeParticipant[item.id].map((v, i) => {
-            checkedArray.push({
-              type: 3,
-              uid: v,
-            });
-          });
-        }
-
-        this.entity = {
-          source: "1",
-          type: this.param.isCheckType || "0",
-          orgType: this.param.isOrgType || [0],
-          request: this.param.request,
-          codeType: this.param.isCodeType || [3],
-          multiple: item.loopCardinality != 1,
-          maxMultiple: item.loopCardinality > 0 ? item.loopCardinality : 0,
-          checkedArray: checkedArray,
-          // deptCodeArray:["d603dfca436aa2c8e13a683389e2ca23","7faf6dcaf4fbc41eebc85d5a41035df5"]
-        };
-
-        // console.log("任意选人节点参数", this.entity);
-      }
-    },
-
-    handleOpenMsg() {
-      this.visibleListMsg = true;
-    },
-
-    async confirm() {
-      
-
-      if (!this.commentMsg && this.param.isRequire) {
-        this.handleTips("请输入审批意见!", false, "success");
-        return;
-      }
-
-      if (this.requires && this.attchLists.length <= 0) {
-        this.handleTips("请上传附件!", false, "success");
-        return;
-      }
-      if (!this.commentMsg) {
-        this.commentMsg = " ";
-      }
-
-      let multiNodeParticipant = {};
-
-      if (this.radioCheckNameList && this.radioCheckNameList.length) {
-        if (this.radioCheckChild[0].type !== "EndEventModel") {
-          let num = 0;
-
-          this.radioCheckNameList.map((v, i) => {
-            if (
-              !this.multiNodeParticipant[v] ||
-              !this.multiNodeParticipant[v].length
-            ) {
-              this.radioCheckChild.map((value, index) => {
-                if (value.id == v) {
-                  if (
-                    value.humanPerformerName !== "固定账户" ||
-                    value.humanPerformerName !== "与流程申请人相关"
-                  ) {
-                    if (!value.childNode || !value.childNode.length) {
-                      num += 1;
-                    } else {
-                      this.radioCheckNode.map((values, indexd) => {
-                        if (
-                          !this.multiNodeParticipant[values] ||
-                          !this.multiNodeParticipant[values].length
-                        ) {
-                          num += 1;
-                        }
-                        multiNodeParticipant[values] =
-                          this.multiNodeParticipant[values];
-                      });
-                    }
-                  }
-                }
-              });
-            }
-            multiNodeParticipant[v] = this.multiNodeParticipant[v];
-          });
-
-          /*  if (num > 0) {
-              this.handleTips("请选择审批人!", false, "success");
-              return;
-          } */
-        }
-      } else {
-        /* if (
-            this.multiNodeParticipant[this.partObjId] &&
-            !this.multiNodeParticipant[this.partObjId].length
-        ) {
-            this.handleTips("请选择审批人!", false, "success");
-            return;
-        } */
-        multiNodeParticipant = this.multiNodeParticipant;
-      }
-
-      if (this.param.beforeFunction) {
-        let flag = await this.param.beforeFunction();
-        if (!flag) {
-          return;
-        }
-      }
-
-      this.handleTips("", true, "loading");
-
-      let paramsss = {
-        actionName: this.param.actionComplete,
-        commentMsg: this.commentMsg,
-        taskInstId: this.param.taskInstId,
-        vars: this.param.vars || this.gateVars,
-        multiNodeParticipant: multiNodeParticipant,
-      };
-      // console.log("complete:::params:::", paramsss);
-
-      // return
-      await this.param.request
-        .post("/aws/tis/complete", {
-          actionName: this.param.actionComplete,
-          commentMsg: this.commentMsg,
-          taskInstId: this.param.taskInstId,
-          vars: this.param.vars || this.gateVars,
-          multiNodeParticipant: multiNodeParticipant,
-        })
-        .then((res) => {
-          if (res.code == 200) {
-            if (this.attchLists.length > 0) {
-              this.uploadAttch();
-              return;
-            }
-            this.$emit("handleClosePopup1");
-            this.handleTips("提交成功!", false, "success");
-            this.handleFinal();
-            this.commentMsg = "";
-          } else {
-            this.handleTips(res.msg, true, "error");
-          }
-        });
-    },
-    makeDelegateTaskButtonAnnex() {
-      if (this.param.annex && this.param.annex.length) {
-        this.otherList = this.param.annex;
-        let str = this.otherList.split(";");
-        this.limit = str[2];
-        this.requires = JSON.parse(str[1]);
-        this.labels = str[0];
-      }
-    },
-
-    handleCallback(res) {
-      this.visible = false;
-      this.multiNodeParticipant[this.partObjId] = [];
-      this.partNode[this.partObjId] = [];
-      res.map((v, i) => {
-        this.multiNodeParticipant[this.partObjId].push(v.uid);
-        this.partNode[this.partObjId].push(v.name);
-      });
-
-      // console.log("callback_OK", res, this.multiNodeParticipant);
-    },
-    handleCancel() {
-      // console.log("cancel_No");
-    },
-
-    getValues(data) {
-      // console.log("获取当前附件信息::::", data);
-      this.attchLists = data;
-    },
-
-    async uploadAttch() {
-      if (this.attchLists.length > 0) {
-        this.attchLists.map((v, i) => {
-          v.size = v.fileSize;
-          v.format = v.name.substring(
-            v.name.lastIndexOf(".") + 1
-          );
-          v.uploadTime = v.createTime;
-          v.processInstId = this.param.processInstId;
-          v.taskInstId = this.param.taskInstId;
-          v.name = v.name;
-        });
-
-        let param = this.attchLists;
-        const ress = await this.param.request.post(
-          "/aws/meta/annex/patchSave",
-          {
-            saveMetaAnnexCmdList: param,
-          }
-        );
-        // console.log("asd", ress);
-        if (ress.success) {
-          this.$emit("handleClosePopup1");
-          this.handleTips("提交成功!", false, "success");
-          this.handleFinal();
-          this.commentMsg = "";
-        } else {
-          this.handleTips("上传失败", true, "error");
-        }
-      }
-    },
-
-    isOption(humanPerformer) {
-      return (
-        humanPerformer == "任意指定" ||
-        humanPerformer == "固定部门" ||
-        humanPerformer == "固定单位" ||
-        humanPerformer == "与流程申请人所在组织结构的位置相关" ||
-        humanPerformer == "固定群组"
-      );
-    },
-
-    handleTips(text, status, type) {
-      this.textTips = text;
-      this.statusTips = status;
-      this.typeTips = type;
-      this.$refs.topTips.handleOpen();
-    },
-
-    handleFinal() {
-      if (this.param.endFunction) {
-        this.param.endFunction("complete");
-      }
-    },
-
-    // 选人返回
-    onMultiNode(val) {
-      this.multiNodeParticipant = val;
-
-      // console.log("外部接收参数:::onMultiNode", val);
-    },
-    onVars(val) {
-      this.gateVars = val;
-      // console.log("外部接收参数:::onVars", val);
-    },
-  },
-};
-</script>
-<style scoped>
-@import "./index.scss";
-</style>