jjsp_web/bns/js/supplement/child/remote_face_add.js

let table;
let form;
let upload;
let pageNum=1,limitSize=10;
let UPLOAD_PATH="";
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: '#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');
			uploadcom1.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]; // 删除指定图片
					$("#path").val("");
					$(this).remove(); // 移除DOM中的预览图
				});

				demo2.append(imgElem); // 添加预览图到页面中
			});
		},
		done: function (res) {
			if (res.resMsg != null && res.resMsg.indexOf("上传成功") !== -1) {
				UPLOAD_PATH="";
				console.log("obj",res.obj)
				res.obj.forEach(function (obj) {
					UPLOAD_PATH = obj;
				});
				$("#path").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/remoteFace/addRemoteFace',
			  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;
}