layui excel下载(纯前端 )
需要 继承 一个js才能用：excel.js
在 layui-excel-master\layui_exts 文件夹下面（百度链接：
链接：https://pan.baidu.com/s/1VxjLtuphLTiAxUlNwYKnKA
提取码：gxqz
）
html=========================================html
<div class="layui-inline layui-show-xs-block" style=" float: right;">
<a class="layui-btn layui-btn-lg" name="" data-type="exports"><i
class="layui-icon"></i>导出门店</a>
</div>
<div class="layui-inline layui-show-xs-block" style=" float: right;">
<input class="layui-input starttime" name="endDate" id="endDate" autocomplete="off" placeholder="yyyy-MM-dd">
</div>
<div class="layui-inline layui-show-xs-block" style=" float: right;">
<input class="layui-input starttime" name="starDate" id="starDate" autocomplete="off" placeholder="yyyy-MM-dd">
</div>
js==========================================js
exports : function() { //导出
var starDate = $("input[name=\'starDate\']").val();//日期开始
var endDate = $("input[name=\'endDate\']").val();//日期结束
var url= getRootPath() + \'/aaa/bbb.do?SerialNo=\' + Math.round(Math.random() * 100000000);
$.ajax({
url : url,
data : {
//delStore : JSON.stringify(data)
starDate: starDate,
endDate: endDate
},
type : "Post",
dataType : "json",
success : function(res) {
if(res.data!=null && res.data!="" && res.data!="undefined"){
var data = res.data
// 重点！！！如果后端给的数据顺序和映射关系不对，请执行梳理函数后导出
data = excel.filterExportData(data, {
storeNo: \'storeNo\'
, franchiserSalesName: \'franchiserSalesName\'
, storeAddress: \'storeAddress\'
, storePrincipal: \'storePrincipal\'
, isDel: \'isDel\'
})
// 重点2！！！一般都需要加一个表头，表头的键名顺序需要与最终导出的数据一致
data.unshift({
storeNo: "门店编号",
franchiserSalesName: "门店名称",
storeAddress: \'门店地址\',
storePrincipal: \'门店负责人和电话\',
isDel: \'是否删除\',
})
// 2. B列宽 150，F列宽200，默认80
var colConf = excel.makeColConfig({
\'A\': 90,
\'B\': 200,
\'C\': 240,
\'D\': 130,
}, 60)
var timestart = Date.now()
excel.exportExcel({
sheet1: data
}, \'门店数据\'+timestart+\'.xlsx\', \'xlsx\',{
extend: {
sheet1: {
\'!cols\': colConf
}
}
})
}else{
layer.msg(\'当前日期范围内没有门店数据！\',{time: 3000, icon:5});
}
},
error : function(data) {
}
});
}