vue+element 下载压缩包和导出

news2024/11/16 21:51:55

在这里插入图片描述

export function goodsInspectionReportDwnloadZip (params) {
  return axios({
    url: "/warehouse-entry-server/v1/goodsInspectionReport/downloadZip",
    method: "get",
    params,
    responseType: "blob"
  })
} 


 //下载
            handleDownloadFile() {
                if (!this.$refs.dragTable.selection.length) {
                    this.$message.warning("请选择数据!");
                } if (this.$refs.dragTable.selection.length > 1) {
                    this.$message.warning("请选择一条数据!");
                } else {
                    let talbeData = this.$refs.dragTable.selection
                    goodsInspectionReportDwnloadZip({ id:talbeData[0].id }).then((res) => {
                        const { code, msg } = res.data;
                        const title = code === 200 ? "操作成功" : "操作失败";
                        const type = code === 200 ? "success" : "error";
                        let blob = new Blob([res.data], { type: "application/zip" });
                        // 设置下载的内容以及格式,zip文件必须设置type: "application/zip" 
                        const url = window.URL.createObjectURL(blob); // 设置路径
                        const link = window.document.createElement("a"); // 创建a标签
                        link.href = url;
                        link.download = "资质编号"+talbeData[0].typeCode+"报告压缩包.zip"; // 设置文件名
                        link.style.display = "none";
                        link.click();
                        URL.revokeObjectURL(url); // 释放内存
                        this.$refs.dragTable.clearSelection();
                    });

                }
            },
   // 导出方法
    handledownload(api) {
      api({
        ...this.page,
        param: this.search
      }).then((res) => {
        const src = URL.createObjectURL(new Blob([res.data]));
        const link = document.createElement("a");
        link.href = src;
        let filename = decodeURIComponent(
          res.headers["content-disposition"].split("filename=")[1]
        );
        link.setAttribute("download", filename);
        document.body.appendChild(link);
        link.style.display = "none";
        link.click();
      });
    },

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/853191.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【LeetCode】删除并获得点数

