218 lines
8.3 KiB
JavaScript
218 lines
8.3 KiB
JavaScript
|
||
var idNumber = localStorage.getItem("idNumber");
|
||
$(function () {
|
||
$("#demo2").bind("DOMNodeInserted", insertedChanges); // 监听图片数量
|
||
$("#demo2").bind("DOMNodeRemoved", removedchanges); // 监听图片数量
|
||
layui.use(['form', 'laydate','upload'], function () {
|
||
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
|
||
var laydate = layui.laydate;
|
||
var upload = layui.upload;
|
||
form.render();
|
||
form.verify(
|
||
{
|
||
bankName: [/^(?!-1).*$/, '请选择银行'],
|
||
bankCard: [/^[0-9]\d{11,22}$/, '请输入12-22位正整数字符(无符号)'],
|
||
rollBankName : [/^[\u4e00-\u9fa5_]{4,100}$/,'开户银行支行名称请输入4-60个中文字符'],
|
||
rollBankNames :[/^((?!农村|商业银行|信用社).)*$/,'此银行的银行卡不可作为工资卡，请更换其他行银行卡'],
|
||
}
|
||
);
|
||
// 验证成功后才会执行下面的操作
|
||
form.on('submit(model)', function (data) {
|
||
addWagesFile(data); // 新增接地信息
|
||
});
|
||
// select 监听
|
||
form.on('select(orgId)', function(data){
|
||
getProject(data.value,null);
|
||
// form.render('select');//select是固定写法 不是选择器
|
||
});
|
||
form.on('select(proId)', function(data){
|
||
getWorkSence(data.value,null);
|
||
// form.render('select');//select是固定写法 不是选择器
|
||
});
|
||
//多图片上传
|
||
var uploadcom1 =upload.render({
|
||
elem: '#test2',
|
||
url: ctxPath + '/wagesInfo/uploadFile', //改成您自己的上传接口
|
||
multiple: true, //是否允许多文件上传，默认未false
|
||
dataType: "json",
|
||
exts: 'jpg|png|jpeg',
|
||
acceptMime: 'image/jpg,image/png,image/jpeg',
|
||
auto: false, //是否自动上传 ，默认为true
|
||
number: 3, //最大上传数量
|
||
size: 1024*5, //最大文件大小，单位k
|
||
bindAction: '#hideUpload', //绑定的按钮
|
||
field: 'file', //传到后台的字段名,默认file
|
||
choose: function (obj) {
|
||
uploadcom1.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();
|
||
});
|
||
});
|
||
},
|
||
before: function (obj) {
|
||
this.data = {
|
||
'idNumber': idNumber// 携带参数到后台
|
||
};
|
||
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) {
|
||
reloading();
|
||
},
|
||
error: function (e) {
|
||
//请求异常回调
|
||
console.log(e)
|
||
}
|
||
});
|
||
});
|
||
getBankAccount();
|
||
});
|
||
// 新增工资卡
|
||
function addWagesFile(formData) {
|
||
if($("#demo2").children().length==0){
|
||
return parent.layer.msg("请上传照片",{icon:2,time:2000});
|
||
}
|
||
// form请求地址
|
||
var formUrl = ctxPath + "/wagesInfo/addBankInfo";
|
||
var bankName = $("#bankName").val();
|
||
var rollBankName = $("#rollBankName").val();
|
||
var bankCard = $("#bankCard").val();
|
||
var form = {"idNumber" : idNumber,"bankName" : bankName,"rollBankName" : rollBankName, "bankCard":bankCard};
|
||
$.ajax({
|
||
type: 'post',
|
||
async: false, // 默认异步true,false表示同步
|
||
url: formUrl, // 请求地址
|
||
dataType: 'json', // 服务器返回数据类型
|
||
contentType: "application/json; charset=utf-8",
|
||
dataType: 'json', // 服务器返回数据类型
|
||
data: JSON.stringify(form), //获取提交的表单字段
|
||
success: function (data) {
|
||
if (data.resMsg == "保存成功") {
|
||
parent.layer.alert('保存成功',{icon: 1, time: 2000}, function () {
|
||
$("#hideUpload").trigger("click"); //触发上传文件
|
||
});
|
||
} else {
|
||
parent.layer.msg('保存失败', {icon: 2, time: 2000});
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, e) {
|
||
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
||
}
|
||
});
|
||
}
|
||
|
||
// 取消按钮
|
||
function cancelBtns() {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||
parent.layer.close(index);
|
||
}
|
||
|
||
function setData(data) {
|
||
getCompanys(data.orgId); // 分公司
|
||
getProject(data.orgId, data.proId);
|
||
getWorkSence(data.proId,data.workSenceId);
|
||
$("#groundResistance").val(data.groundResistance);
|
||
$("#position").val(data.position);
|
||
$("#groundModel").val(data.groundModel);
|
||
$("#groundDepth").val(data.groundDepth);
|
||
$("#id").val(data.id);
|
||
id = data.id;
|
||
var photoPath = data.photoPath;
|
||
if (photoPath != '') {
|
||
var demo2 = $("#demo2");
|
||
var html = '';
|
||
var photos = photoPath.split(",");
|
||
for (var i = 0; i < photos.length; i++) {
|
||
var path = '';
|
||
var fileName = getValue(photos[i]);
|
||
if(photos[i].indexOf("http")!=-1){
|
||
path = photos[i];
|
||
}else{
|
||
path = dataPath +"/"+ photos[i];
|
||
}
|
||
html += '<img src="' + path + '" id="' + i + '" name="'+photos[i]+'" ondblclick="delPhoto(\''+i+'\')" style="height: 80px;width: 80px;margin-right: 10px" class="layui-upload-img ">';
|
||
}
|
||
demo2.append(html);
|
||
}
|
||
}
|
||
// 删除的图片数组
|
||
var deletePhoto = [];
|
||
// 删除图片
|
||
function delPhoto(i) {
|
||
var parentcolor = document.getElementById("demo2");
|
||
var childcolor = document.getElementById(i+"");
|
||
var path = childcolor.name;
|
||
deletePhoto.push(path);
|
||
parentcolor.removeChild(childcolor);
|
||
}
|
||
function getValue(url) {
|
||
//获取最后一个/的位置
|
||
var site = url.lastIndexOf("\/");
|
||
//截取最后一个/后的值
|
||
return url.substring(site + 1, url.length);
|
||
}
|
||
|
||
function reloading() {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
window.parent.example.ajax.reload( null, false ); // 刷新页面
|
||
}
|
||
function insertedChanges(){
|
||
var length = $("#demo2").children().length;
|
||
if(length>=3){
|
||
document.getElementById("test2").style.visibility= "hidden";
|
||
}else{
|
||
document.getElementById("test2").style.visibility= "visible";
|
||
}
|
||
}
|
||
function removedchanges(){
|
||
var length = $("#demo2").children().length - 1;
|
||
if(length<3){
|
||
document.getElementById("test2").style.visibility= "visible";
|
||
}else{
|
||
document.getElementById("test2").style.visibility= "hidden";
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 获取工资账户所属银行
|
||
* */
|
||
function getBankAccount() {
|
||
$("#bankName").empty();
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: ctxPath + '/project/getBankAccount',
|
||
dataType: 'json',
|
||
success: function (data) {
|
||
var str = '<option selected value="-1">请选择银行</option>';
|
||
if (data.length > 0) {
|
||
for (var i = 0; i < data.length; i++) {
|
||
str += '<option value=\'' + data[i].id + '\'>' + data[i].name + '</option>';
|
||
}
|
||
}
|
||
$("#bankName").append(str);
|
||
layui.form.render('select'); //这里就是我们要渲染的地方了
|
||
}
|
||
})
|
||
}
|