132 lines
4.5 KiB
JavaScript
132 lines
4.5 KiB
JavaScript
|
|
var element;
|
|||
|
|
//全局的页面遮盖
|
|||
|
|
let loadingMsg;
|
|||
|
|
|
|||
|
|
//第几次复审
|
|||
|
|
let number = '3';
|
|||
|
|
|
|||
|
|
let id = localStorage.getItem("id");
|
|||
|
|
let oneReviewTime = localStorage.getItem("oneReviewTime");
|
|||
|
|
let reviewNum = localStorage.getItem("reviewNum");
|
|||
|
|
|
|||
|
|
layui.use(['form', 'upload'], function () {
|
|||
|
|
var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
|
|||
|
|
var upload1 = layui.upload;
|
|||
|
|
form.render();
|
|||
|
|
setData();
|
|||
|
|
//多图片上传
|
|||
|
|
var uploadcom1 = upload1.render({
|
|||
|
|
elem: '#test1',
|
|||
|
|
url: ctxPath + '/certificate/uploadFile', //改成您自己的上传接口
|
|||
|
|
multiple: true, //是否允许多文件上传,默认未false
|
|||
|
|
dataType: "json",
|
|||
|
|
exts: 'jpg|png|jpeg',
|
|||
|
|
//acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
|
|||
|
|
auto: false, //是否自动上传 ,默认为true
|
|||
|
|
number: 3, //最大上传数量
|
|||
|
|
size: 1024 * 5, //最大文件大小,单位k
|
|||
|
|
bindAction: '#hideUpload1', //绑定的按钮
|
|||
|
|
// field: 'filePath', //传到后台的字段名,默认file
|
|||
|
|
choose: function (obj) {
|
|||
|
|
uploadcom1.config.elem.next()[0].value = '';
|
|||
|
|
files = obj.pushFile();
|
|||
|
|
$("#preview1").css({"display":""});
|
|||
|
|
obj.preview(function (index, file, result) {
|
|||
|
|
var length = $('#demo1 img').length;
|
|||
|
|
if (length > 2) {
|
|||
|
|
return layer.msg("附件为1-3张,请勿过多上传", {icon: 5});
|
|||
|
|
}
|
|||
|
|
$('#demo1').append('<img src="' + result + '" id="' + index + '" alt="' + file.name + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">');
|
|||
|
|
$('#' + index).bind('dblclick', function () {//双击删除指定预上传图片
|
|||
|
|
delete files[index];//删除指定图片
|
|||
|
|
$(this).remove();
|
|||
|
|
});
|
|||
|
|
var imgNum = $("#demo1 img").length;
|
|||
|
|
$("#test1").text(imgNum + "个文件");
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
before: function (obj) {
|
|||
|
|
this.data = {
|
|||
|
|
id: id,
|
|||
|
|
uploadType: number
|
|||
|
|
};
|
|||
|
|
if ($("[name='brand']").val() == '') {
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
console.log(files);
|
|||
|
|
var names = '';
|
|||
|
|
layui.each(files, function (index, file) {
|
|||
|
|
console.log(file.name)
|
|||
|
|
names += file.name + ',';
|
|||
|
|
});
|
|||
|
|
$("[name='image']").val(names)
|
|||
|
|
console.log(names);
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
},
|
|||
|
|
done: function (data) {
|
|||
|
|
},
|
|||
|
|
allDone: function (data) {
|
|||
|
|
top.layer.close(loadingMsg);
|
|||
|
|
top.layer.msg('文件保存成功', {icon: 1, time: 1000});
|
|||
|
|
setTimeout("reloading()", 1100);
|
|||
|
|
},
|
|||
|
|
error: function (e) {
|
|||
|
|
//请求异常回调
|
|||
|
|
console.log(e)
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 验证成功后才会执行下面的操作
|
|||
|
|
form.on('submit(formDemo)', function (data) {
|
|||
|
|
insertCertificatePhoto();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//新增分包商
|
|||
|
|
function insertCertificatePhoto() {
|
|||
|
|
if ($("#demo1").children().length != 1) {
|
|||
|
|
parent.layer.msg("请按要求上传附件", {icon: 2, time: 2000});
|
|||
|
|
}else {
|
|||
|
|
// 加载提示
|
|||
|
|
loadingMsg = top.layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
|
|||
|
|
$("#hideUpload1").trigger("click");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 表单赋值
|
|||
|
|
function setData() {
|
|||
|
|
$("#id").val(id);
|
|||
|
|
$("#recheckTime").val(oneReviewTime); // 分包商名称
|
|||
|
|
if(reviewNum == "第一次复审"){
|
|||
|
|
number = '3';
|
|||
|
|
}else if(reviewNum == "第二次复审"){
|
|||
|
|
number = '4';
|
|||
|
|
}else if(reviewNum == "第三次复审"){
|
|||
|
|
number = '5';
|
|||
|
|
}
|
|||
|
|
$("#reviewNum").html(reviewNum); // 分包商名称
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//设置弹窗关闭
|
|||
|
|
function reloading() {
|
|||
|
|
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
|||
|
|
parent.layer.close(index); //再执行关闭
|
|||
|
|
window.parent.location.reload();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var deletePhoto = [];
|
|||
|
|
function delPhoto(i) {
|
|||
|
|
var parentcolor = document.getElementById("demo" + i);
|
|||
|
|
var childcolor = document.getElementById(i + "");
|
|||
|
|
var path = childcolor.name;
|
|||
|
|
deletePhoto.push(path);
|
|||
|
|
parentcolor.removeChild(childcolor);
|
|||
|
|
var photoNum = $("#demo" + i).children().length;
|
|||
|
|
if (photoNum == 0) {
|
|||
|
|
$("#preview" + i).css("display", "none");
|
|||
|
|
}
|
|||
|
|
}
|