138 lines
5.7 KiB
JavaScript
138 lines
5.7 KiB
JavaScript
var name="";
|
||
var idNumber="";
|
||
var certificateName="";
|
||
var isUpload = false;
|
||
$(function () {
|
||
layui.use(['form', 'laydate','upload'], function () {
|
||
var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
|
||
laydate = layui.laydate;
|
||
var upload = layui.upload;
|
||
form.render();
|
||
form.verify({
|
||
});
|
||
getAllPersonList(form);
|
||
|
||
var idNumber = $('#personnelInformation').val();
|
||
$('#idNumber').val(idNumber);
|
||
|
||
form.on('submit(formDemo)', function (data) {
|
||
addCertificate(data); // 持证信息
|
||
});
|
||
//多图片上传
|
||
var uploadcom1 = upload.render({
|
||
elem: '#test1',
|
||
url: smz_ht_url + '/BaseManager/uploadConstructionPhoto', //改成您自己的上传接口
|
||
multiple: true, //是否允许多文件上传，默认未false
|
||
data: {"id": id},
|
||
dataType: "json",
|
||
acceptMine: '/image/!*', //只选择图片
|
||
auto: false, //是否自动上传 ，默认为true
|
||
number: 9, //最大上传数量
|
||
size: 3072, //最大文件大小，单位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); //得到文件对象
|
||
// console.log(result); //得到文件base64编码，比如图片
|
||
$('#demo1').append('<img src="' + result + '" id="' + index + '" alt="' + file.name + '" style="height: 100px;width: 100px;margin-right: 10px" class="layui-upload-img ">');
|
||
$('#' + index).bind('dblclick', function () {//双击删除指定预上传图片
|
||
delete files[index];//删除指定图片
|
||
$(this).remove();
|
||
});
|
||
});
|
||
isUpload = true;//判断是否已上传，用于表单提交中控制跳转
|
||
},
|
||
before: function (obj) {
|
||
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='image1']").val(names);
|
||
console.log(names);
|
||
}
|
||
return true;
|
||
},
|
||
done: function (data) {
|
||
},
|
||
allDone: function (data) {
|
||
parent.layer.alert("保存成功", {icon: 1, time: 2000}, function () {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||
top.layer.close(index);
|
||
window.parent.location.reload();//刷新父页面
|
||
});
|
||
},
|
||
error: function (e) {
|
||
//请求异常回调
|
||
console.log(e);
|
||
}
|
||
});
|
||
$(document).ready(function() {
|
||
// select下拉框选中触发事件
|
||
form.on("select", function(data){
|
||
var val = data.value; // 获取选中的值
|
||
$("#idNumber").val(val);
|
||
});
|
||
|
||
});
|
||
//getAllPersonList(form);
|
||
});
|
||
|
||
});
|
||
|
||
|
||
|
||
//持证信息
|
||
function addCertificate(data) {
|
||
certificateName=$("#certificateName").val();
|
||
var loadingMsg = layer.msg('数据提交中,请稍候...', {icon: 16,scrollbar: false,time: 0,shade: [0.8, '#393D49']});
|
||
// form请求地址
|
||
var formUrl = smz_ht_url + "/BaseManager/addCertificate";
|
||
$.ajax({
|
||
type: 'post',
|
||
async: true, // 默认异步true,false表示同步
|
||
url: formUrl, // 请求地址
|
||
dataType: 'json', // 服务器返回数据类型
|
||
contentType: "application/json; charset=utf-8",
|
||
data: JSON.stringify(data.field), //获取提交的表单字段
|
||
// cache: false,
|
||
// contentType: false,
|
||
// processData: false,
|
||
success: function (data) {
|
||
layer.close(loadingMsg); // 关闭提示层
|
||
var res = data.resMsg;
|
||
if (res.indexOf('成功') != -1) {
|
||
if (isUpload) {//判断是否上传图片，触发图片的上传功能
|
||
$("#hideUpload").trigger('click');
|
||
$("#commit").attr("disabled", true);
|
||
}else{
|
||
parent.layer.alert(res, {icon: 1, time: 2000}, function () {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
window.parent.location.reload();//刷新父页面
|
||
});
|
||
}
|
||
} else {
|
||
parent.layer.alert(res, {icon: 2, time: 2000}, function () {
|
||
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
|
||
parent.layer.close(index); //再执行关闭
|
||
window.parent.location.reload();//刷新父页面
|
||
});
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, e) {
|
||
layer.close(loadingMsg);
|
||
layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
|
||
}
|
||
});
|
||
|
||
} |