element-ui遮罩层

2023-11-04

 通用下载方法内:

// 通用下载方法
export function download(url, params, filename, method) {
    downloadLoadingInstance = Loading.service({ text: "正在下载数据,请稍候", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", })
    if (method == "get") {
        // get请求导出
        return service({
            method: 'get',
            url: url,
            params,
            responseType: 'blob',
        }).then(async(data) => {
            const isLogin = await blobValidate(data);
            if (isLogin) {
                const blob = new Blob([data])
                saveAs(blob, filename)
            } else {
                const resText = await data.text();
                const rspObj = JSON.parse(resText);
                const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
                Message.error(errMsg);
            }
            downloadLoadingInstance.close();
        }).catch((r) => {
            console.error(r)
            Message.error('下载文件出现错误,请联系管理员!')
            downloadLoadingInstance.close();
        })
    } else {
        // post请求导出
        return service.post(url, params, {
            transformRequest: [(params) => { return tansParams(params) }],
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            responseType: 'blob'
        }).then(async(data) => {
            const isLogin = await blobValidate(data);
            if (isLogin) {
                const blob = new Blob([data])
                saveAs(blob, filename)
            } else {
                const resText = await data.text();
                const rspObj = JSON.parse(resText);
                const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default']
                Message.error(errMsg);
            }
            downloadLoadingInstance.close();
        }).catch((r) => {
            console.error(r)
            Message.error('下载文件出现错误,请联系管理员!')
            downloadLoadingInstance.close();
        })
    }
}

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

element-ui遮罩层 的相关文章

随机推荐

  • 基于SSM的疫苗接种平台

    末尾获取源码 开发语言 Java Java开发工具 JDK1 8 后端框架 SSM 前端 Vue 数据库 MySQL5 7和Navicat管理工具结合 服务器 Tomcat8 5 开发软件 IDEA Eclipse 是否Maven项目 是
  • 计算方法--函数插值

    文章目录 插值多项式的存在唯一性定理 1 拉格朗日插值 Lagrange 线性插值 公式 分段线性插值函数的余项 抛物插值 公式 拉格朗日插值 插值余项定理 条件 公式 误差估计 2 Newton插值公式 差商 性质 Newton插值多项式
  • 华为OD机试 - 区间交集(Java)

    题目描述 给定一组闭区间 其中部分区间存在交集 任意两个给定区间的交集 称为公共区间 如 1 2 2 3 的公共区间为 2 2 3 5 3 6 的公共区间为 3 5 公共区间之间若存在交集 则需要合并 如 1 3 3 5 区间存在交集 3
  • 实验七-通过JDBC转移异构数据库中数据

    通过ODBC JDBC转移异构数据库中数据 实验环境 Windows 10操作系统 MySQL 8 0 SQL Server 2019 eclipse2021 09 实验内容与完成情况 实验目的 学会配置ODBC JDBC数据源 熟悉使用O
  • etcd配置参数

    成员相关配置项 name data dir wal dir snapshot count heartbeat interval election timeout listen peer urls listen client urls max
  • CSS——表格和表单

    第六章 CSS的表格和表单 文章目录 第六章 CSS的表格和表单 一 表格 二 表单 总结 一 表格 表格标签 标签 描述 lt table gt 表格标签 lt tr gt 表格行标签 lt td gt 普通单元格标签 lt th gt
  • win7计算机窗口左边被改了,win7电脑开始菜单变成经典模式?三种方法教你改回来...

    今天小编一开电脑 觉得怪怪的 怎么感觉电脑桌面不太一样了 仔细一看 原来是系统开始菜单变成经典模式了 很不习惯 那怎么恢复呢 今天小编就以win7系统为例 教大家怎么改回来 方法一 1 在桌面空白处单击鼠标右键 选择个性化 2 鼠标左键单击
  • 【app逆向】Frida-rpc 的常用python脚本

    1 1 Frida rpc常用脚本 在执行frida rpc时 会涉及到先关参数类型的处理和转换 例如 python程序调用时 传入参数 frida的JavaScript脚本如何获取参数 JavaScript的参数如何转换到 Java中所需
  • Endnote参考文献分享与导入

    Endnote参考文献分享与导入 转移 文章发给老师如何将参考文献一同发送 软件版本为X8 一 分享 首先找到Endnote library的位置 将两个文件 一个是后缀为enl的数据库文件和另一个是 data文件夹 一起复制到一个文件夹
  • opencv 表格识别之表格透视矫正(二)

    上一篇文章中给出了一种对表格进行矫正的方法 但是只能用于只有一个表格的情况 对于有多个表格的情况的矫正的方法 将在这篇文章中给出 单个表格矫正 链接 一 函数的介绍 1 Homography 函数返回映射关系H 3 3的矩阵 CV EXPO
  • 微信公众h5页面如何在web端调试

    由于微信公众页面在手机上不好调试 所以可以选择使用微信开发者工具 登录微信公众号 开发者工具 绑定微信账号 下载工具 安装 微信扫码 工具内输入公众号网页地址
  • 等保2.0建设

    现在的等保2 0建设都是要完整
  • Springboot整合mybatis(注解-基础篇)最通俗易懂的文章

    注解开发mybatis 开发流程 1 引入MyBatis依赖 maven下的springboot添加如下坐标即可 POM xml
  • 微信小程序——云函数部署问题

    摸索了一个下午才明白云函数是什么 效率真的有点低 不过好在还是弄出来了 云开发 即无需搭建服务器 将云端当做服务端 只需进行前端开发 小程序 云开发提供了三个基础能力 数据库 存储和云函数 数据库 json数据库 就理解为往里面存的是jso
  • ApplicationContext 与 BeanFactory 区别(MS)

    1 从继承关系上来说 BeanFactory 是 的父类 BeanFactory 只是提供了基础操作Bean的方法 ApplicationContext除了拥有父类的基础操作之外 还提供了自己独有的功能 2 从性能方面上来说 Applica
  • 关于PHP发送邮箱验证码功能介绍

    关于PHP发送邮箱验证码功能介绍 PHP语言发送邮箱验证码 可以使用PHPMailer这个现成的类文件 完美集成实现邮箱发送验证码 前期准备 a PHPMailer下载地址 在git上获取最新版即可 https github com PHP
  • vue 前端内存问题 解决方案

    前端内存问题 JavaScript heap out of memory 解决 1 全局安装increase memory limit npm install g increase memory limit 2 进入工程目录 执行 incr
  • 动态规划经典题目:最大连续子序列和、最大不连续子序列和

    1 最大连续子序列和 记数组为nums 思路 记录dp i 为i位置结尾的最大连续子序列和 则有dp i dp i 1 gt 0 dp i 1 nums i nums i 然后求dp数组的max即为最终结果 1 最大不连续子序列和 记数组为
  • java数组程序_Java数组

    7 1数组 l 数组是多个相同类型数据的组合 实现对这些数据的统一管理 l 数组中的元素可以是任何数据类型 包括基本数据类型和引用数据类型 l 数组属引用类型 数组型数据是对象 object 数组中的每个元素相当于该对象的成员变量 7 2一
  • element-ui遮罩层

    通用下载方法内 通用下载方法 export function download url params filename method downloadLoadingInstance Loading service text 正在下载数据 请