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

package/src/packages/process/index.js

@@ -0,0 +1,1016 @@
+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 },
+        // 表单信息
+        formData: { default: {}, type: Object },
+
+        // 弹窗开启前执行方法
+        getVarsStatus: { default: true, type: Boolean },
+        getVars: { default: null, type: Function },
+
+        // 请求
+        request: {
+            type: [Function, Object],
+            default: () => {
+                return { get: () => { }, post: () => { } };
+            },
+        },
+
+        // 结束执行事件
+        endFunction: {
+            type: Function,
+            default: null,
+        },
+        // 弹窗开启前触发
+        beforeFunction: {
+            type: Function,
+            default: null,
+        },
+        // 是否开启公文独立配置
+        isDocument: {
+            type: Boolean,
+            default: false,
+        },
+        // 送审参数
+        restartData: {
+            type: Object,
+            default: {
+                businessType: "",
+                showType: "",
+                processName: "",
+            },
+        },
+        selfList: {
+            type: Array,
+            default: () => [],
+        },
+        selfBtn: {
+            type: Array,
+            default: () => [],
+        },
+
+        // 炎黄userId this.user.
+        uid: {
+            type: String,
+            default: "",
+        },
+
+        // is Msg
+        isMsg: {
+            type: Boolean,
+            default: true,
+        },
+        // is Require
+        isRequire: {
+            type: Boolean,
+            default: true,
+        },
+        // isCheckType
+        isCheckType: {
+            type: String,
+            default: "0",
+        },
+        //isorgType
+        isOrgType: {
+            type: Array,
+            default: () => [0],
+        },
+        isCodeType: {
+            type: Array,
+            default: () => [3],
+        },
+        isQuickReply: {
+            type: Boolean,
+            default: false,
+        },
+
+        // 抄送自定义事件
+        ccTaskFunction: {
+            type: Function,
+            default: null,
+        },
+
+        hideHeader:{
+            type: Boolean,
+            default: false
+        }
+    },
+    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: [],
+            user: {},
+            // 是否可选
+            canCheck: true,
+
+            // 节点信息
+            approveNode: {},
+
+            // 重新提交
+            restartDataS: {},
+            selfBtnList: [],
+
+            // 高度信息
+            topNum: 144,
+            bottomNum: 70,
+
+            userIdData: "",
+            TopPopup1: false,
+            cctaskTopPopup: false,
+            cctaskTopPopupTitle: "抄送",
+        };
+    },
+    watch: {
+        processInstId: {
+            // 初始化获取流程相关信息
+            async handler(val, preVal) {
+                this.processIntId =
+                    this.processInstId ||
+                    this.formData.processId ||
+                    this.formData.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;
+                            }
+                        });
+
+                    // info信息
+                    this.getUserInfo();
+
+                    // 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,
+        },
+        restartData: {
+            handler(val, preVal) {
+                if (val) {
+                    this.restartDataS = val;
+                }
+            },
+            immediate: true,
+            deep: true,
+        },
+        selfBtn: {
+            handler(val, preVal) {
+                if (val && val.length) {
+                    this.selfBtnList = val;
+                }
+            },
+            immediate: true,
+            deep: true,
+        },
+        uid: {
+            handler(val, preVal) {
+                if (val) {
+                    this.userIdData = val;
+                }
+            },
+            immediate: true,
+            deep: true,
+        },
+    },
+    mounted() { },
+    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 (
+                this.formData.currentState === "已撤销" ||
+                this.formData.currentState === "已驳回" ||
+                this.processStatus.status === "已撤销" ||
+                this.processStatus.status === "已驳回" ||
+                this.processStatus.bizStatusName === "已撤销" ||
+                this.processStatus.bizStatusName === "已驳回"
+            ) {
+                let obj = {};
+                obj.name = "重新提交";
+                obj.btnProps = { type: "default" };
+                btnList.push(obj);
+                obj.click = this.handleTest;
+                // handleRestart
+            }
+
+            //处理
+            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.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.handleActionClose();
+                    this.showOperation(
+                        operation.cancel,
+                        name,
+                        this.request,
+                        this.taskObj.otherButtonAnnexList
+                    );
+                };
+            }
+
+            // 自定义
+            if (this.selfBtnList && this.selfBtnList.length) {
+                this.selfBtnList.map((v) => {
+                    let obj = {};
+                    obj.name = v.name;
+                    obj.btnProps = { type: v.type };
+                    btnList.push(obj);
+                    obj.click = v.click;
+                });
+            }
+
+            // 退回
+            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.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 = async (name) => {
+                    this.handleActionClose();
+
+                    if (this.ccTaskFunction) {
+                        let flag = await this.ccTaskFunction();
+                        if (!flag) {
+                            return;
+                        }
+                    }
+
+                    this.showOperation(
+                        operation.ccTask,
+                        name,
+                        this.request,
+                        this.taskObj.ccTaskButtonAnnex,
+                        "抄送"
+                    );
+                    this.cctaskTopPopupTitle = name;
+                    // this.cctaskTopPopup = true;
+                };
+                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.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.handleActionClose();
+                    this.showOperation(
+                        operation.counterSign,
+                        name,
+                        this.request,
+                        this.taskObj.counterSignButtonAnnex
+                    );
+                };
+                btnList.push(obj);
+            }
+
+            // 催办
+            if (
+                this.processIntId &&
+                this.processStatus.createUid == this.userIdData &&
+                this.taskNode[0]?.taskState != 2 &&
+                this.processStatus.status !== "已驳回" &&
+                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.createUid == this.userIdData &&
+                this.taskNode[0]?.taskState != 2 &&
+                this.processStatus.status !== "已驳回" &&
+                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);
+            }
+            console.log('btnList======',btnList);
+            return btnList;
+        },
+        // 底部高度
+        processCardHeight() {
+            console.log("btnList", this.operBtn);
+
+            let num = this.topNum + this.bottomNum - 10;
+            if (
+                this.isAdditional &&
+                !this.operBtn &&
+                !this.operBtn.length &&
+                !this.ProcessInsObj.end
+            ) {
+                num -= this.bottomNum;
+            }
+
+            if(this.hideHeader){
+                num -= 204
+            }
+
+            // console.log('====1',document.getElementById('process-header'));
+            // if(document.getElementById('process-header') != null){
+            //     setTimeout(()=>{
+            //         console.log('====',document.getElementById('process-header').style);
+            //     },200)
+            // }
+            
+            return `calc(100vh - ${num}px)`;
+        },
+        // 底部按钮定位
+        processBtn() {
+            console.log("btnList", this.operBtn);
+
+            if (
+                this.isAdditional &&
+                !this.operBtn &&
+                !this.operBtn.length &&
+                !this.ProcessInsObj.end
+            ) {
+                return `-${this.bottomNum}px`;
+            }
+        },
+    },
+    methods: {
+        handleGetHeight() {
+            this.$nextTick(() => {
+                setTimeout(() => {
+                    let header = document.getElementById("process-header");
+                    let footer = document.getElementById("process-footer");
+
+                    this.bottomNum = footer ? footer.scrollHeight + 10 : 70;
+                    this.topNum = header ? header.scrollHeight + 10 : 144;
+                    console.log(this.bottomNum, "diss::", this.topNum);
+                }, 1000);
+            });
+        },
+        handleTestsss(val, vals) {
+            console.log("==========:::", val, vals);
+        },
+        // 测试
+        handleTestS() {
+            this.handleTips("提交成功!", false, "success");
+        },
+
+        // 重新提交
+        handleTest() {
+            this.visibleSong = true;
+        },
+        // 用户信息
+        async getUserInfo() {
+            let res = await this.request.get("/app/user/info");
+            if (res.code === 200) {
+                this.user = res.data || {};
+            }
+        },
+
+        // 流程查询
+        async handleGetSimulation(vars) {
+            this.handleTips("", true, "loading");
+            let params = {
+                processInstId: this.processInstId,
+                taskInstId: this.taskNode.length ? this.taskNode[0].taskId : "",
+                vars: vars,
+                errorTip: false,
+            };
+
+            let simulationData = await this.request.post(
+                `/aws/tis/simulation`,
+                params
+            );
+            console.log(simulationData);
+
+            if (simulationData.success) {
+                this.handleTips("", false, "success");
+                this.nextNodeData = simulationData.data;
+
+                for (let i = 0; i < this.nextNodeData.length; i++) {
+                    this.approveNode = this.nextNodeData[i];
+                }
+            } else {
+                let taskIDCopy =
+                    this.taskNode && this.taskNode.length
+                        ? this.taskNode[0].taskId
+                        : "";
+                this.outGatewayUserTaskModel = await this.getOutgoingProcessNode(
+                    taskIDCopy,
+                    ""
+                );
+            }
+        },
+        async getOutgoingProcessNode(taskId, processNodeId) {
+            let res = await this.request.get(
+                "/aws/repository/getOutgoingProcessNode",
+                {
+                    params: {
+                        taskId: taskId,
+                        processNodeId: processNodeId,
+                    },
+                }
+            );
+
+            if (res.code == 200) {
+                if (res.data && res.data.length) {
+                    for (let i = 0; i < res.data.length; i++) {
+                        let o = res.data[i];
+                        if (
+                            o.type != "UserTaskModel" &&
+                            o.type != "EndEventModel"
+                        ) {
+                            let childNode = await this.getOutgoingProcessNode(
+                                taskId,
+                                o.id
+                            );
+
+                            if (childNode && childNode.length) {
+                                await childNode.map((v, i) => {
+                                    v.nodeName =
+                                        v.incomingConditionItemList &&
+                                            v.incomingConditionItemList.length
+                                            ? v.incomingConditionItemList[0]
+                                                .compareValue
+                                            : "";
+                                });
+                                o.childNode = childNode;
+                            }
+                        }
+                    }
+                    this.handleTips("", false, "success");
+                    return res.data;
+                }
+                this.handleTips("", false, "success");
+                return [];
+            }
+            return [];
+        },
+
+        // 集合
+        handleGet(task) {
+            this.taskNode = [].concat(task);
+            this.taskNodeShow = false;
+            this.actionShow = false;
+            this.handleGetProcessStatus();
+            this.handleGetUserTaskModel();
+        },
+        // 流程状态
+        handleGetProcessStatus() {
+            this.handleTips("", true, "loading");
+            this.request
+                .get("/aws/pis/getProcessStatus", {
+                    params: {
+                        processInstId: this.processInstId,
+                        taskId: this.taskNode.length
+                            ? this.taskNode[0].taskId
+                            : "",
+                    },
+                })
+                .then((res) => {
+                    if (res.code == 200) {
+                        // res.data.allUserNames = [];
+                        this.processStatus = res.data;
+                        this.$emit(
+                            "processStatus",
+                            this.processStatus,
+                            this.taskNode
+                        );
+                        // this.canCheck
+                        if (
+                            this.processStatus.userNodeGroup &&
+                            this.processStatus.userNodeGroup[
+                            this.taskNode[0].nodeName
+                            ] &&
+                            this.processStatus.userNodeGroup[
+                                this.taskNode[0].nodeName
+                            ].length > 1
+                        ) {
+                            this.canCheck = false;
+                        } else {
+                            this.canCheck = true;
+                        }
+                    }
+                    this.handleGetHeight();
+                })
+                .catch((error) => {
+                    this.handleGetHeight();
+                });
+        },
+        // 按钮操作信息
+        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;
+                        }
+                        this.handleGetHeight();
+                        this.$refs.topTips.handleClose();
+                    })
+                    .catch((error) => {
+                        this.handleGetHeight();
+                        this.$refs.topTips.handleClose();
+                    });
+            } else {
+                this.$refs.topTips.handleClose();
+            }
+        },
+
+        // 弹窗内部渲染
+        async showOperation(com, label, request, annex, type) {
+            if (this.beforeFunction) {
+                this.operationParam.beforeFunction = this.beforeFunction;
+            }
+
+            if (
+                this.processStatus.allUserNames &&
+                this.processStatus.allUserNames.length
+            ) {
+                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;
+                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 && this.taskNode.length
+                    ? this.taskNode[0].taskId
+                    : "";
+            this.operationParam.actionName = label;
+            this.operationParam.formData = this.formData;
+            this.operationParam.ProcessInsObj = this.ProcessInsObj;
+
+            // 个人信息
+            this.operationParam.userInfo = this.user;
+
+            // 下次节点数据
+            this.operationParam.nextNodeData = this.nextNodeData;
+            this.operationParam.outGatewayUserTaskModel = this.outGatewayUserTaskModel;
+
+            console.log(
+                "outGatewayUserTaskModel",
+                this.outGatewayUserTaskModel
+            );
+
+            this.operationParam.taskNode = this.taskNode;
+
+            this.operationParam.appId = this.processStatus.appId;
+            // 弹窗确认结束事件
+            this.operationParam.endFunction = this.endFunction;
+
+            // 公文配置参数
+            this.operationParam.isDocument = this.isDocument;
+            this.operationParam.isQuickReply = this.isQuickReply;
+            this.operationParam.isMsg = this.isMsg;
+            this.operationParam.isRequire = this.isRequire;
+            // 是否可选择
+            this.operationParam.canCheck = this.canCheck;
+
+            this.operationParam.isCheckType = this.isCheckType;
+            this.operationParam.isOrgType = this.isOrgType;
+            this.operationParam.isCodeType = this.isCodeType;
+            // 处理字段处理
+            let actionModel = this.taskObj.commentModels;
+            actionModel.some(
+                (item) =>
+                (this.operationParam.actionComplete = item?.isDefault
+                    ? item.actionName
+                    : "")
+            );
+            switch (type) {
+                case "抄送":
+                    this.operationParam.visible = true;
+                    this.cctaskTopPopup = true;
+                    break;
+                default:
+                    this.operationParam.visible = true;
+                    this.TopPopup1 = true;
+                    break;
+            }
+        },
+        // 弹窗取消
+        handleCancel() {
+            // console.log("handleCancel");
+        },
+        // 弹窗确认
+        async handleComfig() {
+            this.$refs.operationRef.confirm();
+        },
+        // 关闭弹窗TopPopup1
+        handleClosePopup1() {
+            this.TopPopup1 = false;
+            this.operationParam.visible = false;
+        },
+        handleClosecctaskTopPopup() {
+            this.cctaskTopPopup = false;
+            this.operationParam.visible = false;
+        },
+        // 确认弹窗(催办,撤销)
+        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");
+							window.top && window.top.postMessage('success', '*')
+                            this.endFunction("催办");
+                        } 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");
+							window.top && window.top.postMessage('success', '*')
+                            this.endFunction("撤销");
+                        } 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.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) => {
+                                    this.getFirstProcessNode = res.data[0];
+                                    this.operationParam.getFirstProcessNode = this.getFirstProcessNode;
+                                    this.operationParam.formData = this.formData;
+                                    this.handleTips("", false, "success");
+
+                                    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();
+        },
+    },
+});