@model CRM.Core.Model.Entity.WX_SzzyOrderPay
@{
    ViewBag.Title = "Add";
    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" autocomplete="off" class="layui-input layui-disabled" value="@Html.DisplayFor(m => m.orderid)" disabled readonly>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">下单金额：</label>
            <div class="layui-input-block">
                <input type="text" name="needpay" autocomplete="off" class="layui-input layui-disabled" value="@Html.DisplayFor(m => m.needpay)" disabled readonly>
                @Html.HiddenFor(m => m.needpay)
            </div>
        </div>
        <div class="layui-form-item" pane>
            <label class="layui-form-label">支付类型：</label>
            <div class="layui-input-block">
                <input type="radio" name="paytype" lay-verify="required" value="1" title="支付宝" checked>
                <input type="radio" name="paytype" lay-verify="required" value="2" title="财富通">
                <input type="radio" name="paytype" lay-verify="required" value="3" title="银行转账">
                <input type="radio" name="paytype" lay-verify="required" value="4" title="网银支付">
                <input type="radio" name="paytype" lay-verify="required" value="5" title="微信支付">
                <input type="radio" name="paytype" lay-verify="required" value="6" title="支付宝银联">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">付款日期：</label>
                <div class="layui-input-inline">
                    <input type="text" name="paydate" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">付款金额：</label>
            <div class="layui-input-block">
                <input type="text" name="payprice" lay-verify="required|number" placeholder="￥" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">付款人姓名：</label>
            <div class="layui-input-block">
                <input type="text" name="payname" lay-verify="required" 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">
                <textarea placeholder="请输入内容" name="remark" class="layui-textarea"></textarea>
            </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', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date'
        });


        //自定义验证规则
        //form.verify({
        //    title: function (value) {
        //        if (value.length < 5) {
        //            return '标题至少得5个字符啊';
        //        }
        //    }
        //});

        //监听提交
        form.on('submit(demo1)', function (data) {
            $.post('/OrderPay/Add', data.field, function (msg) {
                if (msg.result) {
                    layer.alert("操作成功！", {
                        yes: function () {
                            //layer.closeAll()
                            parent.window.location.reload();
                        }
                    })
                }
                else {
                    layer.alert("操作失败，请重新再试！", {
                        yes: function () {
                            layer.closeAll()
                        }
                    })
                }
            });
            return false;
        });

    });
</script>