351 lines
13 KiB
JavaScript
351 lines
13 KiB
JavaScript
var from;
|
||
var token = localStorage.getItem("token");
|
||
var nums = 1;
|
||
var ids;
|
||
$(function () {
|
||
layui.use(['form', 'laydate','layer', 'upload'], function () {
|
||
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
|
||
var laydate = layui.laydate;
|
||
var layer = layui.layer;
|
||
var upload = layui.upload;
|
||
|
||
form.render();
|
||
form.verify({
|
||
|
||
});
|
||
|
||
//多图片上传
|
||
var uploadcom1 =upload.render({
|
||
elem: '#test1',
|
||
url: ctxPath + '/workerOn/uploadFile', //改成您自己的上传接口
|
||
multiple: false, //是否允许多文件上传，默认未false
|
||
dataType: "json",
|
||
// data: {"pickId": id},
|
||
exts: 'jpg|png|jpeg',
|
||
//acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
|
||
auto: false, //是否自动上传 ，默认为true
|
||
// number: 1, //最大上传数量
|
||
size: 1024*5, //最大文件大小，单位k
|
||
bindAction: '#hideUpload1', //绑定的按钮
|
||
field: 'file', //传到后台的字段名,默认file
|
||
choose: function (obj) {
|
||
flag = false;
|
||
var suffixType = ''; //后缀类型
|
||
uploadcom1.config.elem.next()[0].value = '';
|
||
files = obj.pushFile();
|
||
obj.preview(function (index, file, result) {
|
||
var length = $('#demo1 img').length;
|
||
if (length > 0) {
|
||
return layer.msg("附件为1张，请勿过多上传", {icon: 5});
|
||
}
|
||
$("#preview1").css("display","");
|
||
$('#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 photoNum = $("#demo1").children().length;
|
||
if(photoNum === 0){
|
||
$("#preview1").css("display","none");
|
||
}
|
||
});
|
||
});
|
||
},
|
||
before: function (obj) {
|
||
this.data = {
|
||
id: ids,
|
||
};
|
||
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) {
|
||
nums -= 1;
|
||
if(nums == 0 || $("#id").val() != ''){
|
||
reloading();
|
||
top.layer.msg('保存成功', {icon: 1, time: 2000});
|
||
nums = 1;
|
||
}
|
||
},
|
||
allDone: function (data) {
|
||
},
|
||
error: function (e) {
|
||
//请求异常回调
|
||
console.log(e)
|
||
}
|
||
});
|
||
|
||
from = form;
|
||
form.render();
|
||
// 验证成功后才会执行下面的操作
|
||
form.on('submit(formDemo)', function (data) {
|
||
updateWorkerRegistration(data);//修改
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#gzTimeOne' //指定元素 元素选择器
|
||
, type: 'datetime' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
,range: true
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#gzTimeTwo' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
,range: true
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#gzTimeThree' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
,range: true
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#jyTimeOne' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
,range: true
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#jyTimeTwo' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
,range: true
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#jyTimeThree' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
,range: true
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#giveTime' //指定元素 元素选择器
|
||
, type: 'date' //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
, trigger: 'click'
|
||
, format: 'yyyy-MM-dd' //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
, btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
|
||
, done: function (value, date) {//时间回调
|
||
|
||
}
|
||
});
|
||
|
||
});
|
||
});
|
||
|
||
//修改
|
||
function updateWorkerRegistration(formData) {
|
||
// 加载提示
|
||
var loadingMsg = layer.msg('数据请求中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
|
||
// form请求地址
|
||
var formUrl = ctxPath + "/workerOn/updateWorkerRegistration";
|
||
$.ajax({
|
||
type: 'POST',
|
||
async: false, // 默认异步true,false表示同步
|
||
url: formUrl, // 请求地址
|
||
contentType: "application/json; charset=utf-8",
|
||
dataType: 'json', // 服务器返回数据类型
|
||
data: JSON.stringify(formData.field), //获取提交的表单字段
|
||
success: function (data) {
|
||
layer.close(loadingMsg); // 关闭提示层
|
||
if (data.obj == "修改成功") {
|
||
parent.layer.msg("修改成功", {icon: 1});
|
||
if($("#demo1").children().length = 0){
|
||
setTimeout("reloading()", 2100);
|
||
}else{
|
||
ids = $("#id").val();
|
||
$("#hideUpload1").trigger("click");
|
||
setTimeout("reloading()", 4100);
|
||
}
|
||
// setTimeout("reloading()", 2100);
|
||
} else if(data.resMsg !=""){
|
||
parent.layer.msg(data.resMsg, {icon: 2});
|
||
// setTimeout("reloading()", 2100);
|
||
} else {
|
||
parent.layer.msg(data.obj, {icon: 2});
|
||
setTimeout("reloading()", 2100);
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, e) {
|
||
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
// 表单赋值
|
||
function setData(data) {
|
||
console.log(data)
|
||
$("#id").val(data.id);
|
||
|
||
$("#writeTime").val(data.writeTime);
|
||
$("#position").val(data.position);
|
||
$("#userName").val(data.userName);
|
||
$("#sex").val(data.sex);
|
||
$("#birthday").val(data.birthday);
|
||
|
||
|
||
$("#phone").val(data.phone);
|
||
$("#gj").val(data.hkdz);
|
||
$("#mail").val(data.mail);
|
||
$("#zzmm").val(data.zzmm);
|
||
$("#hyzk").val(data.hyzk);
|
||
|
||
$("#nation").val(data.nation);
|
||
$("#health").val(data.health);
|
||
$("#address").val(data.address);
|
||
$("#idNumber").val(data.idNumber);
|
||
$("#sbCard").val(data.sbCard);
|
||
|
||
$("#ybCard").val(data.ybCard);
|
||
getOWNhkxz(data.hkxz);
|
||
$("#hkdz").val(data.hkdz);
|
||
|
||
|
||
|
||
$("#gzTimeOne").val(data.gzTimeOne);
|
||
$("#gzUnitOne").val(data.gzUnitOne);
|
||
$("#gzPositionOne").val(data.gzPositionOne);
|
||
|
||
$("#gzTimeTwo").val(data.gzTimeTwo);
|
||
$("#gzUnitTwo").val(data.gzUnitTwo);
|
||
$("#gzPositionTwo").val(data.gzPositionTwo);
|
||
|
||
$("#gzTimeThree").val(data.gzTimeThree);
|
||
$("#gzUnitThree").val(data.gzUnitThree);
|
||
$("#gzPositionThree").val(data.gzPositionThree);
|
||
|
||
$("#jyTimeOne").val(data.jyTimeOne);
|
||
$("#jySchoolOne").val(data.jySchoolOne);
|
||
$("#jySpecialityOne").val(data.jySpecialityOne);
|
||
|
||
$("#jyTimeTwo").val(data.jyTimeTwo);
|
||
$("#jySchoolTwo").val(data.jySchoolTwo);
|
||
$("#jySpecialityTwo").val(data.jySpecialityTwo);
|
||
|
||
$("#jyTimeThree").val(data.jyTimeThree);
|
||
$("#jySchoolThree").val(data.jySchoolThree);
|
||
$("#jySpecialityThree").val(data.jySpecialityThree);
|
||
|
||
$("#zsName").val(data.zsName);
|
||
$("#zsLevel").val(data.zsLevel);
|
||
$("#giveTime").val(data.giveTime);
|
||
|
||
if(data.filePath !="" && data.filePath !=null && data.filePath !="null"){
|
||
var path1 = dataPath+"/"+data.filePath; //资格证书
|
||
$("#preview1").css("display","");
|
||
var demo1 = $("#demo1");
|
||
var html = '';
|
||
html += '<img src="' + path1 + '" id="1" name="1" ondblclick="delPhoto(1)" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
demo1.append(html);
|
||
}
|
||
|
||
$("#jtNameOne").val(data.jtNameOne);
|
||
$("#jtRelationOne").val(data.jtRelationOne);
|
||
$("#jtUnitOne").val(data.jtUnitOne);
|
||
$("#jtPhoneOne").val(data.jtPhoneOne);
|
||
|
||
$("#jtNameTwo").val(data.jtNameTwo);
|
||
$("#jtRelationTwo").val(data.jtRelationTwo);
|
||
$("#jtUnitTwo").val(data.jtUnitTwo);
|
||
$("#jtPhoneTwo").val(data.jtPhoneTwo);
|
||
|
||
$("#jtNameThree").val(data.jtNameThree);
|
||
$("#jtRelationThree").val(data.jtRelationThree);
|
||
$("#jtUnitThree").val(data.jtUnitThree);
|
||
$("#jtPhoneThree").val(data.jtPhoneThree);
|
||
|
||
}
|
||
|
||
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");
|
||
}
|
||
}
|
||
|
||
//自有人员-户口类型字典下拉
|
||
function getOWNhkxz(id) {
|
||
$("#hkxz").empty();
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: ctxPath + '/users/getOWNType',
|
||
data: {
|
||
type:"hkxz"
|
||
},
|
||
dataType: 'json',
|
||
success: function (data) {
|
||
var str = '<option value="-1">--请选择学历--</option>';
|
||
if (data.length > 0) {
|
||
for (var i = 0; i < data.length; i++) {
|
||
if (id == data[i].userId) {
|
||
str += '<option selected value=\'' + data[i].userId + '\'>' + data[i].userName + '</option>';
|
||
} else {
|
||
str += '<option value=\'' + data[i].userId + '\'>' + data[i].userName + '</option>';
|
||
}
|
||
}
|
||
}
|
||
$("#hkxz").append(str);
|
||
layui.form.render(); //这里就是我们要渲染的地方了
|
||
}
|
||
})
|
||
}
|
||
|
||
//设置弹窗关闭
|
||
function reloading() {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
window.parent.example.ajax.reload( null, false ); // 刷新页面
|
||
} |