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

package/src/packages/submitPopup/index.js

@@ -1,708 +0,0 @@
-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();
-            }
-        },
-    },
-});