layui.use([ 'element', 'table', 'laydate', 'form','upload' ], function() {
var $ = layui.jquery;
var table = layui.table;
var laydate = layui.laydate;
var element = layui.element;
var form = layui.form;
var upload = layui.upload;
activeFunction();
//获取所有表格名称
function activeFunction(){
$.ajax({
url : '../../../getAllFilename',
dataType : 'json',
data : {
},
type : 'get',
success : function(data) {
$.each(data, function(index, item) {
$('#filename').append(
new Option(item, item));// 下拉菜单里添加元素
});
layui.form.render("select");
}
});
}
// 生成表格
table.render({
elem : '#financeTable',
url : '../../../getFinance',
toolbar : '#toolbarDemo',
defaultToolbar: ['filter', 'exports', { //自定义头部工具栏右侧图标。如无需自定义，去除该参数即可
title: '提示'
,layEvent: 'LAYTABLE_TIPS'
,icon: 'layui-icon-tips'
}],
title : '表',// 导出文件名
id : 'financeTableAll',
// 开启分页
page : {
layout : [ 'count', 'prev', 'page', 'next', 'skip', 'limit' ]
},
limits : [10,50,100,500,999,9999],
where:{
filename :'',
orderNumber :''
},
cellMinWidth : 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
cols : [ [ {
type : 'numbers',
title : '序号',
width : 50,
fixed : "left"
},{
field : 'addTime',
title : '时间',
width : 120,
align : "center",
templet : function(d) {
return d.addTime != null ?layui.util.toDateString(d.addTime, "yyyy-MM-dd") : "";
}
},{
field : 'supplier',
width : 100,
align : "center",
title : '供应商'
},{
field : 'shopname',
width : 100,
align : "center",
title : '店铺'
},{
field : 'kind',
width : 100,
align : "center",
title : '种类'
},{
field : 'kind2',
width : 100,
align : "center",
title : '种类2'
},{
field : 'orderNumber',
title : '订单编号',
align : "center",
width : 230,
templet : function(d) {
return d.orderNumber + '\t';
}
},{
field : 'remark',
title : '文件名称'
},{
field : 'filename',
title : '表格名称',
width : 120,
},{
field : 'count',
title : '数量',
align : "center",
width : 80,
templet : function(d) {
if(d.count == "#"){
return ''+d.count+'';
}else{
return d.count;
}
}
},{
field : 'number',
title : '拼版数',
align : "center",
width : 80,
templet : function(d) {
if(d.number == "#"){
return ''+d.number+'';
}else{
return d.number;
}
}
},{
field : 'zhang',
title : '张数',
align : "center",
width : 80,
templet : function(d) {
if(d.zhang == "0.0"){
return ''+d.zhang+'';
}else{
return d.zhang;
}
}
},{
field : 'createDate',
title : '导入时间',
align : "center",
width : 120,
templet : function(d) {
return d.createDate != null ?layui.util.toDateString(d.createDate, "yyyy-MM-dd") : "";
}
}] ],
parseData : function(res) { //将原始数据解析成 table 组件所规定的数据
return {
"code" : 0, //解析接口状态
"msg" : "", //解析提示文本
"count" : res.total,//解析数据长度
"data" : res.list//解析数据列表
};
}
});
//点击查询按钮，重载表格
$('#searchBtn').on('click', function() {
table.reload('financeTableAll', {
method : 'post',
where : {
filename : $("#filename").val(),
orderNumber : $("#orderNumber").val()
},
page : {
curr : 1
}
});
return false;
});
// 监听头部工作栏的 新增用户
table.on('toolbar(financeTable)', function(obj) {
var checkStatus = table.checkStatus(obj.config.id);
switch (obj.event) {
case 'export':
var filename = $("#filename").val();
if(filename == ""){
layer.msg('请选择要导出的文件!',function(){});
return false;
}
window.location.href="../../../excel" + "?filename=" + filename;
break;
case 'mulAdd'://导入
layer.open({
//layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
type: 1,
title: "导入数据",
area: ['720px', '430px'],
content: $("#popmulAddTest")//引用的弹出层的页面层的方式加载添加界面表单
});
break;
case 'del':// 删除
var filename = $("#filename").val();
if(filename == ""){
layer.msg('请选择要删除的文件!',function(){});
return false;
}
layer.confirm('确定要删除【' + filename + '】的数据么？',{icon:3,title:"提示"}, function(index){
$.ajax({
url : "../../../deleteDataByFilename",
dataType : 'json',
data:{'filename': filename},
type : 'post',
success : function(data) {
if (data.code == 200) {
layer.msg('删除成功！',{icon:6,offset:"auto",time:2000});//提示框
//删除完清空下拉框再重新查询
$("#filename").empty();
activeFunction();
table.reload("financeTableAll"); //重新加载页面表格
}else{
layer.msg('删除失败！',{icon:5,offset:"auto",time:2000});//提示框
}
}
})
})
break;
};
});
//多文件上传
form.on('submit(upLoad)',function(obj){
layer.msg('开始上传，请稍后~~',{icon:6,offset:"auto",time:2000});//提示框
//$('#testListAction').addClass("layui-btn-disabled").attr("disabled",true);
//$('#testListAction').html('正在上传...');
})
var demoListView = $('#demoList'),
uploadListIns = upload.render({
elem: '#testList',
url: '../../../ajaxUpload_1', //上传接口
accept: 'file',
multiple: true,
auto: false,
bindAction: '#testListAction',
choose: function(obj){ //选完文件调用
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
//读取本地文件
var count = 1;
obj.preview(function(index, file, result){
var tr = $(['',
'| '+ count++ +' | ',
''+ file.name +' | ',
''+ (file.size/1024).toFixed(1) +'kb | ',
'等待上传 | ',
'',
'',
'',
' | ',
'
'].join(''));
//单个重传
tr.find('.demo-reload').on('click', function(){
obj.upload(index, file);
});
//删除
tr.find('.demo-delete').on('click', function(){
delete files[index]; //删除对应的文件
tr.remove();
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
});
demoListView.append(tr);
});
},
done: function(res, index, upload){ //上传成功后调用
layer.msg(res.msg,function(){});
if(res.code == 200){ //上传成功
var tr = demoListView.find('tr#upload-'+ index),
tds = tr.children();
tds.eq(3).html('上传成功');
tds.eq(4).html(''); //清空操作
$('#testListAction').html('开始上传');
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
$("#filename").empty();
activeFunction();
table.reload("financeTableAll"); //重新加载页面表格
return delete this.files[index]; //删除文件队列已经上传成功的文件
}
this.error(index, upload);
},
error: function(index, upload){ //上传失败后调用
var tr = demoListView.find('tr#upload-'+ index)
,tds = tr.children();
tds.eq(3).html('上传失败');
//$('#testListAction').removeClass("layui-btn-disabled").attr("disabled",false);
tds.eq(4).find('.demo-reload').removeClass('layui-hide'); //显示重传
}
});
});