删除并获得点数 题目描述算法分析编程代码空间优化 链接: 删除并获得点数 题目描述 算法分析 编程代码 class Solution { public:int deleteAndEarn(vector<int>& nums) {const int N 10001;int arr[N] {0};for(const auto& n : nums){arr[n]n;}vector<in…

小红书数据分析丨现实版模拟人生,这届网友热衷于“云开店”?

近期&#xff0c;小红书出现的一个神秘的热心群体&#xff0c;他们经常活跃在各种小店店主发布的求助帖评论区中&#xff0c;积极地帮助店主出谋划策&#xff0c;寻找小店经营的优化之道&#xff0c;成功帮助小店成功转亏为盈&#xff01;江湖人称一一云股东。小红书话题#爱上帮…

微信小程序启动自动检测版本更新,检测到新版本则提示更新

UpdateManager 对象&#xff0c;用来管理更新&#xff0c;可通过 wx.getUpdateManager 接口获取实例 在app.js中的示例代码 onShow() {// 获取小程序更新机制的兼容&#xff0c;由于更新的功能基础库要1.9.90以上版本才支持&#xff0c;所以此处要做低版本的兼容处理if (wx.c…

java serialport 串口助手源码 RXTX java 11还崩溃。java串口支持jdk11,jdk13,jdk14版本win10 64位系统bug修复库nrjavaserial好用

Java提供了一些API来支持串口通信。主要包括&#xff1a; javax.comm&#xff1a;Java Communications API&#xff0c;是一个用于串行通信的Java API。然而&#xff0c;这个API已经很长时间没有更新了&#xff0c;而且只支持32位的Windows系统。官网已经删。 RXTX&#xff1a;…

成功解决Linux下中文乱码问题,CentOS7设置系统字符编码

在linux中&#xff0c;可以使用以下命令查看当前系统的字符编码&#xff1a; echo $LANG 如果不是UTF-8&#xff0c;就会出现中文乱码现象! 解决办法&#xff1a;设置字符编码环境变量为utf-8 1. 打开 ~/.bashrc 或 ~/.bash_profile 文件 vi ~/.bashrc 或 vi ~/.bash_prof…

北航基于openEuler构建工业机器人操作系统,打造“开箱即用”的机器人基础软件平台

北京航空航天大学是国家“双一流”建设高校&#xff0c;以建设扎根中国大地的世界一流大学为发展目标。北京航空航天大学在机器人领域一直处于行业前沿&#xff0c;以其亮眼的成果和优秀的师资力量&#xff0c;成为国内机器人领域的重要参与者和建设者。机器人操作系统是机器人…

根证书和中间证书有什么区别?

通常即使是获取了SSL证书的人&#xff0c;也只知道他们需要SSL证书&#xff0c;而且他们必须在服务器上安装SSL证书&#xff0c;才能通过HTTPS为网站提供服务。当进一步提到中间证书、根证书时&#xff0c;大多数人都感到陌生。本文小编就将为您介绍根证书与中间证书的定义以及…

怎么采集网址、图片地址等标签属性

如果只想采集网址、图片地址等HTML标签属性的值&#xff0c;要怎么采集呢&#xff1f; 可以使用简数采集器&#xff0c;有对应的快捷提取方式&#xff0c;一键即可转换为采集网址、采集图片地址方式&#xff0c;非常方便快捷。 也可以自行设置高级提取&#xff0c;提取Html标…

vite跨域配置踩坑,postman链接后端接口正常,但是前端就是不能正常访问

问题一&#xff1a;怎么都链接不了后端地址 根据以下配置&#xff0c;发现怎么都链接不了后端地址&#xff0c;proxy对了呀。 仔细看&#xff0c;才发现host有问题 // 本地运行配置&#xff0c;及反向代理配置server: {host: 0,0,0,0,port: 80,// cors: true, // 默认启用并允…

进程通信常见方式

目录 通信通信概述 通信的主要方式 进程同步机制--低级进程通信 高级通信工具 共享存储器系统(Shared-Memory System&#xff09; 管道(pipe)通信系统 客户机-服务器系统(Client-Server system)---套接字&#xff08;Socket&#xff09; 客户机-服务器系统(Client-Serv…

数字孪生技术的实用性究竟有多高?

数字孪生是将实际物理世界与数字虚拟世界相结合的创新方法&#xff0c;它为我们提供了一个全新的视角&#xff0c;带来了许多令人兴奋的前景。那么&#xff0c;数字孪生的实用性究竟有多高呢&#xff1f; 首先&#xff0c;数字孪生在工业领域展现出了巨大的实用潜力。通过在虚…

Oracle-创建PDB

Oracle-创建PDB 创建PDB的方式 从PDB$SEED新建PDB克隆已存在的PDB 本地PDB克隆到同一个CDB中将远程PDB克隆到CDB中将非CDB插入或克隆到CDB中通过插拔的方式创建PDB sql 命令语法 条件 CDB必须open并且read write模式连接CDB$ROOT 用户并且具有CREATEPLUGGABLEDATABASE系统权…

树状结构数据,筛选指定数据

问题描述&#xff1a; 应用场景和需求&#xff1a;对一个树状结构的数据&#xff0c;进行CRUD 时&#xff0c;想筛选出 树状结构数据中存在变动的部分。 操作步骤 准备需要的数据&#xff1a; 1.先拿到 你原来的树状结构数据 2.再筛选出 需要保留的数据集合id&#xff0c;也…

机器学习基础之《特征工程(4)—特征降维》

一、什么是特征降维 降维是指在某些限定条件下&#xff0c;降低随机变量&#xff08;特征&#xff09;个数&#xff0c;得到一组“不相关”主变量的过程 1、降维 降低维度 ndarry 维数&#xff1a;嵌套的层数 0维&#xff1a;标量&#xff0c;具体的数0 1 2 3... …

用了回不去的卷王机械键盘,看这些就够了

前几天出了一期不同价位鼠标推荐&#xff1a;外设圈彻底开卷&#xff0c;2023 下半年无脑入鼠标推荐表来了&#xff01; 结果不少小伙伴儿留言&#xff0c;鼠标是有了&#xff0c;还缺一把趁手好用且高性价比的机械键盘&#xff0c;并强烈要求咱再出一期。 话不多说&#xff0…

Markdown格式说明

一、基本语法 1.1 标题 大标题 中标题 -----# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 1.2 文本样式 *强调文本* _强调文本_**加粗文本** __加粗文本__标记文本~~删除文本~~> 引用文本H~2~O is是液体。2^10^ 运算结果是 1024。…

使用Python发送HTML格式的邮件

使用Python发送HTML格式的邮件 &#x1f607;博主简介&#xff1a;我是一名正在攻读研究生学位的人工智能专业学生&#xff0c;我可以为计算机、人工智能相关本科生和研究生提供排忧解惑的服务。如果您有任何问题或困惑&#xff0c;欢迎随时来交流哦&#xff01;&#x1f604; …

业务中如何过滤敏感词

在我们访问网站的时候&#xff0c;如果发现我们发布的内容有色情暴力的东西等等&#xff0c;会屏蔽掉&#xff0c;这种行为就是过滤敏感词。 从技术层面实现起来&#xff0c;其实比较简单&#xff0c;因为我们输入的内容就是一个大型的字符串&#xff0c;我们要调用某些api来判…

【Vue3】Teleport 传送组件

Teleport 组件是 Vue.js 3 中引入的特性之一&#xff0c;它允许将组件的内容传送&#xff08;teleport&#xff09;到当前组件之外的目标位置&#xff0c;这在处理复杂的布局、模态框等方案时非常有用。 A.vue <template><div class"dialog"><heade…

SQL server 异地备份数据库

异地备份数据库 1.备份服务器中设置共享文件夹 2.源服务器数据库中添加异地备份代理作业 EXEC sp_configure show advanced options, 1;RECONFIGURE; EXEC sp_configure xp_cmdshell, 1;RECONFIGURE; declare machine nvarchar(50) 192.168.11.10 --服务器IP declare pa…