src/main/resources/templates/restaurant/whitelist/checkdetail.html

<div id="whitelist-checkdetail-form" lay-filter="whitelist-checkdetail-form-filter" class="layui-form model-form" style="padding: 10px 25px;">
    <input type="hidden" name="whitelistid" id="search-form-whitelist-checkdetail-whitelistid" th:value="${checkDetailwhitelistid}" />
    <div class="layui-form-item">
        <label class="layui-form-label" style="color: red;">审核意见</label>
        <div class="layui-input-block">
            <input type="radio" name="checktype" id="form-whitelist-checkdetail-pass" lay-filter="whitelist-checkdetail-filter" value="pass" title="通过" checked/>
            <input type="radio" name="checktype" id="form-whitelist-checkdetail-reject" lay-filter="whitelist-checkdetail-filter" value="reject" title="驳回"/>
        </div>
    </div>

    <div class="layui-form-item" id="form-whitelist-checkdetail-reason-div" style="display: none;">
        <label class="layui-form-label">驳回原因</label>
        <div class="layui-input-block">
            <textarea name="reason" id="form-whitelist-checkdetail-reason" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
    </div>

    <div class="layui-form-item">
        <table class="layui-table" id="whitelistCheckdetailTable" lay-filter="whitelistCheckdetailTable-filter"></table>
    </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="whitelist-checkdetail-form-submit" lay-submit>确认</button>
    </div>
</div>

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

        // 表单提交事件
        form.render("radio");
        form.on('radio(whitelist-checkdetail-filter)', function (data) {
            if ('pass' == data.value) {
                $("#form-whitelist-checkdetail-reason-div").hide();
            } else {
                $("#form-whitelist-checkdetail-reason").val('');
                $("#form-whitelist-checkdetail-reason-div").show();
            }
        });

        // 渲染表格
        var renderDetailTable = function (obj) {
            table.render({
                elem: '#whitelistCheckdetailTable',
                url: '[[@{whitelistcheck/load4checkdetaillist}]]',
                where: obj,
                page: true,
                size: 'sm',
                height: 384,
                cols: [
                    [
                        {field: 'cardno', title: '市民卡号', align: 'center'},
                        {field: 'username', title: '姓名', align: 'center'}
                    ]
                ]
            });
        }
        renderDetailTable({whitelistid: $("#search-form-whitelist-checkdetail-whitelistid").val()});

        form.on('submit(whitelist-checkdetail-form-submit)', function (data) {
            var vdata = data.field;
            console.log(vdata);
            if ('reject' == vdata.checktype) {
                if (undefined == vdata.reason || "" == vdata.reason || "" == $.trim(vdata.reason)) {
                    layer.msg("请填写驳回原因", {icon: 2, time: 1500});
                    return;
                }
            }
            vdata["_csrf"] = $("meta[name='_csrf_token']").attr("value");
            admin.go('[[@{/whitelistcheck/checkdetail}]]', vdata, 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});
                }
            }, function (err) {
                admin.errorBack(err);
            })
        });
    });
</script>