ui-process-h5 2.0.7-beta → 2.1.0-beta

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

@@ -0,0 +1,1384 @@
+<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>