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 实现下载与下载进度条
故事的开始 老板说:系统很慢,下载半个小时无法下载,是否考虑先压缩再给用户下载? 本来是已经压缩过了,不过第一反应应该是用户下的数量多,导致压缩包很大,然后自己测试发现,只是等待的时间比较久而已,仍然 ...
随机推荐
- Python数据结构之序列及其操作
数据结构是计算机存储,组织数据的方式.数据结构是指相互之间存在一种或多种特定关系的数据元素的集合. 在Python中,最基本的数据结构为序列(sequence).序列中的每个元素都有编号:从0开始递增 ...
- Java NIO学习与记录(三): Scatter&Gather介绍及使用
Scatter&Gather介绍及使用 上一篇知道了Buffer的工作机制,以及FileChannel的简单用法,这一篇介绍下 Scatter&Gather 1.Scatter(分散 ...
- 洛谷P3980 [NOI2008]志愿者招募
题解 最小费用最大流 每一天是一条边\((inf-a[i], 0)\) 然后对于一类志愿者, 区间两端连一条\((inf, c[i])\) \(S\)向第一个点连\((inf, 0)\) 最后一个点向 ...
- loj 6433 「PKUSC2018」最大前缀和 题解【DP】【枚举】【二进制】【排列组合】
这是个什么集合DP啊- 想过枚举断点但是不会处理接下来的问题了- 我好菜啊 题目描述 小 C 是一个算法竞赛爱好者,有一天小 C 遇到了一个非常难的问题:求一个序列的最大子段和. 但是小 C 并不会做 ...
- java 调用 C# 类库 实战视频, 非常简单, 通过 云寻觅 javacallcsharp 生成器 一步即可!
java 调用 C# 类库 实战视频, 非常简单, 通过 云寻觅 javacallcsharp 生成器 一步即可! 通过 云寻觅 javacallcsharp 生成器 自动生成java jni类库, ...
- Java调用C函数
一.关于JNI JNI( Java Native Interface )主要是实现Java和C/C++语言之间的通信. Java通过JNI调用本地方法,而本地方法是以库文件的形式存放的(在WINDOW ...
- [转]分布式锁-RedisLockRegistry源码分析
前言 官网的英文介绍大概如下: Starting with version 4.0, the RedisLockRegistry is available. Certain components (f ...
- UI的线程问题:单线程原因及更新UI的四种方式
1.UI线程为什么设计为单线程? UI控件的操作不是线程安全的,对于多线程并发访问的时候,如果使用加锁机制会导致: UI控件的操作变得很复杂. 加锁的操作必定会导致效率下降. 所以android系统在 ...
- Javac之Environment
关于Env的源代码如下: /** A class for environments, instances of which are passed as * arguments to tree visi ...
- Spring框架的设计理念
它这种设计策略完全类似于Java实现OOP的设计理念,当然Java本身的设计要比Spring复杂太多太多,但是它们都是构建一个数据结构,然后根据这个数据结构设计它的生存环境,并让它在这个环境中按照一定 ...