_export() {
const _c = this.$createElement;
this.$msgbox({
title: '请确认',
showCancelButton: true,
confirmButtonText: '导出',
cancelButtonText: '放弃',
message: _c('div', null, [
// _c('ul', null, [
// _c('li', null, '是否导出当前待发货订单:'),
// _c('li', { style: 'margin: .5em 0 .5rem 2em' }, '商品: ' + _item.productName),
// _c('li', { style: 'margin: .5em 0 .5rem 2em' }, '颜色: ' + _item.proColorName),
// _c('li', { style: 'margin: .5em 0 .5rem 2em' }, '尺码: ' + _item.proSizesName),
// _c('li', { style: 'margin: .5em 0 .5rem 2em' }, '时间: ' + _item.applyTime),
// _c('li', { style: 'margin: .5em 0 .5rem 2em' }, '金额: ' + _item.refundAmount),
// ]),
_c('p', { style: 'margin-button: 15px;' }, [
_c('span', null, '您是否'),
_c('i', { style: 'color: #3598dc; font-style: normal; margin: 0 5px;' }, '导出'),
_c('span', null, '当前'),
_c('i', { style: 'color: #cb5a5e; font-style: normal; margin: 0 5px;' }, '待发货'),
_c('span', null, '订单信息?'),
]),
]),
}).then(action => {
this.selectForm.ordersState = 1;
this._getData();
var _downSrc = this.baseUrl + '/orders/export/exportOrdersDelivery?';
_downSrc = _downSrc + 'token=' + this.token;
_downSrc = _downSrc + '&download=1';
_downSrc = _downSrc + '&exportType=1';
if (this.selectDate != null) {
_downSrc = _downSrc + '&startTime=' + this.selectForm.startTime;
_downSrc = _downSrc + '&endTime=' + this.selectForm.endTime;
}
if (this.selectForm.acceptPhone != '') {
_downSrc = _downSrc + '&phone=' + this.selectForm.acceptPhone;
}
if (this.selectForm.totalOrderNo != '') {
_downSrc = _downSrc + '&ordersNo=' + this.selectForm.totalOrderNo;
}
if (this.selectForm.proxyName != '') {
_downSrc = _downSrc + '&proxyName=' + this.selectForm.proxyName;
}
window.open(_downSrc);
}).catch(() => {
// this.$message({ type: 'info', message: '已取消操作' });
});

vue如何下载报表的更多相关文章

  1. vue中下载excel的使用,后端链接两种情况,一个是链接,一个是文件流

    vue中下载excel使用 一.这是第一种情况,后台链接地址返回的是一个url,这个时候我只要在导出按钮上绑定exportData()这个事件方法就好了 exportData() {     this ...

  2. vue Blob 下载附件报错

    vue Blob 下载附件报错,不妨试试: window.location.href=后台地址

  3. vue.js下载及安装配置

    环境 Deepin15.4 下载及配置 node下载地址:http://nodejs.cn/download/ 解压到文件夹 /home/maskerk/vue/ 下 设置软连接: $ ln -s / ...

  4. [vue]vue-cli下载原理

    正常vue-cli这样操作就ok了 vue-cli github $ npm install -g vue-cli $ vue init webpack my-project $ cd my-proj ...

  5. MongoDB VUE的下载及安装

    下载: mongo vue官网地址:http://www.mongovue.com/ 安装: 很简单,注意的是:在提示buy 和 OK  的时候点击OK即可: 连接: 默认连接(无用户名密码): 在启 ...

  6. Vue.js下载方式及基本概念

    Vue.js 简介 说明及下载 Vue.js使用文档已经写的很完备和详细了,通过以下地址可以查看: https://cn.vuejs.org/v2/guide/ vue.js如果当成一个库来使用,可以 ...

  7. 前端vue如何下载或者导出word文件和excel文件

    前端用vue怎么接收并导出文件 window.location.href = "excel地址" 如果是 get 请求,那直接换成 window.open(url) 就行了 创建一 ...

  8. vue pdf下载

    主要技术栈是Vue,两个库: html2canvas npm地址 jspdf 具体实现代码如下: <template> <div class="priview_resume ...

  9. .Net Core WebAPI + Axios +Vue 实现下载与下载进度条

    故事的开始 老板说:系统很慢,下载半个小时无法下载,是否考虑先压缩再给用户下载? 本来是已经压缩过了,不过第一反应应该是用户下的数量多,导致压缩包很大,然后自己测试发现,只是等待的时间比较久而已,仍然 ...

随机推荐

  1. the type initializer for 'system.drawingcore.gdiplus' threw an exception

    Centos 7 yum install libgdiplus-devel reboot之后生效 apt install libgdiplus cp /usr/lib/libgdiplus.so ~/ ...

  2. time 模块学习

    前情提要: time模块是经常使用的模块.主要是用来记录时间,以及时间上的相关操作 一:时间戳 1:第一种形式 import time print(time.time()) 从1970 1 1 0:0 ...

  3. Hadoop虚拟机的jdk版本和本地eclipse的版本不一致怎么办

    在本周学习Hadoop遇到了一个问题,困扰了半天,本人在安装Hadoop时是按照视频来的,结果发现Hadoop上的jdk版本和本地eclipse的版本不一致,导致本地的程序到处jar包传到虚拟机上运用 ...

  4. springcloud应用思考

    1 springcloud注册中心eureka和zookeeper注册中心的区别: eureka注册中心,在服务选主的时候服务还是可以用的,zookeeper注册中心在选举的时候整个服务瘫痪了,是不可 ...

  5. shiro原理及其运行流程介绍

    shiro原理及其运行流程介绍 认证执行流程 1.通过ini配置文件创建securityManager 2.调用subject.login方法主体提交认证,提交的token 3.securityMan ...

  6. 洛谷 P3757 [CQOI2017]老C的键盘

    题面 luogu 题解 其实就是一颗二叉树 我们假设左儿子小于根,右儿子大于根 考虑树形\(dp\) \(f[u][i]\)表示以\(u\)为根的子树,\(u\)为第\(i\)小 那么考虑子树合并 其 ...

  7. JavaScript《一》

    脚本语言概念:不需要提前编译的,即时执行的语言,如js,t-sql等 在一个js块中,只要有一个语句出现错误,整个块都不执行 强类型:在编译时就已经确定的类型,弱类型,在运行时,编译器自动根据赋值在确 ...

  8. mysql 导入 csv 格式数据

    mysql --local-infile -uroot -proot task_ops -e "LOAD DATA LOCAL INFILE '/tmp/data_import/app8.c ...

  9. 微服务Kong(四)——添加插件

    在本节中,您将学习到,如何配置使用KONG的插件来管理您的API.KONG的核心原则之一就是通过插件来实现API的扩展.插件可以使您更为简单的扩展和管理您的API. 在以下的步骤中,您将通过配置key ...

  10. Java 中 String 的常用方法(一)

    上一篇介绍了 String 中的几个常用构造方法,由 String 这个核心对象发散出去关于字符的编码,字符的字节表达,对 GC 的影响,正则表达式,模式匹配,这可能是 Java 里内涵最丰富的对象了 ...