145 lines
5.2 KiB
JavaScript
145 lines
5.2 KiB
JavaScript
|
|
let loadingMsg;
|
|||
|
|
var form;
|
|||
|
|
var beanArr = [];
|
|||
|
|
|
|||
|
|
layui.use(['upload','laydate','form'], function () {
|
|||
|
|
var upload = layui.upload;
|
|||
|
|
var element = layui.element;
|
|||
|
|
var $ = layui.$;
|
|||
|
|
var form = layui.form;
|
|||
|
|
var laydate = layui.laydate;
|
|||
|
|
|
|||
|
|
laydate.render({
|
|||
|
|
elem: '#dataTime'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 制作多文件上传表格
|
|||
|
|
var uploadListIns = upload.render({
|
|||
|
|
elem: '#ID-upload-demo-files',
|
|||
|
|
elemList: $('#ID-upload-demo-files-list'), // 列表元素对象
|
|||
|
|
url: "", // 实际使用时改成您自己的上传接口即可。
|
|||
|
|
multiple: true, //是否允许多文件上传,默认未false
|
|||
|
|
dataType: "json",
|
|||
|
|
// exts: 'jpg|png|jpeg|txt|pdf|xlsx|xls|docx|doc|ppt|pptx|mp4|avi|flv',
|
|||
|
|
//'avi','mpg','wmv','3gp','mov','asf','asx','flv','mkv'
|
|||
|
|
exts: 'jpg|png',
|
|||
|
|
number: 10, //最大上传数量
|
|||
|
|
auto: false, //是否自动上传 ,默认为true
|
|||
|
|
// size: 1024 * 30, //最大文件大小,单位k
|
|||
|
|
bindAction: '#ID-upload-demo-files-action',
|
|||
|
|
choose: function(obj){
|
|||
|
|
var that = this;
|
|||
|
|
var files = this.files = obj.pushFile(); // 将每次选择的文件追加到文件队列
|
|||
|
|
// 读取本地文件
|
|||
|
|
obj.preview(function(index, file, result){
|
|||
|
|
var tr = $(['<tr id="upload-'+ index +'">',
|
|||
|
|
'<td>'+ file.name +'</td>',
|
|||
|
|
'<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
|
|||
|
|
'<td><div class="layui-progress" lay-filter="progress-demo-'+ index +'"><div class="layui-progress-bar" lay-percent=""></div></div></td>',
|
|||
|
|
'<td>',
|
|||
|
|
'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
|
|||
|
|
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
|
|||
|
|
'</td>',
|
|||
|
|
'</tr>'].join(''));
|
|||
|
|
|
|||
|
|
// 单个重传
|
|||
|
|
tr.find('.demo-reload').on('click', function(){
|
|||
|
|
obj.upload(index, file);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 删除
|
|||
|
|
tr.find('.demo-delete').on('click', function(){
|
|||
|
|
//双击删除指定预上传图片
|
|||
|
|
|
|||
|
|
delete files[index]; // 删除对应的文件
|
|||
|
|
tr.remove(); // 删除表格行
|
|||
|
|
// 清空 input file 值,以免删除后出现同名文件不可选
|
|||
|
|
uploadListIns.config.elem.next()[0].value = '';
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
that.elemList.append(tr);
|
|||
|
|
element.render('progress'); // 渲染新加的进度条组件
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
before: function (obj) {
|
|||
|
|
this.data = {
|
|||
|
|
photoType: "trainBank"
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
done: function(res, index, upload){ // 成功的回调
|
|||
|
|
console.log("resresresres:", res);
|
|||
|
|
var json = {
|
|||
|
|
// "companyId": $("#companyId").val()
|
|||
|
|
}
|
|||
|
|
beanArr.push(json);
|
|||
|
|
|
|||
|
|
var that = this;
|
|||
|
|
// if(res.code == 0){ // 上传成功
|
|||
|
|
var tr = that.elemList.find('tr#upload-'+ index)
|
|||
|
|
var tds = tr.children();
|
|||
|
|
tds.eq(3).html(''); // 清空操作
|
|||
|
|
|
|||
|
|
delete this.files[index]; // 删除文件队列已经上传成功的文件
|
|||
|
|
return;
|
|||
|
|
this.error(index, upload);
|
|||
|
|
},
|
|||
|
|
allDone: function(obj){ // 多文件上传完毕后的状态回调
|
|||
|
|
top.layer.close(loadingMsg);
|
|||
|
|
top.layer.msg("上传成功", { icon: 1 });
|
|||
|
|
reloading();
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
error: function(index, upload){ // 错误回调
|
|||
|
|
var that = this;
|
|||
|
|
var tr = that.elemList.find('tr#upload-'+ index);
|
|||
|
|
var tds = tr.children();
|
|||
|
|
// 显示重传
|
|||
|
|
tds.eq(3).find('.demo-reload').removeClass('layui-hide');
|
|||
|
|
},
|
|||
|
|
progress: function(n, elem, e, index){ // 注意:index 参数为 layui 2.6.6 新增
|
|||
|
|
element.progress('progress-demo-'+ index, n + '%'); // 执行进度条。n 即为返回的进度百分比
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
function addFile() {
|
|||
|
|
loadingMsg = layer.msg('数据请求中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
|
|||
|
|
|
|||
|
|
var json = {
|
|||
|
|
"proId": $("#proId").val(),
|
|||
|
|
"dataTime": $("#dataTime").val()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'POST',
|
|||
|
|
contentType: "application/json; charset=utf-8",
|
|||
|
|
url: '', // 请求地址
|
|||
|
|
async : true,
|
|||
|
|
data: JSON.stringify(json), //获取提交的表单字段
|
|||
|
|
success: function (data) {
|
|||
|
|
if (data.code == 200) {
|
|||
|
|
$("#ID-upload-demo-files-action").trigger("click");
|
|||
|
|
} else {
|
|||
|
|
layer.alert(data.msg);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, e) {
|
|||
|
|
top.layer.close(loadingMsg);
|
|||
|
|
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setData(data) {
|
|||
|
|
$("#companyId").val(data.companyId);
|
|||
|
|
$("#proId").val(data.proId);
|
|||
|
|
$("#month").val(data.month);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function reloading() {
|
|||
|
|
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
|||
|
|
parent.layer.close(index); //再执行关闭
|
|||
|
|
// window.parent.location.reload();
|
|||
|
|
}
|