ui-process-h5 0.1.40 → 1.0.6

package/src/packages/process/index.js

@@ -1,679 +0,0 @@
-import TopTab from "../tab/index.vue";
-import TopPopup from "../popup/index.vue";
-import TopTips from "../tip/index.vue";
-import TopSumbitPopup from "../submitPopup/index.vue";
-import * as operation from "./operation";
-import { defineComponent } from "vue-demi";
-import "checked-pick-app/style.css";
-
-export default defineComponent({
-    name: "TopProcess",
-    components: {
-        TopTab,
-        TopPopup,
-        TopTips,
-        TopSumbitPopup,
-    },
-    props: {
-        // tab控制
-        tapList: { require: false, default: () => [], type: Array },
-        // 自定义tab
-        selfTapList: { require: false, default: () => [], type: Array },
-        // 流程id
-        processDefId: { require: true, default: "", type: String },
-        processInstId: { require: true, default: "", type: String },
-        isAdditional: { require: false, default: false, type: Boolean },
-        isView: { default: false, type: Boolean },
-        // 当前账号 id
-        userId: { require: true, default: "", type: String },
-        // 表单信息
-        formData: { default: {}, type: Object },
-
-        // 弹窗开启前执行方法
-        getVarsStatus: { default: true, type: Boolean },
-        getVars: { default: null, type: Function },
-
-        // 请求
-        request: {
-            type: Function,
-            default: () => {
-                return { get: () => {}, post: () => {}, upload: () => {} };
-            },
-        },
-
-        // appid
-        appId: {
-            type: String,
-            default: "",
-        },
-
-        // 结束执行事件
-        endFunction: {
-            type: Function,
-            default: null,
-        },
-    },
-    data() {
-        return {
-            processStatus: {},
-            processDefList: {},
-            processBusiness: {},
-            getFirstProcessNode: {},
-            // 底部按钮
-            taskNode: [],
-            taskNodeList: [],
-            taskNodeIds: [],
-            taskState: NaN,
-            taskCurrent: 0,
-            taskObj: {},
-            taskId: "",
-            taskNodeShow: false,
-            //额外按钮
-            actionShow: false,
-            // 弹窗标题
-            titleText: "",
-            btnStyle: "",
-            processIntId: "",
-            // 流程图
-            trackUrl: "",
-            // 审批记录
-            taskCommentList: [],
-            // 节点dom
-            operationCom: null,
-            // 流程实例对象
-            ProcessInsObj: {},
-
-            // 确认弹窗文本
-            popupContext: "",
-            // 弹窗数据
-            operationParam: {},
-
-            nextTaskNode: {},
-
-            //附件信息
-            annexlabel: "",
-
-            // 小弹窗处理逻辑类型
-            handleTipsType: "",
-
-            /* tips 相关属性 */
-            // 文本
-            textTips: "",
-            // 是否为状态弹窗
-            statusTips: false,
-            // 状态类型
-            typeTips: "",
-
-            // 节点
-            outGatewayUserTaskModel: [],
-            nextNodeData: [],
-
-            // 测试送审节点
-            visibleSong: false,
-
-            trackList: [],
-        };
-    },
-    watch: {
-        processInstId: {
-            // 初始化获取流程相关信息
-            async handler(val, preVal) {
-                this.processIntId = this.processInstId;
-                if (val) {
-                    // 流程图
-                    this.request
-                        .get("/aws/repository/getTrackUrl", {
-                            params: {
-                                processInstId: this.processIntId,
-                                type: "mobile",
-                            },
-                        })
-                        .then((res) => {
-                            if (res.code == 200) {
-                                this.trackUrl = res.data;
-                            }
-                        });
-
-                    // 流程图信息
-                    this.request
-                        .get("/aws/pis/findNodeParticipantRows", {
-                            params: {
-                                processInstId: this.processIntId,
-                            },
-                        })
-                        .then((res) => {
-                            // console.log("流程信息", res);
-                            if (res.code == 200) {
-                                this.trackList = res.data;
-                            }
-                        });
-
-                    // 流程信息
-                    this.request
-                        .get("/aws/tis/getTaskCommentList", {
-                            params: {
-                                processInstId: this.processInstId,
-                                processBusinessKey: this.formData.businessKey,
-                            },
-                        })
-                        .then((res) => {
-                            if (res.code == 200) {
-                                this.taskCommentList = res.data;
-                            }
-                        });
-
-                    // id
-                    this.request
-                        .get("/aws/pis/getProcessInstanceById", {
-                            params: { processInstId: this.processInstId },
-                        })
-                        .then((res) => {
-                            if (res.code == 200) {
-                                this.ProcessInsObj = res.data;
-                            }
-                        });
-
-                    // task信息  任务节点
-                    await this.request
-                        .get("/aws/repository/queryTaskNodeList", {
-                            params: { processInstId: this.processInstId },
-                        })
-                        .then((res) => {
-                            if (res.code == 200) {
-                                this.taskNode = res.data;
-                                this.taskNodeList = res.data;
-                                if (this.taskNodeList.length == 1) {
-                                    if (this.taskNodeList[0].taskState == 4) {
-                                        this.taskState = 4;
-                                        return false;
-                                    }
-                                    if (this.taskNodeList[0].taskState == 11) {
-                                        this.taskState = 11;
-                                    }
-                                    let tid = this.taskNodeList[0].taskId;
-
-                                    this.handleGetProcessStatus();
-                                    this.handleGetUserTaskModel();
-                                } else if (this.taskNodeList.length > 1) {
-                                    this.taskNodeList.forEach((item) => {
-                                        item.name = item.nodeName;
-                                    });
-                                    this.taskNodeShow = true;
-                                    this.actionShow = true;
-                                } else {
-                                    this.handleGetProcessStatus();
-                                    this.handleGetUserTaskModel();
-                                }
-                            }
-                        });
-                }
-            },
-            immediate: true,
-            deep: true,
-        },
-    },
-    computed: {
-        //筛选
-        actionBtn() {
-            if (this.operBtn.length > 3) {
-                return this.operBtn.slice(3);
-            }
-            return [];
-        },
-        // 按钮对象
-        operBtn() {
-            let btnList = [];
-            let flag =
-                this.taskNode &&
-                this.taskNode[0] &&
-                this.taskNode[0].taskState != 4;
-
-            //处理
-            if (flag && !this.isView && this.taskObj.completeButtonLabel) {
-                let obj = {};
-                obj.name = this.taskObj.completeButtonLabel;
-                obj.btnProps = { type: "primary" };
-                btnList.push(obj);
-                obj.click = (name) => {
-                    this.$refs.TopPopup1.handleOpen();
-                    this.handleActionClose();
-                    this.showOperation(
-                        operation.complete,
-                        name,
-                        this.request,
-                        this.taskObj.completeButtonAnnex
-                    );
-                };
-            }
-
-            // 拒绝
-            if (flag && !this.isView && this.processStatus.currUserName) {
-                let obj = {};
-                obj.name = "拒绝";
-                obj.btnProps = { type: "danger" };
-                btnList.push(obj);
-                obj.click = (name) => {
-                    this.$refs.TopPopup1.handleOpen();
-                    this.handleActionClose();
-                    this.showOperation(
-                        operation.cancel,
-                        name,
-                        this.request,
-                        this.taskObj.otherButtonAnnexList
-                    );
-                };
-            }
-
-            // 退回
-            if (
-                flag &&
-                !this.isView &&
-                this.taskObj.buttons &&
-                this.taskObj.buttons.length
-            ) {
-                this.taskObj.buttons.forEach((s) => {
-                    if (s.label === "退回") {
-                        let obj = {};
-                        obj.name = s.label;
-                        obj.btnProps = { type: "danger" };
-                        btnList.push(obj);
-                        obj.click = (name) => {
-                            this.$refs.TopPopup1.handleOpen();
-                            this.handleActionClose();
-                            this.showOperation(
-                                operation.backNode,
-                                name,
-                                this.request,
-                                this.taskObj.otherButtonAnnexList
-                            );
-                        };
-                    }
-                });
-            }
-
-            // 抄送
-            if (flag && !this.isView && this.taskObj.ccTaskButtonLabel) {
-                let obj = {};
-                obj.name = this.taskObj.ccTaskButtonLabel;
-                obj.btnProps = { type: "default" };
-                obj.click = (name) => {
-                    this.$refs.TopPopup1.handleOpen();
-                    this.handleActionClose();
-                    this.showOperation(
-                        operation.ccTask,
-                        name,
-                        this.request,
-                        this.taskObj.ccTaskButtonAnnex
-                    );
-                };
-                btnList.push(obj);
-            }
-
-            // 转审
-            if (flag && !this.isView && this.taskObj.delegateTaskButtonLabel) {
-                let obj = {};
-                obj.name = this.taskObj.delegateTaskButtonLabel;
-                obj.btnProps = { type: "default" };
-                obj.click = (name) => {
-                    this.$refs.TopPopup1.handleOpen();
-                    this.handleActionClose();
-                    this.showOperation(
-                        operation.delegateTask,
-                        name,
-                        this.request,
-                        this.taskObj.delegateTaskButtonAnnex
-                    );
-                };
-                btnList.push(obj);
-            }
-
-            // 加签
-            if (flag && !this.isView && this.taskObj.counterSignLabel) {
-                let obj = {};
-                obj.name = this.taskObj.counterSignLabel;
-                obj.btnProps = { type: "primary" };
-                obj.click = (name) => {
-                    this.$refs.TopPopup1.handleOpen();
-                    this.handleActionClose();
-                    this.showOperation(
-                        operation.counterSign,
-                        name,
-                        this.request,
-                        this.taskObj.counterSignButtonAnnex
-                    );
-                };
-                btnList.push(obj);
-            }
-
-            // 催办
-            if (
-                this.processIntId &&
-                this.processStatus.createTopUserId == this.userId &&
-                this.taskNode[0]?.taskState != 2 &&
-                this.processStatus.status !== "已驳回" &&
-                this.processStatus.status !== "已撤销"
-            ) {
-                let obj = {};
-                obj.name = "催办";
-                obj.btnProps = { type: "default" };
-                obj.click = (name) => {
-                    this.$refs.TopPopup2.handleOpen();
-                    this.handleActionClose();
-                    this.titleText = name;
-                    this.popupContext = `确定${name}吗?`;
-                    this.handleTipsType = "催办";
-                };
-                btnList.push(obj);
-            }
-
-            // 撤销
-            if (
-                this.processIntId &&
-                this.processStatus.createTopUserId == this.userId &&
-                this.taskNode[0]?.taskState != 2 &&
-                this.processStatus.status !== "已驳回" &&
-                this.processStatus.status !== "已撤销"
-            ) {
-                let obj = {};
-                obj.name = "撤销";
-                obj.btnProps = { type: "default" };
-                obj.click = (name) => {
-                    this.$refs.TopPopup2.handleOpen();
-                    this.handleActionClose();
-                    this.titleText = name;
-                    this.popupContext = `确定${name}吗?`;
-                    this.handleTipsType = "撤销";
-                };
-                btnList.push(obj);
-            }
-            return btnList;
-        },
-        // 底部高度
-        processCardHeight() {
-            let num = 210;
-            //  || !this.operBtn || this.operBtn?.length == 0
-            /* if (this.ProcessInsObj.end) {
-                num -= 80;
-            } */
-            if (!this.processStatus.status) num -= 140;
-            else if (!this.processStatus.currUserName) num -= 40;
-            return `calc(100vh - ${num}px)`;
-        },
-    },
-    methods: {
-        // 测试
-        handleTest() {
-            // this.visibleSong = true
-        },
-        // 流程查询
-        async handleGetSimulation(vars) {
-            this.handleTips("", true, "loading");
-            let params = {
-                processInstId: this.processInstId,
-                taskInstId: this.taskNode.length ? this.taskNode[0].taskId : "",
-                vars: vars,
-            };
-
-            let simulationData = await this.request.post(
-                `/aws/tis/simulation`,
-                params
-            );
-
-            if (simulationData.success) {
-                this.handleTips("", false, "success");
-                this.nextNodeData = simulationData.data;
-            } else {
-                await this.request
-                    .get("/aws/repository/getOutgoingProcessNode", {
-                        params: {
-                            taskId: this.taskNode.length
-                                ? this.taskNode[0].taskId
-                                : "",
-                            processNodeId: "",
-                        },
-                    })
-                    .then((res) => {
-                        this.handleTips("", false, "success");
-                        console.log("outGatewayUserTaskModel", res);
-                        this.outGatewayUserTaskModel = res.data;
-                    });
-            }
-        },
-
-        // 集合
-        handleGet(task) {
-            this.taskNode = [].concat(task);
-            this.taskNodeShow = false;
-            this.actionShow = false;
-            this.handleGetProcessStatus();
-            this.handleGetUserTaskModel();
-        },
-        // 流程状态
-        handleGetProcessStatus() {
-            this.request
-                .get("/aws/pis/getProcessStatus", {
-                    params: {
-                        processInstId: this.processInstId,
-                        taskId: this.taskNode.length
-                            ? this.taskNode[0].taskId
-                            : "",
-                    },
-                })
-                .then((res) => {
-                    if (res.code == 200) {
-                        this.processStatus = res.data;
-                    }
-                });
-        },
-        // 按钮操作信息
-        handleGetUserTaskModel() {
-            if (this.taskNode && this.taskNode.length) {
-                this.request
-                    .get(`/aws/repository/getUserTaskModel`, {
-                        params: {
-                            taskId: this.taskNode[0].taskId,
-                        },
-                    })
-                    .then((res) => {
-                        if (res.code == 200) {
-                            this.taskObj = res.data;
-                        }
-                    });
-            }
-        },
-
-        // 弹窗内部渲染
-        async showOperation(com, label, request, annex) {
-            if (
-                this.processStatus.allUserNames &&
-                this.processStatus.allUserNames.length == 1
-            ) {
-                if (this.taskNode[0] && this.taskNode[0].nodeId) {
-                    let vars;
-                    if (this.getVars) {
-                        vars = this.getVars();
-                    }
-
-                    await this.handleGetSimulation(vars);
-                }
-            }
-
-            if (request) {
-                this.operationParam.request = request;
-            }
-            if (request) this.annexlabel = annex;
-            this.titleText = label;
-            this.operationCom = com;
-
-            this.operationParam.annex = annex;
-            this.operationParam.subjectId = this.formData.subjectId;
-            this.operationParam.processInstId = this.processIntId;
-            this.operationParam.taskInstId = this.taskNode[0].taskId;
-            this.operationParam.actionName = label;
-            this.operationParam.formData = this.formData;
-
-            // 下次节点数据
-            this.operationParam.nextNodeData = this.nextNodeData;
-            this.operationParam.outGatewayUserTaskModel = this.outGatewayUserTaskModel;
-
-            this.operationParam.taskNode = this.taskNode;
-
-            this.operationParam.appId = this.processStatus.appId;
-
-            // 弹窗确认结束事件
-            this.operationParam.endFunction = this.endFunction;
-        },
-        // 弹窗取消
-        handleCancel() {
-            console.log("handleCancel");
-        },
-        // 弹窗确认
-        async handleComfig() {
-            this.$refs.operationRef.confirm();
-        },
-        // 关闭弹窗TopPopup1
-        handleClosePopup1() {
-            this.$refs.TopPopup1.handleClose();
-        },
-        // 确认弹窗(催办,撤销)
-        handleTipsComfig() {
-            this.$refs.TopPopup2.handleCancel();
-            if (this.handleTipsType == "催办") {
-                this.handleTips("", true, "loading");
-                this.request
-                    .get("/aws/tis/reminders", {
-                        params: { processInstId: this.processIntId },
-                    })
-                    .then((res) => {
-                        if (res.code == 200) {
-                            this.handleTips("催办成功", true, "success");
-                        } else {
-                            this.handleTips(res.msg, true, "error");
-                        }
-                    });
-            }
-            if (this.handleTipsType == "撤销") {
-                this.handleTips("", true, "loading");
-                this.request
-                    .post("/aws/pis/revoke", {
-                        processInstId: this.ProcessInsObj.id,
-                        processBusinessKey: this.ProcessInsObj
-                            .processBusinessKey,
-                    })
-                    .then((res) => {
-                        if (res.code == 200) {
-                            this.handleTips("撤销成功", true, "success");
-                        } else {
-                            this.textTips = res.msg;
-                            this.typeTips = "error";
-                            this.handleTips(res.msg, true, "error");
-                        }
-                    });
-            }
-        },
-        handleTipsCancel() {
-            console.log("handleTipsCancel");
-        },
-
-        // 当前流程进度状态回显
-        getColor(status) {
-            if (status == "审核中") return "#FFA52D";
-            if (status == "已驳回") return "#F14B4C";
-            if (status == "已撤销") return "#CECECE";
-            if (status == "已完成") return "#6DC743";
-
-            return "#1389FF";
-        },
-        // 额外按钮tips
-        handleActionOpen() {
-            this.actionShow = true;
-        },
-        // 关闭额外按钮弹窗
-        handleActionClose() {
-            this.actionShow = false;
-        },
-        // 按钮执行方法
-        actionClick(name) {
-            this.$refs.TopPopup1.handleOpen();
-            this.titleText = name;
-            this.actionShow = false;
-        },
-        // 按钮状态回显
-        getBtnStyle(type) {
-            switch (type) {
-                case "primary":
-                    return `background-color:#3c9cff;color:#fff`;
-
-                case "danger":
-                    return `background-color:rgb(255, 230, 230);color:rgb(255, 96, 96)`;
-
-                case "default":
-                    return `background-color:rgb(241, 241, 241);color:rgb(51, 51, 51)`;
-                default:
-                    return `background-color:rgb(241, 241, 241);color:rgb(51, 51, 51)`;
-            }
-        },
-        // 复活流程
-        async handleRestart() {
-            this.handleTips("", true, "loading");
-            await this.request
-                .get("/aws/repository/getProcessDefList", {
-                    params: {
-                        appId: this.processStatus.appId,
-                    },
-                })
-                .then((res) => {
-                    this.processDefList = res.data;
-                    this.request
-                        .get("/aws/pis/getProcessInstanceByBusinessKey", {
-                            params: {
-                                businessKey: this.formData.businessKey,
-                            },
-                        })
-                        .then((res) => {
-                            this.processBusiness = res.data;
-                            this.request
-                                .get("/aws/repository/getFirstProcessNode", {
-                                    params: {
-                                        processDefId: this.processBusiness
-                                            .processDefId,
-                                    },
-                                })
-                                .then((res) => {
-                                    console.log(
-                                        "getProcessInstanceByBusinessKey:::",
-                                        res
-                                    );
-                                    this.getFirstProcessNode = res.data[0];
-                                    this.operationParam.getFirstProcessNode = this.getFirstProcessNode;
-                                    this.operationParam.formData = this.formData;
-                                    this.handleTips("", false, "success");
-                                    this.$refs.TopPopup1.handleOpen();
-                                    this.handleActionClose();
-                                    this.showOperation(
-                                        operation.restart,
-                                        "重新提交",
-                                        this.request
-                                    );
-                                })
-                                .catch((err) => {
-                                    this.handleTips("请求出错", true, "error");
-                                });
-                        })
-                        .catch((err) => {
-                            this.handleTips("请求出错", true, "error");
-                        });
-                })
-                .catch((err) => {
-                    this.handleTips("请求出错", true, "error");
-                });
-        },
-        // tips公用方法(tips)
-        handleTips(text, status, type) {
-            this.textTips = text;
-            this.statusTips = status;
-            this.typeTips = type;
-            this.$refs.topTips.handleOpen();
-        },
-    },
-});