vue如何下载报表
_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如何下载报表的更多相关文章
- vue中下载excel的使用,后端链接两种情况,一个是链接,一个是文件流
vue中下载excel使用 一.这是第一种情况,后台链接地址返回的是一个url,这个时候我只要在导出按钮上绑定exportData()这个事件方法就好了 exportData() { this ...
- vue Blob 下载附件报错
vue Blob 下载附件报错,不妨试试: window.location.href=后台地址
- vue.js下载及安装配置
环境 Deepin15.4 下载及配置 node下载地址:http://nodejs.cn/download/ 解压到文件夹 /home/maskerk/vue/ 下 设置软连接: $ ln -s / ...
- [vue]vue-cli下载原理
正常vue-cli这样操作就ok了 vue-cli github $ npm install -g vue-cli $ vue init webpack my-project $ cd my-proj ...
- MongoDB VUE的下载及安装
下载: mongo vue官网地址:http://www.mongovue.com/ 安装: 很简单,注意的是:在提示buy 和 OK 的时候点击OK即可: 连接: 默认连接(无用户名密码): 在启 ...
- Vue.js下载方式及基本概念
Vue.js 简介 说明及下载 Vue.js使用文档已经写的很完备和详细了,通过以下地址可以查看: https://cn.vuejs.org/v2/guide/ vue.js如果当成一个库来使用,可以 ...
- 前端vue如何下载或者导出word文件和excel文件
前端用vue怎么接收并导出文件 window.location.href = "excel地址" 如果是 get 请求,那直接换成 window.open(url) 就行了 创建一 ...
- vue pdf下载
主要技术栈是Vue,两个库: html2canvas npm地址 jspdf 具体实现代码如下: <template> <div class="priview_resume ...
- .Net Core WebAPI + Axios +Vue 实现下载与下载进度条
故事的开始 老板说:系统很慢,下载半个小时无法下载,是否考虑先压缩再给用户下载? 本来是已经压缩过了,不过第一反应应该是用户下的数量多,导致压缩包很大,然后自己测试发现,只是等待的时间比较久而已,仍然 ...
随机推荐
- datetime 模块
datetimo 模块和time模块类似,只不过直接帮你定好了格式 import datetime time =datetime.datetime.now() print(time,type(time ...
- trunc 函数用法
转载至:http://blog.csdn.net/aqszhuaihuai/article/details/6303686 1.trunc用于日期,可精确到年,月和日. select trunc(sy ...
- [转]iOS:批量导入图片和视频到模拟器的相册
IOS开发中我们经常会用到模拟器调试,模拟器有个主要的好处就是程序启动块,最重要的是如果没有证书的话,我们就只能在模拟器上调试了.使用模拟器调试时我们可能碰到需要从系统相册选择图片的情况,特别是做图片 ...
- easyui实现多选框,并且获取值
在easyui官方文档里面是没有combobox下拉框,可以进行多选的,但是其实是可以多选的, <td align="left">大区: <input typ ...
- 图解http 笔记
一,了解web以及网络基础 1,使用http协议访问web web页面是由web浏览器根据地址栏中指定的url从web服务器获取文件资源等信息然后显示的页面. 像这种通过发送请求获取服务器资源的web ...
- 在MVC程序中使用MongoDB数据库
.net项目中混搭数据库 安装和部署 C#中使用MongoDB MongoDb与关系型数据库区别 开机自启动 关系型数据库和非关系型数据口可以混搭 MongoDB是一个高性能,开源,无模式的,基于分布 ...
- net与树莓派的情缘-安装与卸载MySql(五)
安装MySql sudo apt-get install mysql-server 删除 mysql sudo apt-get autoremove --purge mysql-server-5.0s ...
- Linux系统编程:线程控制
一.提出问题 问1.线程存在的意义是什么?什么时候适合使用多线程? 答1.在单进程环境中实现多任务,线程可访问其所在进程的资源,例如内存.描述符等.对于单进程,如果要完成多项任务,这些任务只能依次执行 ...
- auguements实参对象的数组化
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 深度学习(二)BP求解过程和梯度下降
一.原理 重点:明白偏导数含义,是该函数在该点的切线,就是变化率,一定要理解变化率. 1)什么是梯度 梯度本意是一个向量(矢量),当某一函数在某点处沿着该方向的方向导数取得该点处的最大值,即函数在该点 ...