200 lines
6.3 KiB
JavaScript
200 lines
6.3 KiB
JavaScript
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', //改成您自己的上传接口
|
||
multiple: false, //是否允许多文件上传，默认未false
|
||
dataType: "json",
|
||
headers: { // 自定义请求头
|
||
'Authorization': token,
|
||
"decrypt":"decrypt"
|
||
},
|
||
decrypt: false,
|
||
exts: 'jpg|png|jpeg',
|
||
acceptMime: 'image/jpg,image/png,image/jpeg',
|
||
auto: true, //是否自动上传 ，默认为true
|
||
number: 1, //最大上传数量
|
||
size: 1024*5, //最大文件大小，单位k
|
||
field: 'file', //传到后台的字段名,默认file
|
||
before: function (obj) {
|
||
// 设置请求头
|
||
obj.data = { headerName: 'decrypt', headerValue: 'decrypt' }; // 这里是简化的方式，具体实现依赖于底层实现
|
||
// 如果底层库允许直接设置headers, 可以这样做:
|
||
// obj.config.headers = {'decrypt': 'decrypt'};
|
||
return true; // 返回true继续执行，false则中断上传
|
||
},
|
||
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 = $(`<img src="${result}" id="${index}" alt="${file.name}" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img">`);
|
||
// 绑定双击删除事件
|
||
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', //改成您自己的上传接口
|
||
multiple: false, //是否允许多文件上传，默认未false
|
||
dataType: "json",
|
||
headers: { // 自定义请求头
|
||
'Authorization': token,
|
||
"decrypt":"decrypt"
|
||
},
|
||
decrypt: false,
|
||
exts: 'jpg|png|jpeg',
|
||
acceptMime: 'image/jpg,image/png,image/jpeg',
|
||
auto: true, //是否自动上传 ，默认为true
|
||
number: 1, //最大上传数量
|
||
size: 1024*5, //最大文件大小，单位k
|
||
field: 'file', //传到后台的字段名,默认file
|
||
before: function (obj) {
|
||
// 设置请求头
|
||
obj.data = { headerName: 'decrypt', headerValue: 'decrypt' }; // 这里是简化的方式，具体实现依赖于底层实现
|
||
// 如果底层库允许直接设置headers, 可以这样做:
|
||
// obj.config.headers = {'decrypt': 'decrypt'};
|
||
return true; // 返回true继续执行，false则中断上传
|
||
},
|
||
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 = $(`<img src="${result}" id="${index}" alt="${file.name}" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img">`);
|
||
// 绑定双击删除事件
|
||
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;
|
||
} |