575 lines
22 KiB
JavaScript
575 lines
22 KiB
JavaScript
var id = localStorage.getItem("id");
|
||
var num = 0;
|
||
var photoCount = 2;
|
||
//全局的页面遮盖
|
||
let loadingMsg;
|
||
|
||
//证件list
|
||
let cerList;
|
||
let form;
|
||
let postId;
|
||
$(function () {
|
||
layui.use(['form', 'laydate', 'upload'], function () {
|
||
form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
|
||
var laydate = layui.laydate;
|
||
var upload1 = layui.upload;
|
||
var upload2 = layui.upload;
|
||
|
||
form.render();
|
||
form.verify({certificateId: [/^(?!-).*$/, '请选择证件类型'],});
|
||
// setData();
|
||
// getPostSelect(form, certificateId);
|
||
//二级联动
|
||
form.on('select(listenIsUpload)', function (data) {
|
||
certificateId = data.value;
|
||
setIsUploadSelect(form,data.value);
|
||
for (var i = 0; i < cerList.length; i++) {
|
||
if (certificateId == cerList[i].id) {
|
||
setHiddenData(cerList[i]);
|
||
}
|
||
}
|
||
|
||
});
|
||
|
||
// 验证成功后才会执行下面的操作
|
||
form.on('submit(formDemo)', function (data) {
|
||
//新增
|
||
console.log(id)
|
||
if (id !="-1") {
|
||
updateCertificateType(data);
|
||
} else {
|
||
insertCertificateType(data);
|
||
}
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#dateGroup',
|
||
range: ['#startDate', '#stopDate'],
|
||
type: 'date',
|
||
done: function (value, date) {//时间回调
|
||
var dateGroup = value.split(" - ");
|
||
if (dateGroup != null) {
|
||
let basicDate = new Date(dateGroup[0]);
|
||
let interval1 = $("#recheckInterval1").val();
|
||
let interval2 = $("#recheckInterval2").val();
|
||
let interval3 = $("#recheckInterval3").val();
|
||
if(interval1!=0 && interval1!=null){
|
||
let date1 = DateAdd( "y ",Number.parseInt(interval1),basicDate);
|
||
$("#oneReviewTime").val(date1);
|
||
if(interval2!=0 && interval1!=null){
|
||
let date2 = DateAdd( "y ",Number.parseInt(interval2),basicDate);
|
||
$("#twoReviewTime").val(date2);
|
||
if(interval3!=0 && interval1!=null){
|
||
let date3 = DateAdd( "y ",Number.parseInt(interval3),basicDate);
|
||
$("#threeReviewTime").val(date3);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
//多图片上传
|
||
var uploadcom1 = upload1.render({
|
||
elem: '#test1',
|
||
url: ctxPath + '/certificate/uploadFile', //改成您自己的上传接口
|
||
multiple: true, //是否允许多文件上传，默认未false
|
||
dataType: "json",
|
||
exts: 'jpg|png|jpeg|pdf',
|
||
//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) {
|
||
CODE_1 = 1;
|
||
uploadcom1.config.elem.next()[0].value = '';
|
||
files = obj.pushFile();
|
||
obj.preview(function (index, file, result) {
|
||
console.log(index); //得到文件索引
|
||
console.log(file.name); //得到文件对象
|
||
$('#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: "1"
|
||
};
|
||
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) {
|
||
num++;
|
||
console.log("num:"+num)
|
||
if (num == photoCount) {
|
||
num = 0;
|
||
top.layer.close(loadingMsg);
|
||
top.layer.msg('文件保存成功', {icon: 1, time: 2000});
|
||
setTimeout("reloading()", 2100);
|
||
}
|
||
|
||
},
|
||
error: function (e) {
|
||
//请求异常回调
|
||
console.log(e)
|
||
}
|
||
});
|
||
|
||
var uploadcom2 = upload2.render({
|
||
elem: '#test2',
|
||
url: ctxPath + '/certificate/uploadFile', //改成您自己的上传接口
|
||
multiple: true, //是否允许多文件上传，默认未false
|
||
dataType: "json",
|
||
exts: 'jpg|png|jpeg|pdf|doc|docx',
|
||
//acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
|
||
auto: false, //是否自动上传 ，默认为true
|
||
number: 3, //最大上传数量
|
||
size: 1024 * 5, //最大文件大小，单位k
|
||
bindAction: '#hideUpload2', //绑定的按钮
|
||
// field: 'filePath', //传到后台的字段名,默认file
|
||
choose: function (obj) {
|
||
CODE_2 = 3;
|
||
var suffixType = ''; //后缀类型
|
||
uploadcom2.config.elem.next()[0].value = '';
|
||
files = obj.pushFile();
|
||
obj.preview(function (index, file, result) {
|
||
console.log(index); //得到文件索引
|
||
console.log(file.name); //得到文件对象
|
||
$('#demo2').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 = $("#demo2 img").length;
|
||
$("#test2").text(imgNum + "个文件");
|
||
});
|
||
},
|
||
before: function (obj) {
|
||
this.data = {
|
||
id: id,
|
||
uploadType: "2"
|
||
};
|
||
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) {
|
||
num++;
|
||
console.log("num:"+num)
|
||
if (num == photoCount) {
|
||
num = 0;
|
||
top.layer.close(loadingMsg);
|
||
top.layer.msg('文件保存成功', {icon: 1, time: 2000});
|
||
setTimeout("reloading()", 2100);
|
||
}
|
||
},
|
||
error: function (e) {
|
||
//请求异常回调
|
||
console.log(e)
|
||
}
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#oneReviewTime' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#twoReviewTime' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#threeReviewTime' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
});
|
||
|
||
});
|
||
});
|
||
|
||
function reloading() {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
window.parent.location.reload();
|
||
}
|
||
|
||
// function initData() {
|
||
// $("#name").val(name);
|
||
// $("#idNumber").val(idNumber);
|
||
// $("#postName").val(postName);
|
||
// $("#name").attr("disabled",true)
|
||
// $("#idNumber").attr("disabled",true)
|
||
// $("#postName").attr("disabled",true)
|
||
// $("#isUpload").attr("disabled",true);
|
||
// if(id != "-1"){
|
||
// selectCheck();
|
||
// }
|
||
// }
|
||
|
||
function setData() {
|
||
var formUrl = ctxPath + "/certificate/getWorkerCertificateRecheckData";
|
||
var item = localStorage.getItem("token");
|
||
console.log(item);
|
||
$.ajax({
|
||
type: 'POST',
|
||
async: false, // 默认异步true,false表示同步
|
||
url: formUrl, // 请求地址
|
||
contentType: "application/json; charset=utf-8",
|
||
dataType: 'json', // 服务器返回数据类型
|
||
data: JSON.stringify({id:id}), //获取提交的表单字段
|
||
success: function (data) {
|
||
if (data.resMsg == "数据获取成功") {
|
||
postId = data.obj.postId;
|
||
$("#name").val(data.obj.name);
|
||
$("#idNumber").val(data.obj.idNumber);
|
||
$("#postName").val(data.obj.postName);
|
||
getPostSelect(form, data.obj.certificateId);
|
||
$("#startDate").val(data.obj.startDate);
|
||
$("#stopDate").val(data.obj.stopDate);
|
||
|
||
$("#oneReviewTime").val(data.obj.oneReviewTime);
|
||
$("#twoReviewTime").val(data.obj.twoReviewTime);
|
||
$("#threeReviewTime").val(data.obj.threeReviewTime);
|
||
$("#isUpload").val(data.obj.isUpload);
|
||
//回显图片
|
||
loadingPhoto(data.obj);
|
||
} else {
|
||
parent.layer.msg('照片查询失败', {icon: 2, time: 2000});
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, e) {
|
||
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
||
}
|
||
});
|
||
// layui.form.render();
|
||
}
|
||
|
||
function loadingPhoto(data) {
|
||
var demo1 = $("#demo1");
|
||
|
||
var yulan = "http://140.210.209.102:1918/gzrbmw/gzRealName/yulan.png"
|
||
let certificateFile = data.certificateFile
|
||
if (!!certificateFile) {
|
||
var html = '';
|
||
var path = '';
|
||
if (certificateFile.indexOf("http") != -1) {
|
||
path = certificateFile;
|
||
} else {
|
||
path = dataPath+"/" + certificateFile;
|
||
}
|
||
if(certificateFile.indexOf(".pdf") != -1 || certificateFile.indexOf(".doc") != -1 || certificateFile.indexOf(".docx") != -1){
|
||
html += '<img src="' + yulan + '" id ="certificateFile" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}else{
|
||
html += '<img src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}
|
||
demo1.append(html);
|
||
}
|
||
|
||
var demo2 = $("#demo2");
|
||
let certificateTypeFile = data.certificateTypeFile;
|
||
if (!!certificateTypeFile) {
|
||
var html = '';
|
||
var path = '';
|
||
if (certificateTypeFile.indexOf("http") != -1) {
|
||
path = certificateTypeFile;
|
||
} else {
|
||
path = dataPath+"/" + certificateTypeFile;
|
||
}
|
||
if(certificateTypeFile.indexOf(".pdf") != -1 || certificateTypeFile.indexOf(".doc") != -1 || certificateTypeFile.indexOf(".docx") != -1){
|
||
html += '<img src="' + yulan + '" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}else{
|
||
html += '<img src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}
|
||
demo2.append(html);
|
||
}
|
||
|
||
var demo3 = $("#demo3");
|
||
let oneFile = data.oneFile;
|
||
if (!!oneFile) {
|
||
var html = '';
|
||
var path = '';
|
||
if (oneFile.indexOf("http") != -1) {
|
||
path = oneFile;
|
||
} else {
|
||
path = dataPath+"/" + oneFile;
|
||
}
|
||
if(oneFile.indexOf(".pdf") != -1 || oneFile.indexOf(".doc") != -1 || oneFile.indexOf(".docx") != -1){
|
||
html += '<img src="' + yulan + '" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}else{
|
||
html += '<img src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}
|
||
demo3.append(html);
|
||
}
|
||
|
||
var demo4 = $("#demo4");
|
||
let twoFile = data.twoFile;
|
||
if (!!twoFile) {
|
||
var html = '';
|
||
var path = '';
|
||
if (twoFile.indexOf("http") != -1) {
|
||
path = twoFile;
|
||
} else {
|
||
path = dataPath+"/" + twoFile;
|
||
}
|
||
if(twoFile.indexOf(".pdf") != -1 || twoFile.indexOf(".doc") != -1 || twoFile.indexOf(".docx") != -1){
|
||
html += '<img src="' + yulan + '" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}else{
|
||
html += '<img src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}
|
||
demo4.append(html);
|
||
}
|
||
|
||
var demo5 = $("#demo5");
|
||
let threeFile = data.threeFile;
|
||
if (!!threeFile) {
|
||
var html = '';
|
||
var path = '';
|
||
if (threeFile.indexOf("http") != -1) {
|
||
path = threeFile;
|
||
} else {
|
||
path = dataPath+"/" + threeFile;
|
||
}
|
||
if(threeFile.indexOf(".pdf") != -1 || threeFile.indexOf(".doc") != -1 || threeFile.indexOf(".docx") != -1){
|
||
html += '<img src="' + yulan + '" onclick="lookAttachment(\'' + path + '\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}else{
|
||
html += '<img src="' + path + '" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}
|
||
demo5.append(html);
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
function delPhoto1(i) {
|
||
var parentcolor = document.getElementById("demo1");
|
||
var childcolor = document.getElementById(i+"");
|
||
parentcolor.removeChild(childcolor);
|
||
}
|
||
function delPhoto2(i) {
|
||
var parentcolor = document.getElementById("demo2");
|
||
var childcolor = document.getElementById(i+"");
|
||
parentcolor.removeChild(childcolor);
|
||
}
|
||
|
||
function lookAttachment(filePath) {
|
||
filePreview(filePath);
|
||
}
|
||
|
||
/**
|
||
* 获取岗位证件
|
||
* */
|
||
function getPostSelect(form, certificateId) {
|
||
$("#certificateId").empty();
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: ctxPath + '/certificate/getPostBindingCertificate',
|
||
contentType:"application/json",
|
||
data: JSON.stringify({postId: postId}),
|
||
dataType: 'json',
|
||
success: function (data) {
|
||
if (data != null && data.length > 0) {
|
||
var str = '<option value="-1">请选择证件</option>';
|
||
cerList = data;
|
||
for (var i = 0; i < data.length; i++) {
|
||
if (certificateId == data[i].id) {
|
||
str += '<option selected value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
|
||
setIsUploadSelect(form,data[i].id);
|
||
setHiddenData(data[i]);
|
||
} else {
|
||
str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
|
||
}
|
||
}
|
||
} else {
|
||
var str = '<option value="-1">岗位未绑定证件</option>';
|
||
}
|
||
$("#certificateId").html(str);
|
||
form.render();
|
||
}
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 获取岗位证件
|
||
* */
|
||
function setIsUploadSelect(form, certificateId) {
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: ctxPath + '/certificate/getPostBindingCertificate',
|
||
contentType:"application/json",
|
||
data: JSON.stringify({postId: postId,id:certificateId}),
|
||
dataType: 'json',
|
||
success: function (data) {
|
||
if (data != null && data.length > 0) {
|
||
for (var i = 0; i < data.length; i++) {
|
||
$("#isUpload").find('option[value=\'' + data[i].isUpload + '\']').prop("selected", "selected");
|
||
$("#remark").html(data[i].remark);
|
||
if(data[i].isUpload === '1'){
|
||
$("#test2").text("文件上传");
|
||
$("#test2").css("color","white")
|
||
$("#test2").attr("disabled",false)
|
||
photoCount = 2;
|
||
}else{
|
||
$("#test2").text("无需上传");
|
||
$("#test2").css("color","yellow")
|
||
$("#test2").attr("disabled",true)
|
||
$("#demo2").empty();
|
||
photoCount = 1;
|
||
}
|
||
}
|
||
|
||
}
|
||
form.render();
|
||
}
|
||
})
|
||
}
|
||
|
||
function setHiddenData(data) {
|
||
$("#recheckNum").val(data.recheckNum);
|
||
$("#recheckInterval1").val(data.recheckInterval1);
|
||
$("#recheckInterval2").val(data.recheckInterval2);
|
||
$("#recheckInterval3").val(data.recheckInterval3);
|
||
dynamicRecheck(data.recheckNum);
|
||
}
|
||
|
||
function DateAdd(interval,number,date)
|
||
{
|
||
/*
|
||
* 功能:实现VBScript的DateAdd功能.
|
||
* 参数:interval,字符串表达式，表示要添加的时间间隔.
|
||
* 参数:number,数值表达式，表示要添加的时间间隔的个数.
|
||
* 参数:date,时间对象.
|
||
* 返回:新的时间对象.
|
||
* var now = new Date();
|
||
* var newDate = DateAdd( "d ",5,now);
|
||
*--------------- DateAdd(interval,number,date) -----------------
|
||
*/
|
||
switch(interval)
|
||
{
|
||
case "y " : {
|
||
let taskStartTime;
|
||
date.setFullYear(date.getFullYear()+number);
|
||
if (date.getMonth() < 9) {
|
||
taskStartTime = date.getFullYear() + "-0" + (date.getMonth() + 1) + "-"
|
||
} else {
|
||
taskStartTime = date.getFullYear() + "-" + (date.getMonth() + 1) + "-"
|
||
}
|
||
if (date.getDate() < 10) {
|
||
taskStartTime += "0" + date.getDate()
|
||
} else {
|
||
taskStartTime += date.getDate()
|
||
}
|
||
return taskStartTime;
|
||
break;
|
||
}
|
||
case "q " : {
|
||
date.setMonth(date.getMonth()+number*3);
|
||
return date;
|
||
break;
|
||
}
|
||
case "m " : {
|
||
date.setMonth(date.getMonth()+number);
|
||
return date;
|
||
break;
|
||
}
|
||
case "w " : {
|
||
date.setDate(date.getDate()+number*7);
|
||
return date;
|
||
break;
|
||
}
|
||
case "d " : {
|
||
date.setDate(date.getDate()+number);
|
||
return date;
|
||
break;
|
||
}
|
||
case "h " : {
|
||
date.setHours(date.getHours()+number);
|
||
return date;
|
||
break;
|
||
}
|
||
case "m " : {
|
||
date.setMinutes(date.getMinutes()+number);
|
||
return date;
|
||
break;
|
||
}
|
||
case "s " : {
|
||
date.setSeconds(date.getSeconds()+number);
|
||
return date;
|
||
break;
|
||
}
|
||
default : {
|
||
date.setDate(date.getDate()+number);
|
||
return date;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
function dynamicRecheck(recheckNum) {
|
||
if (recheckNum == 1) {
|
||
$("#timeDiv").css("display", "");
|
||
$("#twoReview").css("display", "none");
|
||
$("#threeReview").css("display", "none");
|
||
$("#twoReview").val("");
|
||
$("#threeReview").val("");
|
||
} else if (recheckNum == 2) {
|
||
$("#timeDiv").css("display", "")
|
||
$("#twoReview").css("display", "")
|
||
$("#threeReview").css("display", "none")
|
||
$("#threeReview").val("");
|
||
} else if (recheckNum == 3) {
|
||
$("#timeDiv").css("display", "")
|
||
$("#twoReview").css("display", "")
|
||
$("#threeReview").css("display", "")
|
||
} else if(recheckNum == 0) {
|
||
$("#timeDiv").css("display", "none")
|
||
$("#oneReview").val("");
|
||
$("#twoReview").val("");
|
||
$("#threeReview").val("");
|
||
}else{
|
||
layer.msg("复审次数不在范围")
|
||
}
|
||
}
|