ui-process-h5 0.1.40 → 1.0.1

package/src/packages/submitPopup/index.js

@@ -21,7 +21,7 @@ export default defineComponent({
         },
         // 请求
         request: {
-            type: Function,
+            type: [Function, Object],
             default: () => {
                 return { get: () => {}, post: () => {}, upload: () => {} };
             },
@@ -67,6 +67,25 @@ export default defineComponent({
             type: String,
             default: "测试",
         },
+        // 送审
+        showType: {
+            type: String,
+            default: "all",
+        },
+        beforeFunction: {
+            type: Function,
+            default: null,
+        },
+        manual: {
+            type: Boolean,
+            default: false,
+        },
+        // 自定义参数列表
+        selfList: {
+            type: Array,
+            default: () => [],
+        },
+        //
     },
     data() {
         return {
@@ -85,9 +104,11 @@ export default defineComponent({
                 /*  businessId: this.param.businessKey, */
                 codeType: [3], // 可选类型 1-主体 2-部门 3-人员
                 multiple: false, // 是否多选
+                checkedArray: [],
             },
 
             multiNodeParticipant: {},
+            personListCopy: {},
             partNode: {},
             personObjId: "",
 
@@ -99,7 +120,17 @@ export default defineComponent({
             statusTips: false,
             typeTips: "success",
             firstPerson: [],
-            //
+            selectDefaultValue: "",
+
+            // 监听复制
+            businessTypeData: "",
+            idData: "",
+            processNameData: "",
+            titleData: "",
+            todoParameterData: {},
+
+            humanPerformerName: "",
+            btnLoading: false,
         };
     },
     watch: {
@@ -107,52 +138,175 @@ export default defineComponent({
             async handler(val, preVal) {
                 this.show = val;
                 this.$emit("update:visible", this.show);
+                if (val) {
+                    this.handleOption();
+                }
+            },
+        },
+        // 业务类型
+        businessType: {
+            handler(val, preVal) {
+                this.businessTypeData = val;
+            },
+            immediate: true,
+        },
+        // 业务id
+        id: {
+            handler(val, preVal) {
+                this.idData = val;
+            },
+            immediate: true,
+        },
+        // 业务查询
+        processName: {
+            handler(val, preVal) {
+                this.processNameData = val;
+            },
+            immediate: true,
+        },
+        // 标题
+        title: {
+            handler(val, preVal) {
+                this.titleData = val;
+            },
+            immediate: true,
+        },
+        //
+        todoParameter: {
+            handler(val, preVal) {
+                this.todoParameterData = val;
+            },
+            immediate: true,
+            deep: true,
+        },
+        // 自定义流程选择
+        selfList: {
+            handler(val, preVal) {
+                if (val && val.length) {
+                    this.option = val;
+                    this.checkedItem = this.option[0];
+                    this.selectDefaultValue = this.checkedItem.id;
+                    this.$emit("change", this.checkedItem, this.option);
+                }
+            },
+            immediate: true,
+            deep: true,
+        },
+        resubmit: {
+            handler(val, preVal) {
+                if (val) {
+                    this.getProcessInstance();
+                }
+            },
+        },
+    },
+
+    methods: {
+        async handleOption() {
+            // 流程列表 getProcessInstanceByBusinessKey
+            this.checkedItem = {};
+            this.firstPerson = [];
+            this.personList = [];
+
+            if (this.selfList && this.selfList.length) {
+                return;
+            }
+
+            this.handleTips("", true, "loading");
+            await this.request
+                .get("/aws/repository/getProcessDefList", {
+                    params: {
+                        appId: this.appId,
+                        processGroupName: this.processNameData,
+                    },
+                })
+                .then((res) => {
+                    if (res.code == 200) {
+                        this.option = res.data;
+                        if (res.data && res.data.length) {
+                            this.handleTips("", true, "success");
+                            this.checkedItem = this.option[0];
+                            this.selectDefaultValue = this.checkedItem.id;
+                            this.$emit("change", this.checkedItem, this.option);
+                            this.handlefirstNode(this.checkedItem.id);
+                            this.getProcessInstance();
+                            this.getDiagramUrl();
+                        } else {
+                            this.handleTips("暂无流程节点信息", true, "error");
+                            this.option = [];
+                        }
+                    }
+                });
+        },
 
-                // 流程列表
+        async getProcessInstance() {
+            if (this.id) {
                 await this.request
-                    .get("/aws/repository/getProcessDefList", {
-                        params: {
-                            appId: this.appId,
-                        },
+                    .get("/aws/pis/getProcessInstanceByBusinessKey", {
+                        params: { businessKey: this.id },
                     })
                     .then((res) => {
-                        console.log("获取流程::", res);
                         if (res.code == 200) {
-                            this.option = res.data;
-                            this.checkedItem = this.option[0];
-                            this.getAfferentParticipantNodeList();
-                            this.getDiagramUrl();
+                            this.processId = res.data.id;
+                            if (this.processId) {
+                                this.option.map((v, i) => {
+                                    // console.log("sc:::", v , res.data);
+                                    if (v.id === res.data.processDefId) {
+                                        this.checkedItem = v;
+                                        this.selectDefaultValue = this.checkedItem.id;
+                                        this.$emit(
+                                            "change",
+                                            this.checkedItem,
+                                            this.option
+                                        );
+                                        this.handlefirstNode(
+                                            this.checkedItem.id
+                                        );
+                                        this.getDiagramUrl();
+                                    }
+                                });
+                            }
                         }
                     });
-
-                // 第一个流程节点
+            }
+        },
+        async handlefirstNode(data) {
+            // 第一个流程节点
+            if (data) {
                 await this.request
                     .get("/aws/repository/getFirstProcessNode", {
                         params: {
-                            processDefId: this.checkedItem.id,
+                            processDefId: data,
                         },
                     })
                     .then((res) => {
                         // console.log("getFirstProcessNode", res);
                         if (res.code === 200) {
                             this.firstPerson = res.data;
+                            this.getAfferentParticipantNodeList();
+                        } else {
+                            this.firstPerson = [];
+                            this.getAfferentParticipantNodeList();
                         }
+                    })
+                    .catch((error) => {
+                        this.firstPerson = [];
+                        this.getAfferentParticipantNodeList();
                     });
-            },
-            immediate: true,
+            }
         },
-    },
-
-    methods: {
-        handleChange(item) {
-            console.log("当前选择::::", item);
+        async handleChange(item, items) {
+            this.handleTips("", true, "loading");
+            console.log("当前选择::::", item, items);
             this.checkedItem = item;
-            this.getAfferentParticipantNodeList();
+            this.handlefirstNode(this.checkedItem.id);
             this.getDiagramUrl();
+            this.$emit("change", item, items);
+            this.$refs.topTips.handleClose();
         },
         // 获取当前流程下所有节点
-        getAfferentParticipantNodeList() {
-            this.request
+        async getAfferentParticipantNodeList() {
+            await this.request
                 .get("/aws/repository/getAfferentParticipantNodeList", {
                     params: {
                         processDefId: this.checkedItem.id,
@@ -160,8 +314,22 @@ export default defineComponent({
                 })
                 .then((res) => {
                     if (res.code == 200) {
-                        this.personList = res.data.slice(1);
+                        if (this.firstPerson && this.firstPerson.length) {
+                            console.log(
+                                "选中节点L::",
+                                this.personList,
+                                this.firstPerson
+                            );
+                            this.personList = res.data.filter(
+                                (item) =>
+                                    !this.firstPerson.some(
+                                        (item2) => item2.id == item.id
+                                    )
+                            );
+                        }
+                        this.$emit("change", this.checkedItem, this.option);
                     }
+                    this.$refs.topTips.handleClose();
                 });
         },
         // 获取流程图
@@ -182,44 +350,203 @@ export default defineComponent({
         },
         // 呼出选人
         handleOpenPerson(item) {
-            console.log("选人弹窗", item);
+            // console.log("选人弹窗", item);
             this.visiblePerson = true;
             this.personObjId = item.id;
+            this.humanPerformerName = item.humanPerformerName;
+            if (item.humanPerformerName === "任意指定") {
+                this.entity = {
+                    source: "1",
+                    type: "0",
+                    request: this.request,
+                    codeType: [3],
+                    multiple:
+                        item.type == "InclusiveGatewayModel" ||
+                        item.loopCardinality > 1,
+                    maxMultiple: item.loopCardinality
+                        ? item.loopCardinality
+                        : item.loopCardinality,
+                    checkedArray: [],
+                };
+                console.log(this.multiNodeParticipant[item.id]);
+                if (
+                    !(
+                        this.multiNodeParticipant[item.id] &&
+                        this.multiNodeParticipant[item.id].length
+                    )
+                ) {
+                    this.entity.checkedArray = [];
+                } else {
+                    this.entity.checkedArray = this.personListCopy[item.id].map(
+                        (e) => ({
+                            uid: e.uid,
+                            type: e.type,
+                            deptId: this.handleLastStr(
+                                e.ancestors,
+                                e.subjectId
+                            ),
+                        })
+                    );
+                }
+            } else if (item.humanPerformerName === "固定部门") {
+                let deptCode;
+                item.routeTxt.departmentIds.map((v, i) => {
+                    deptCode = v.rangeId;
+                });
+
+                this.entity = {
+                    source: "1",
+                    type: "0",
+                    request: this.request,
+                    codeType: [3],
+                    deptCode: deptCode,
+                    multiple:
+                        item.type == "InclusiveGatewayModel" ||
+                        item.loopCardinality > 1,
+                    maxMultiple: item.loopCardinality
+                        ? item.loopCardinality
+                        : item.loopCardinality,
+                };
+
+                if (
+                    !(
+                        this.multiNodeParticipant[item.id] &&
+                        this.multiNodeParticipant[item.id].length
+                    )
+                ) {
+                    this.entity.checkedArray = [];
+                } else {
+                    this.entity.checkedArray = this.personListCopy[item.id].map(
+                        (e) => ({
+                            uid: e.uid,
+                            type: e.type,
+                            deptId: deptCode,
+                        })
+                    );
+                }
+            } else if (item.humanPerformerName === "固定单位") {
+                let subjectName;
+
+                item.routeTxt.companyIds.map((v, i) => {
+                    subjectName = v.name;
+                });
+
+                this.entity = {
+                    source: "1",
+                    type: "0",
+                    request: this.request,
+                    codeType: [3],
+                    multiple:
+                        item.type == "InclusiveGatewayModel" ||
+                        item.loopCardinality > 1,
+                    maxMultiple: item.loopCardinality
+                        ? item.loopCardinality
+                        : item.loopCardinality,
+                    subjectName: subjectName,
+                };
+
+                if (
+                    !(
+                        this.multiNodeParticipant[item.id] &&
+                        this.multiNodeParticipant[item.id].length
+                    )
+                ) {
+                    this.entity.checkedArray = [];
+                } else {
+                    this.entity.checkedArray = this.personListCopy[item.id].map(
+                        (e) => ({
+                            uid: e.uid,
+                            type: e.type,
+                            deptId: this.handleLastStr(
+                                e.ancestors,
+                                e.subjectId
+                            ),
+                            subjectName: e.ancestorNames.slice(
+                                0,
+                                e.ancestorNames.indexOf("/")
+                            ),
+                        })
+                    );
+                }
+            }
         },
         handleCallback(res) {
+            console.log("参数::::", res);
+            this.personListCopy[this.personObjId] = res;
+            this.entity.checkedArray = res.map((e) => ({
+                uid: e.uid,
+                type: e.type,
+                deptId: this.handleLastStr(e.ancestors, e.subjectId),
+                subjectName:
+                    this.humanPerformerName === "固定单位"
+                        ? e.ancestorNames.slice(0, e.ancestorNames.indexOf("/"))
+                        : "",
+            }));
+
             this.multiNodeParticipant[this.personObjId] = [];
             this.partNode[this.personObjId] = [];
             res.map((v, i) => {
                 this.multiNodeParticipant[this.personObjId].push(v.uid);
                 this.partNode[this.personObjId].push(v.name);
             });
-            console.log("callback_OK", res, this.multiNodeParticipant);
+            this.visiblePerson = false;
+            // console.log("callback_OK", res, this.multiNodeParticipant);
         },
         handleCancel() {
-            console.log("cancel_No");
+            // console.log("cancel_No");
+        },
+        handleLastStr(str, subjectId) {
+            return str.split(",")[str.split(",").length - 1] !== subjectId
+                ? str.split(",")[str.split(",").length - 1]
+                : "";
         },
         async handleSumbit() {
+            if (this.btnLoading) {
+                return;
+            }
+
+            this.btnLoading = true;
             // 验证
-            if (this.firstPerson && this.firstPerson.length) {
-                if (!this.multiNodeParticipant[this.firstPerson[0].id]) {
-                    this.handleTips(
-                        `${this.firstPerson[0].name}节点未选择审批人`,
-                        true,
-                        "error"
-                    );
-                    return;
-                }
+            if (
+                this.firstPerson &&
+                this.firstPerson.length &&
+                !this.firstPerson[0].routeTxt.userNames &&
+                this.firstPerson[0].humanPerformerName !== "固定账户" &&
+                this.firstPerson[0].humanPerformerName !== "与流程申请人相关" &&
+                (!this.multiNodeParticipant[this.firstPerson[0].id] ||
+                    !this.multiNodeParticipant[this.firstPerson[0].id].length)
+            ) {
+                this.handleTips(
+                    `${this.firstPerson[0].name}节点未选择审批人`,
+                    true,
+                    "error"
+                );
+                this.btnLoading = false;
+                return;
             }
 
+            // 送审前执行事件
+            if (this.beforeFunction) {
+                await this.beforeFunction();
+                if (this.manual) {
+                    this.btnLoading = false;
+                }
+            }
+            if (!this.manual) {
+                this.$nextTick(async () => {
+                    await this.handleSongshen();
+                });
+            }
+        },
+        handleSongshen() {
             // 送审
-            this.handleTips("", true, "loading");
+            this.btnLoading = true;
             if (this.resubmit) {
-                console.log("送审重新提交", this.multiNodeParticipant);
-                await this.request
+                // console.log("送审重新提交", this.multiNodeParticipant);
+                this.handleTips("", true, "loading");
+                this.request
                     .post("/aws/pis/reactivate", {
-                        processInstId:
-                            this.processId ||
-                            "572405e4-e0dc-40fc-9a95-2b20f5bdfbf1",
+                        processInstId: this.processId,
                         isClearHistory: this.isClearHistory,
                         reactivateReason: "重新提交",
                         multiNodeParticipant: this.multiNodeParticipant,
@@ -227,36 +554,48 @@ export default defineComponent({
                     .then((res) => {
                         if (res.code == 200) {
                             this.show = false;
+                            this.$emit("update:visible", this.show);
                             this.handleTips("提交成功!", false, "success");
+                            this.$emit("successFn");
+                            this.btnLoading = false;
                         } else {
                             this.handleTips(res.msg, true, "error");
+                            this.btnLoading = false;
                         }
                     })
                     .catch((error) => {
                         this.handleTips(error.msg, true, "error");
+                        this.btnLoading = false;
                     });
             } else {
-                console.log("送审首次提交", this.multiNodeParticipant);
-                await this.request
-                    .post("/aws/pis/createAndStart", {
-                        title: this.title,
-                        processDefId: this.checkedItem.id,
-                        processBusinessKey: this.id,
-                        showType: "app",
-                        businessType: this.businessType,
-                        multiNodeParticipant: this.multiNodeParticipant,
-                        todoParameter: this.todoParameter,
-                    })
+                this.handleTips("", true, "loading");
+                let params = {
+                    title: this.titleData,
+                    processDefId: this.checkedItem.id,
+                    processBusinessKey: this.idData,
+                    showType: this.showType,
+                    businessType: this.businessTypeData,
+                    multiNodeParticipant: this.multiNodeParticipant,
+                    todoParameter: this.todoParameterData,
+                };
+                if (!this.checkedItem.id) {
+                    this.$refs.topTips.handleClose();
+                    this.btnLoading = false;
+                    return;
+                }
+                this.request
+                    .post("/aws/pis/createAndStart", params)
                     .then((res) => {
                         if (res.code === 200) {
                             this.show = false;
+                            this.$emit("update:visible", this.show);
                             this.handleTips("提交成功!", false, "success");
+                            this.$emit("successFn");
+                            this.btnLoading = false;
                         } else if (res.code == 499) {
                             this.request
                                 .post("/aws/pis/reactivate", {
-                                    processInstId:
-                                        this.processId ||
-                                        "572405e4-e0dc-40fc-9a95-2b20f5bdfbf1",
+                                    processInstId: this.processId,
                                     isClearHistory: this.isClearHistory,
                                     reactivateReason: "重新提交",
                                     multiNodeParticipant: this
@@ -265,24 +604,31 @@ export default defineComponent({
                                 .then((res) => {
                                     if (res.code == 200) {
                                         this.show = false;
+                                        this.$emit("update:visible", this.show);
                                         this.handleTips(
                                             "提交成功!",
                                             false,
                                             "success"
                                         );
+                                        this.$emit("successFn");
+                                        this.btnLoading = false;
                                     } else {
                                         this.handleTips(res.msg, true, "error");
+                                        this.btnLoading = false;
                                     }
                                 })
                                 .catch((error) => {
                                     this.handleTips(error.msg, true, "error");
+                                    this.btnLoading = false;
                                 });
                         } else {
                             this.handleTips(res.msg, true, "error");
+                            this.btnLoading = false;
                         }
                     })
                     .catch((error) => {
                         this.handleTips(error.msg, true, "error");
+                        this.btnLoading = false;
                     });
             }
         },
@@ -290,7 +636,9 @@ export default defineComponent({
             this.textTips = text;
             this.statusTips = status;
             this.typeTips = type;
-            this.$refs.topTips.handleOpen();
+            if (this.$refs.topTips) {
+                this.$refs.topTips.handleOpen();
+            }
         },
     },
 });