let table;
let form;
let upload;
let pageNum=1,limitSize=10;
layui.use(['layer', 'form', 'element','upload'], function(){
//初始化下拉选
form=layui.form;
upload = layui.upload;
//检查输入的账号长度
form.verify({
account: function(value, item){
var max = item.getAttribute('lay-max');
if(value.length > max){
return '字符长度过长';
}
},
});
// 调用函数以设置上传时间
setCurrentTime();
//多图片上传
var uploadcom1 =upload.render({
elem: '#test1',
url: dataUrl + 'proteam/pot/remoteFace/uploadFile?token='+token, //改成您自己的上传接口
multiple: false, //是否允许多文件上传,默认未false
dataType: "json",
exts: 'jpg|png|jpeg',
acceptMime: 'image/jpg,image/png,image/jpeg',
auto: true, //是否自动上传 ,默认为true
number: 1, //最大上传数量
size: 1024*5, //最大文件大小,单位k
field: 'file', //传到后台的字段名,默认file
choose: function (obj) {
var demo1 = $('#demo1');
uploadcom1.config.elem.next()[0].value = '';
// 检查 #demo2 是否已经有图片
if (demo1.find('img').length > 0) {
layer.msg('已存在照片', { icon: 2 });
return; // 如果有图片则直接返回,不进行后续操作
}
files = obj.pushFile();
obj.preview(function (index, file, result) {
var imgElem = $(`
`);
// 绑定双击删除事件
imgElem.on('dblclick', function () {
delete files[index]; // 删除指定图片
$("#regulationsPath").val("");
$(this).remove(); // 移除DOM中的预览图
});
demo1.append(imgElem); // 添加预览图到页面中
});
},
done: function (res) {
if (res.resMsg != null && res.resMsg.indexOf("上传成功") !== -1) {
let UPLOAD_PATH="";
console.log("obj",res.obj)
res.obj.forEach(function (obj) {
UPLOAD_PATH = obj;
});
$("#regulationsPath").val(UPLOAD_PATH);
console.log(UPLOAD_PATH);
} else {
console.log("Error,上传失败" + res.resMsg);
}
}
});
var uploadcom2 =upload.render({
elem: '#test2',
url: dataUrl + 'proteam/pot/remoteFace/uploadFile?token='+token, //改成您自己的上传接口
multiple: false, //是否允许多文件上传,默认未false
dataType: "json",
exts: 'jpg|png|jpeg',
acceptMime: 'image/jpg,image/png,image/jpeg',
auto: true, //是否自动上传 ,默认为true
number: 1, //最大上传数量
size: 1024*5, //最大文件大小,单位k
field: 'file', //传到后台的字段名,默认file
choose: function (obj) {
var demo2 = $('#demo2');
uploadcom2.config.elem.next()[0].value = '';
// 检查 #demo2 是否已经有图片
if (demo2.find('img').length > 0) {
layer.msg('已存在照片', { icon: 2 });
return; // 如果有图片则直接返回,不进行后续操作
}
files = obj.pushFile();
obj.preview(function (index, file, result) {
var imgElem = $(`
`);
// 绑定双击删除事件
imgElem.on('dblclick', function () {
delete files[index]; // 删除指定图片
$("#punishmentPath").val("");
$(this).remove(); // 移除DOM中的预览图
});
demo2.append(imgElem); // 添加预览图到页面中
});
},
done: function (res) {
if (res.resMsg != null && res.resMsg.indexOf("上传成功") !== -1) {
let UPLOAD_PATH="";
console.log("obj",res.obj)
res.obj.forEach(function (obj) {
UPLOAD_PATH = obj;
});
$("#punishmentPath").val(UPLOAD_PATH);
console.log(UPLOAD_PATH);
} else {
console.log("Error,上传失败" + res.resMsg);
}
}
});
//表单提交
form.on('submit(add-data)', function(data){
console.log(data.field);
var formData = JSON.stringify(data.field);
Ajax().post({
url: dataUrl + 'proteam/pot/rectificationPunishment/addData',
headers: {
"encrypt": sm3(JSON.stringify(data.field))
},
data: data.field,
async : true,
success : function(data) {
if(data.code=='201'){
layer.msg(data.msg, {
icon: 2,
time: 2000 //2秒关闭(如果不配置,默认是3秒)
});
return ;
}else if(data.code=='200') {//系统异常
parent.layer.closeAll();
parent.reloadTable( pageNum,limitSize);
parent.layer.msg(data.msg, {
icon: 1,
time: 2000 //2秒关闭(如果不配置,默认是3秒)
});
}else{
parent.layer.closeAll();
parent.reloadTable( pageNum,limitSize);
parent.layer.msg(data.msg, {
icon: 2,
time: 2000 //2秒关闭(如果不配置,默认是3秒)
});
}
}
});
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
})
function setCurrentTime() {
const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0'); // Months are zero-based
const day = String(now.getDate()).padStart(2, '0');
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
// 设置输入框的值
document.getElementById('uploadTime').value = formattedDate;
}