_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. (Lua) C++ 寫函式,Lua 呼叫使用

    C++ 裡頭寫一個 Function 但是透過 Lua 提供input參數並且回傳結果給Lua 輸出的辦法. Lua 檔案 , , ) print("ave : ", ave, & ...

  2. Carte作为Windows服务

    有一些用例将Carte作为Windows服务运行: 当使用命令窗口运行Carte实例时,任何人都会错误地关闭实例并且Carte将关闭. Carte.bat命令窗口与调用批处理文件的用户会话相关联,需要 ...

  3. linux下不同颜色文件的性质

    绿色文件: 可执行文件,可执行的程序 红色文件:压缩文件或者包文件 蓝色文件:目录 白色文件:一般性文件,如文本文件,配置文件,源码文件等 浅蓝色文件:链接文件,主要是使用ln命令建立的文件 红色闪烁 ...

  4. git 远程库和url

    我们使用 git remote add origin <url> 来关联远程主机,这个origin就是关联的远程主机名,如果我们想同时关联两个远程主机,我们可以用 git remote a ...

  5. ui2-3

    2016.9讲义 一.课程的主要内容和目的 二.课程所用工具软件——Photoshop CS6 1. Photoshop 的发展史 1990.2,ps1.0问世,1991.2,PS2.0发行,此后,进 ...

  6. PHPStorm操作小技巧

    1.围绕选中字符输入引号或者括号 2.设置服务器部署 3.隐藏Project快捷键 Shift + Esc 4.IDE内窗口切换 Ctrl + TAB 5.关闭当前项目 File -> Clos ...

  7. 【Kafka源码】日志处理

    目前来说,kafka的日志中记录的内容比较多,具体的存储内容见这篇博客,写的比较好.可以看到,存储的内容还是比较多的,当存储文件比较大的时候,我们应该如何处理这些日志?下面我们通过kafka启动过程的 ...

  8. WebDriver+TestNG的一个典型例子

    想让测试更加灵活,1. 可以配置使用任意支持的浏览器进行测试:2. 配置所有Google的URL:3. 配置搜索的关键字.修改后的代码: public class GoogleTest { WebDr ...

  9. TortoiseGit学习系列之TortoiseGit基本操作拉取项目(图文详解)

    前面博客 TortoiseGit学习系列之TortoiseGit基本操作克隆项目(图文详解) TortoiseGit学习系列之TortoiseGit基本操作修改提交项目(图文详解) TortoiseG ...

  10. SOA与微服务

    SOA 面向服务架构,它可以根据需求通过网络对松散耦合的粗粒度应用组件进行分布式部署.组合和使用.服务层是SOA的基础,可以直接被应用调用,从而有效控制系统中与软件代理交互的人为依赖性. SOA是一种 ...