layui的表单layer弹出框

这是用到的头工具栏的新增数据

//头工具栏事件
    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);
                }
            }
        });
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值