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

package/src/packages/submitPopup/index.js

@@ -0,0 +1,708 @@
+import { defineComponent } from "vue-demi";
+import TopPopup from "../popup/index.vue";
+import TopDownSelect from "../downSelect/index.vue";
+import PreviewImage from "../previewImage/index.vue";
+import { departPerson } from "checked-pick-app";
+import TopTips from "../tip/index.vue";
+import processImg from "../../assets/img/process.png";
+
+export default defineComponent({
+    name: "TopSubmitPopup",
+    components: {
+        TopPopup,
+        TopDownSelect,
+        PreviewImage,
+        departPerson,
+        TopTips,
+    },
+    props: {
+        // isCheckType
+        isCheckType: {
+            type: String,
+            default: "0",
+        },
+        visible: {
+            type: Boolean,
+            default: false,
+        },
+        // 请求
+        request: {
+            type: [Function, Object],
+            default: () => {
+                return { get: () => { }, post: () => { }, upload: () => { } };
+            },
+        },
+        // appid
+        appId: {
+            type: String,
+            default: "",
+        },
+        // 区分
+        processName: {
+            type: String,
+            default: "",
+        },
+        // 是否为重新提交
+        resubmit: {
+            type: Boolean,
+            default: false,
+        },
+        // 业务id
+        id: {
+            type: String,
+            default: "",
+        },
+        // 业务
+        businessType: {
+            type: [String, Number],
+        },
+        // todoParameter
+        todoParameter: {
+            type: Object,
+            default() {
+                return {};
+            },
+        },
+        // 是否清除送审记录
+        isClearHistory: {
+            type: Boolean,
+            default: false,
+        },
+        // title
+        title: {
+            type: String,
+            default: "测试",
+        },
+        // 送审
+        showType: {
+            type: String,
+            default: "all",
+        },
+        beforeFunction: {
+            type: Function,
+            default: null,
+        },
+        manual: {
+            type: Boolean,
+            default: false,
+        },
+        // 自定义参数列表
+        selfList: {
+            type: Array,
+            default: () => [],
+        },
+        //
+        //isorgType
+        isOrgType: {
+            type: Array,
+            default: () => [0],
+        },
+        isCodeType: {
+            type: Array,
+            default: () => [3],
+        },
+    },
+    data() {
+        return {
+            show: false,
+            option: [],
+            checkedItem: {},
+            personList: [],
+            trackUrl: [],
+            taskurlshow: false,
+            isStyle: "width:35%",
+            visiblePerson: false,
+            entity: {
+                source: "0",
+                type: this.isCheckType || "0",
+                orgType: this.isOrgType || [0],
+                request: this.request, //'http://59.53.91.231:2100' 0002
+                /*  businessId: this.businessKey, */
+                codeType: this.isCodeType || [3], // 可选类型 1-主体 2-部门 3-人员
+                multiple: false, // 是否多选
+                checkedArray: [],
+            },
+
+            multiNodeParticipant: {},
+            personListCopy: {},
+            partNode: {},
+            personObjId: "",
+
+            //  流程id
+            processId: "",
+
+            // 提示弹窗
+            textTips: "",
+            statusTips: false,
+            typeTips: "success",
+            firstPerson: [],
+            selectDefaultValue: "",
+
+            // 监听复制
+            businessTypeData: "",
+            idData: "",
+            processNameData: "",
+            titleData: "",
+            todoParameterData: {},
+
+            humanPerformerName: "",
+            btnLoading: false,
+        };
+    },
+    watch: {
+        visible: {
+            async handler(val, preVal) {
+                this.show = val;
+                this.$emit("update:visible", this.show);
+                if (val) {
+                    this.handleOption();
+                } else {
+                    this.$refs.TopDownSelect.handleClose();
+                }
+            },
+        },
+        show: {
+            handler(val, preVal) {
+                if (!val) {
+                    this.$refs.TopDownSelect.handleClose();
+                }
+            },
+        },
+        // 业务类型
+        businessType: {
+            handler(val, preVal) {
+                this.businessTypeData = val;
+            },
+            immediate: true,
+        },
+        // 业务id
+        id: {
+            handler(val, preVal) {
+                if (val) {
+                    this.idData = val;
+                    this.getProcessInstance();
+                }
+            },
+            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);
+                    this.handlefirstNode(this.checkedItem.id);
+                    this.getDiagramUrl();
+                }
+            },
+            immediate: true,
+            deep: true,
+        },
+        resubmit: {
+            handler(val, preVal) {
+                if (val) {
+                    this.getProcessInstance();
+                }
+            },
+        },
+    },
+
+    computed: {
+        ProcessImg() {
+            return processImg;
+        },
+    },
+
+    methods: {
+        handleSelect() {
+            this.$refs.TopDownSelect.handleExpand();
+        },
+        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("", false, "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/pis/getProcessInstanceByBusinessKey", {
+                        params: { businessKey: this.id },
+                    })
+                    .then((res) => {
+                        if (res.code == 200) {
+                            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) {
+                this.handleTips("", true, "loading");
+                await this.request
+                    .get("/aws/repository/getFirstProcessNode", {
+                        params: {
+                            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();
+                    });
+            }
+        },
+        async handleChange(item, items) {
+            this.handleTips("", true, "loading");
+            this.checkedItem = {};
+            this.firstPerson = [];
+            this.personList = [];
+            // console.log("当前选择::::", item, items);
+            this.checkedItem = item;
+            this.handlefirstNode(this.checkedItem.id);
+            this.getDiagramUrl();
+            this.$emit("change", item, items);
+        },
+        // 获取当前流程下所有节点
+        async getAfferentParticipantNodeList() {
+            await this.request
+                .get("/aws/repository/getAfferentParticipantNodeList", {
+                    params: {
+                        processDefId: this.checkedItem.id,
+                    },
+                })
+                .then((res) => {
+                    if (res.code == 200) {
+                        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();
+                });
+        },
+        // 获取流程图
+        getDiagramUrl() {
+            this.request
+                .get("/aws/repository/getDiagramUrl", {
+                    params: {
+                        processDefId: this.checkedItem.id,
+                        diagramType: 1,
+                        type: "pc",
+                    },
+                })
+                .then((res) => {
+                    if (res.code == 200) {
+                        this.trackUrl = [res.data];
+                    }
+                });
+        },
+        // 呼出选人
+        handleOpenPerson(item) {
+            // console.log("选人弹窗", item);
+            this.visiblePerson = true;
+            this.personObjId = item.id;
+            this.humanPerformerName = item.humanPerformerName;
+            if (item.humanPerformerName === "任意指定") {
+                this.entity = {
+                    source: "1",
+                    type: this.isCheckType || "0",
+                    orgType: this.isOrgType || [0],
+                    request: this.request,
+                    codeType: this.isCodeType || [3],
+                    multiple: item.loopCardinality != 1,
+                    maxMultiple:
+                        item.loopCardinality > 0 ? item.loopCardinality : 0,
+                    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;
+                let deptCodeArray = [];
+
+                if (
+                    item.routeTxt.departmentIds &&
+                    item.routeTxt.departmentIds.length > 1
+                ) {
+                    item.routeTxt.departmentIds.forEach((v, i) => {
+                        deptCodeArray.push(v.rangeId);
+                        // deptCode = v.rangeId;
+                    });
+
+                    this.entity = {
+                        source: "1",
+                        type: this.isCheckType || "0",
+                        orgType: this.isOrgType || "0",
+                        request: this.request,
+                        codeType: this.isCodeType || [3],
+                        deptCodeArray: deptCodeArray,
+                        // deptCode: deptCode,
+                        multiple: item.loopCardinality != 1,
+                        maxMultiple:
+                            item.loopCardinality > 0 ? item.loopCardinality : 0,
+                    };
+                } else if (
+                    item.routeTxt.departmentIds &&
+                    item.routeTxt.departmentIds.length == 1
+                ) {
+                    item.routeTxt.departmentIds.forEach((v, i) => {
+                        deptCode = v.rangeId;
+                    });
+
+                    this.entity = {
+                        source: "1",
+                        type: this.isCheckType || "0",
+                        orgType: this.isOrgType || "0",
+                        request: this.request,
+                        codeType: this.isCodeType || [3],
+                        deptCode: deptCode,
+                        multiple: item.loopCardinality != 1,
+                        maxMultiple:
+                            item.loopCardinality > 0 ? item.loopCardinality : 0,
+                    };
+                }
+
+                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: this.isCheckType || "0",
+                    orgType: this.isOrgType || "0",
+                    request: this.request,
+                    codeType: this.isCodeType || [3],
+                    multiple: item.loopCardinality != 1,
+                    maxMultiple:
+                        item.loopCardinality > 0 ? item.loopCardinality : 0,
+                    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);
+            });
+            this.visiblePerson = false;
+            // console.log("callback_OK", res, this.multiNodeParticipant);
+        },
+        handleCancel() {
+            // 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 &&
+                !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.btnLoading = true;
+            if (this.resubmit) {
+                // console.log("送审重新提交", this.multiNodeParticipant);
+                this.handleTips("", true, "loading");
+                this.request
+                    .post("/aws/pis/reactivate", {
+                        processInstId: this.processId,
+                        isClearHistory: this.isClearHistory,
+                        reactivateReason: "重新提交",
+                        multiNodeParticipant: this.multiNodeParticipant,
+                    })
+                    .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("", 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,
+                                    isClearHistory: this.isClearHistory,
+                                    reactivateReason: "重新提交",
+                                    multiNodeParticipant: this
+                                        .multiNodeParticipant,
+                                })
+                                .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;
+                    });
+            }
+        },
+        handleTips(text, status, type) {
+            this.textTips = text;
+            this.statusTips = status;
+            this.typeTips = type;
+            if (this.$refs.topTips) {
+                this.$refs.topTips.handleOpen();
+            }
+        },
+    },
+});