@{
    ViewBag.Title = "补单";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    .layui-form-label {
        width: 100px;
    }

    .layui-input-block {
        margin-left: 130px;
        min-height: 36px;
    }
</style>
<div class="x-body">
    <form class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">订单号：</label>
            <div class="layui-input-block">
                <input type="text" name="orderid" lay-verify="required|number" placeholder="请输入订单号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">手机号码：</label>
            <div class="layui-input-block">
                <input type="text" name="mobile" lay-verify="required|phone" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">用户名：</label>
            <div class="layui-input-block">
                <input type="text" name="username" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="demo1">确定</button>
            </div>
        </div>
    </form>
</div>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , laydate = layui.laydate;


        //自定义验证规则
        form.verify({
            orderid: function (value) {
                console.log(value);
                if (value.length < 10) {
                    return '输入正确的订单ID！';
                }
            }
        });

        //监听提交
        form.on('submit(demo1)', function (data) {
            $.post('/Order/SupplyOrder', data.field, function (msg) {
                if (msg.result) {
                    layer.alert("操作成功！", {
                        yes: function () {
                            //layer.closeAll()
                            parent.window.location.reload();
                        }
                    })
                }
                else {
                    layer.alert(msg.retmsg, {
                        yes: function () {
                            layer.closeAll()
                        }
                    })
                }
            });
            return false;
        });

    });
</script>