src/main/resources/templates/doorlist/customer/form.html

<form id="customer-form" lay-filter="customer-form" class="layui-form model-form">
    <input name="custid" id="customer-custid" type="hidden"/>

    <div class="layui-form-item">
        <label class="layui-form-label"><span style="color: red">* </span>市名卡号</label>
        <div class="layui-input-block">
            <input name="cardno" placeholder="请输入" type="text" class="layui-input" maxlength="20"
                   lay-verify="required|number" required/>
        </div>
    </div>

 <!--   <div class="layui-form-item">
        <label class="layui-form-label"><span style="color: red">* </span>物理卡号</label>
        <div class="layui-input-block">
            <input name="cardphyid" placeholder="请输入" type="text" class="layui-input" maxlength="20"
                   lay-verify="required" required/>
        </div>
    </div>-->

    <div class="layui-form-item">
        <label class="layui-form-label">人员类别</label>
        <div class="layui-input-block">
            <select name="custtypeid" id="customer-custtype" lay-verify="required">
                <option th:each="type : ${typelst}" th:value="${type.custtypeid}">[[${type.custtypename}]]</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">所属部门</label>
        <div class="layui-input-block">
            <select name="deptno" id="customer-deptcode" lay-verify="required">
                <option th:each="dept : ${deptlist}" th:value="${dept.deptno}">[[${dept.deptname}]]</option>
            </select>
        </div>
    </div>



    <div class="layui-form-item model-form-footer">
        <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
        <button class="layui-btn" lay-filter="customer-form-submit" lay-submit id="customer-submitbtn">保存</button>
    </div>
</form>

<script>
    layui.use(['layer', 'admin', 'form', 'formSelects'], function () {
        var layer = layui.layer;
        var admin = layui.admin;
        var form = layui.form;
        form.render('select');
        form.render('radio');


        var url = '[[@{/customer/add}]]';
        // 回显user数据
        var dev = admin.getTempData('t_cust');
        if (dev) {
            $('input[name="cardno"]').attr('readonly', 'readonly');
            form.val('customer-form', dev);
        }
        /* let fid = admin.getTempData("fid");
         if (fid) {
             form.val('form', {"fid": fid});
         }*/
        // 表单提交事件
        form.on('submit(customer-form-submit)', function (data) {
            console.log(data);
            layer.load(2);
            let token = $("meta[name='_csrf_token']").attr("value");
            $.ajax({
                type: "POST",
                dataType: "json",
                url: url,
                headers: {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json',
                    'X-CSRF-TOKEN': token,
                },
                data: JSON.stringify(data.field),
                success: function (result) {
                    layer.closeAll('loading');
                    if (result.code == 200) {
                        layer.msg(result.msg, {icon: 1});
                        admin.finishPopupCenter();
                    } else if (result.code == 401) {
                        layer.msg(result.msg, {icon: 2, time: 1500}, function () {
                            location.replace('/login');
                        }, 1000);
                        return;
                    } else {
                        console.log('err:' + result.code);
                        layer.msg(result.msg, {icon: 2});
                    }
                },
                error: function () {
                    layer.closeAll('loading');
                    layer.msg("请求服务器失败！", {icon: 2});
                }
            });
            return false;
        });
    });
</script>