layui代码记录:弹出输入框以及发送请求

  // 归档弹框js
                guiDangRemarkInfo : function(activiti, buttonConf, call) {
                    layui.use(['layer', 'form', 'laydate'], function () {
                        var layer = layui.layer;
                        var form = layui.form;
                        var laydate = layui.laydate;
                        layer.open({
                                type: 1,
                                title: '归档备注信息',
                                area: ['350px', '300px'],
                                content: getModalContent(),
                                success: function () {
                                    // 初始化表单
                                    form.render();
                                    // 初始化时间选择器
                                    laydate.render({
                                        elem: '#time'
                                    });
                                    // 监听表单提交
                                    form.on('submit(submitForm)', function (data) {
                                        // 获取表单数据
                                        var formData = data.field;
                                        var url="xxxxxxxxx/saveGuiDangRemarks";
                                        $.post(url, {storyId:currentStoryId,guiDangPublishedDate:formData.guiDangPublishedDate, guiDangAuditleader:formData.guiDangAuditleader},
                                            function (res){
                                                if (res.code==200){
                                                    call({code:1,log:data.msg});
                                                }else {
                                                    call({code:-1,log:"归档备注信息表单提交失败"})
                                                }
                                        },"json");
                                        // 关闭弹窗
                                        layer.closeAll();

                                        return false; // 阻止表单默认提交
                                    });

                                    // 取消按钮点击事件
                                    document.getElementById('cancelBtn').onclick = function () {
                                        layer.closeAll();
                                    };
                                }
                            });

                        // 构建弹窗的内容
                        function getModalContent() {
                            var html = '<form class="layui-form" id="myForm" lay-filter="myForm">';
                            html += '<div class="layui-form-item">';
                            html += '<label class="layui-form-label" style="color:red;font-size:14px;width:320px">注意:归档功能仅限已发布但重复提交的稿件</label>';
                            html += '</div>';
                            html += '<div class="layui-form-item">';
                            html += '<label class="layui-form-label" style="width:100px"><span style="color:red;font-size:10px">*</span>发布时间</label>';
                            html += '<div class="layui-input-block">';
                            html += '<input type="text" style="width:180px" name="guiDangPublishedDate" id="time" class="layui-input" lay-verify="required" placeholder="请选择发布时间">';
                            html += '</div>';
                            html += '</div>';
                            html += '<div class="layui-form-item">';
                            html += '<label class="layui-form-label" style="width:100px"><span style="color:red;font-size:10px">*</span>审核领导</label>';
                            html += '<div class="layui-input-block">';
                            html += '<input type="text" name="guiDangAuditleader" style="width:180px" class="layui-input" lay-verify="required" placeholder="请输入审核领导">';
                            html += '</div>';
                            html += '</div>';
                            html += '<div class="layui-form-item">';
                            html += '<div class="layui-input-block">';
                            html += '<button class="layui-btn" lay-submit lay-filter="submitForm">确定</button>';
                            html += '<button type="button" id="cancelBtn" class="layui-btn layui-btn-primary">取消</button>';
                            html += '</div>';
                            html += '</div>';
                            html += '</form>';
                            return html;
                        }
                    });
                }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java-请多指教

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值