这是用到的头工具栏的新增数据
//头工具栏事件
table.on('toolbar(saleChances)', function(obj){
var checkStatus = table.checkStatus(obj.config.id);
console.log(checkStatus)
switch(obj.event){
case 'add':
openAdd();
// window.location.href = ctx + '/sale_chance/addOrUpdateSaleChancePage';
break;
case 'del':
var data = checkStatus.data;
layer.msg('选中了：'+ data.length + ' 个');
break;
//自定义头工具栏右侧图标 - 提示
case 'LAYTABLE_TIPS':
layer.alert('这是工具栏右侧自定义的一个图标按钮');
break;
};
});
这是要弹出的表单，content的内容直接就是form表单的内容，提交用的是layer的btn和成功回调
function openAdd() {
layer.open({
type: 1,
area:['80%','80%'],
content: '<form class="layui-form" style="width:80%;" id="window">\n' +
' <input type="hidden" name="id" value="">\n' +
' <input type="hidden" name="man" value="">\n' +
' <div class="layui-form-item layui-row layui-col-xs12">\n' +
' <label class="layui-form-label">客户名称</label>\n' +
' <div class="layui-input-block">\n' +
' <input type="text" class="layui-input"\n' +
' lay-verify="required" name="customerName" id="customerName" value="" placeholder="请输入客户名称">\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item layui-row layui-col-xs12">\n' +
' <label class="layui-form-label">机会来源</label>\n' +
' <div class="layui-input-block">\n' +
' <input type="text" class="layui-input"\n' +
' name="chanceSource" id="chanceSource" placeholder="请输入机会来源" value="">\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item layui-row layui-col-xs12">\n' +
' <label class="layui-form-label">联系人</label>\n' +
' <div class="layui-input-block">\n' +
' <input type="text" class="layui-input"\n' +
' id="linkMan" name="linkMan" lay-verify="required"\n' +
' placeholder="请输入联系人" value="">\n' +
' </div>\n' +
' </div>\n' +
'\n' +
' <div class="layui-form-item layui-row layui-col-xs12">\n' +
' <label class="layui-form-label">联系电话</label>\n' +
' <div class="layui-input-block">\n' +
' <input type="text" class="layui-input"\n' +
' lay-verify="phone" name="linkPhone" id="phone" placeholder="请输入联系电话" value="">\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item layui-row layui-col-xs12">\n' +
' <label class="layui-form-label">概要</label>\n' +
' <div class="layui-input-block">\n' +
' <input type="text" class="layui-input"\n' +
' name="overview" id="overview" placeholder="请输入概要" value="">\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item layui-row layui-col-xs12">\n' +
' <label class="layui-form-label">成功几率(%)</label>\n' +
' <div class="layui-input-block">\n' +
' <input type="text" class="layui-input"\n' +
' id="cgjl" name="cgjl" placeholder="请输入成功几率" value="">\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item layui-row layui-col-xs12">\n' +
' <label class="layui-form-label">机会描述</label>\n' +
' <div class="layui-input-block">\n' +
' <textarea placeholder="请输入机会描述信息" name="description" id="description" class="layui-textarea"></textarea>\n' +
' </div>\n' +
' </div>\n' +
' <div class="layui-form-item layui-row layui-col-xs12">\n' +
' <label class="layui-form-label">指派给</label>\n' +
' <div class="layui-input-block">\n' +
' <select name="assignMan" id="assignMan">\n' +
' <option id="option" value="" >请选择</option>\n' +
' </select>\n' +
' </div>\n' +
' </div>\n' +
' <br/>\n' +
'</form>',
btn: ['确定', '取消'],
yes: function(index, layero){
//按钮【按钮一】的回调
$.ajax({
type:'post',
url:ctx+'/sale_chance/save',
dataType:'json',
data:{
chanceSource:$('#chanceSource').val(),
customerName:$('#customerName').val(),
cgjl:$('#cgjl').val(),
linkMan:$('#linkMan').val(),
linkPhone:$('#phone').val(),
overview:$('#overview').val(),
description:$('#description').val(),
assignMan:$("#assignMan").find("option:selected").attr("value")
},
success:function (msg) {
var code = msg.code;
if(code === 200){
layer.msg('添加成功',{
time:1000
},function () {
window.location.href = ctx+'/sale_chance/index';
})
}else{
layer.msg(msg.msg)
}
}
});
},
cancel: function(){
}
})
$.ajax({
type:'post',
data:{},
dataType:'json',
url:ctx+'/user/list',
success:function (msg) {
var code = msg.code;
if(code === 0){
var data = msg.data;
var length = data.length;
for (var i = 0; i < length; i++) {
$('#assignMan').append('<option value="'+data[i].id+'" >'+data[i].trueName+'</option>')
}
form.render('select');
}else{
layer.msg(msg.msg);
}
}
});
}
