加载js
//需要引入第三方类库 如address.js
<script>
layui.config({
base : "/Public/plug/layui/extend/" //address.js的路径
}).use([ 'layer', 'jquery', "address",'form'], function() {
var layer = layui.layer, $ = layui.jquery, address = layui.address(),form = layui.form;
form.render();
});
</script>
//不需要引入其他js
<script>
layui.use(['layer','form'], function() {
var $ = layui.jquery,form = layui.form;
form.render();
});
</script>
confirm对话框
$('.quit').click(function(){
var openid = $(this).attr('data');
var url = "{:U('Company/peopleQuit')}";
var o = $(this);
if(o.hasClass('layui-btn-disabled')){
layer.msg('正在执行。。。',{icon: 5});//失败的表情
return;
}else{
o.addClass('layui-btn-disabled');
}
layer.confirm('确定取消他的资格吗?', {
icon: 3,
skin: 'layer-ext-moon',
btn: ['确认','返回'] ,//按钮
btn2:function(){
o.removeClass('layui-btn-disabled');
}
}, function(){
$.ajax({
url:url,
type:'post',
data:{openid:openid},
beforeSend:function () {
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] });
},
success:function(data){
if(data.status == 'error'){
layer.msg(data.msg,{icon: 5});//失败的表情
o.removeClass('layui-btn-disabled');
return;
}else{
layer.msg(data.msg, {
icon: 6,//成功的表情
time: 1000 //1秒关闭(如果不配置,默认是3秒)
}, function(){
location.reload();
});
}
},
complete: function () {
layer.close(this.layerIndex);
},
});
});
});
弹框操作
//审核
$('.audit').click(function(){
var openid = $(this).attr('data');
var url = "{:U('Company/peopleAudit')}";
$.get(url,{openid:openid},function(data){
if(data.status == 'error'){
layer.msg(data.msg,{icon: 5});
return;
}
layer.open({
title:'审核',
type: 1,
skin: 'layui-layer-rim', //加上边框
area: ['800px','600px'], //宽高
content: data,
});
})
});
监听表单提交
form.render();
form.on('submit(add)', function(data){
var userInfo = data.field;
var url = "{:U('Maintenance/companyAdd')}";
$.ajax({
url:url,
type:'post',
data:userInfo,
beforeSend:function () {
this.layerIndex = layer.load(0, { shade: [0.5, '#393D49'] });
},
success:function(data){
if(data.status == 'error'){
layer.msg(data.msg,{icon: 5});//失败的表情
return;
}else if(data.status == 'success'){
layer.msg(data.msg, {
icon: 6,//成功的表情
time: 1000 //1秒关闭(如果不配置,默认是3秒)
}, function(){
location.reload();
});
}
},
complete: function () {
layer.close(this.layerIndex);
},
});
return false;//阻止表单跳转
});