@model CRM.Core.DTO.Ord.OrderPayDto
@using WX.CRM.WebHelper;
@using WX.CRM.Model.Entity;

@{
    ViewBag.Title = "支付记录录入";
    Layout = "~/Views/Shared/_Index_LayoutEdit.cshtml";

}

<style>
    /*.layui-table td, .layui-table th {
        padding: 5px 15px;
    }*/
</style>
<div class="mvctool bgb">
    @Html.ToolButtonPlain("btnSave", "icon-save", "保存", false, "")
</div>

@using (Html.BeginForm("Pay", "OrderDeposit", null, FormMethod.Post, new { Id = "CreateForm" }))
{
    @Html.ValidationSummary(true)
    <table class="fromEditTable ">
        <tr>
            <td style="width:130px;">订单号：</td>
            <td style="padding-left:22px;">
                @Request.QueryString["orderid"]
                <input type="hidden" name="orderid" value="@Request.QueryString["orderid"]" />
                <input type="hidden" name="resid" value="@Request.QueryString["resid"]" />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>下单金额： </td>
            <td style="padding-left:22px;">
                @ViewBag.needpay
                <input type="hidden" id="needpay" name="needpay" value="@ViewBag.needpay" />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>确认使用金额： </td>
            <td style="padding-left:22px;">
                @ViewBag.arrivalpay
                <input type="hidden" id="arrivalpay" name="arrivalpay" value="@ViewBag.arrivalpay" />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>剩余使用金额： </td>
            <td>
                <input type="text" id="deppriceTxt" value="@ViewBag.deppay" disabled readonly> @*<input type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="UsePriceShow()" value="使用金额">*@
                <input type="hidden" id="depprice" name="depprice" value="@ViewBag.deppay" />
                剩余金额：@ViewBag.alldeppay
            </td>
            <td></td>
        </tr>
        <tr>
            <td>还需支付金额： </td>
            <td style="padding-left:22px;">
                <span id="justpayTxt">@ViewBag.justpay</span>
                <input type="hidden" id="justpay" name="juetpay" value="@ViewBag.justpay" />
            </td>
            <td></td>
        </tr>
    </table>
    <hr style="background-color:red" />
    <table class="fromEditTable ">
        <tr>
            <td style="width:130px;">支付类型：</td>
            <td>
                @Html.DropDownList("PAYTYPE", new List<SelectListItem>() {
                   new SelectListItem(){Text="支付宝",Value="1"},
                   new SelectListItem(){Text="银行转账",Value="3"},
                   new SelectListItem(){Text="微信支付",Value="5", Selected=true}})
            </td>
            <td></td>
        </tr>
        <tr>
            <td>付款日期：</td>
            <td>
                <input id="paydate" name='paydate' class='Wdate' type='text' value='@DateTime.Now.ToString("yyy-MM-dd")' onclick='javascript: WdatePicker();' />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>付款金额：</td>
            <td>
                <input type="text" id="payprice" name="payprice" placeholder="￥">
            </td>
            <td></td>
        </tr>
        <tr>
            <td>付款人姓名：</td>
            <td>
                <input type="text" id="payname" name="payname" placeholder="请输入">
            </td>
            <td></td>
        </tr>
        <tr>
            <td>支付流水号：</td>
            <td><input type="text" id="payno" name="payno" placeholder="请输入"></td>
            <td></td>
        </tr>
        <tr>
            <td>备注：</td>
            <td>
                <textarea placeholder="请输入内容" name="remark" class="layui-textarea" rows="3"></textarea>
            </td>
            <td></td>
        </tr>
    </table>

    <div id="modalwindow" class="easyui-window" data-options="modal:true,closed:true,minimizable:false,shadow:false"></div>

}

<div id="dlg" class="easyui-dialog" closed="true" style="width: 400px; height: 400px; padding: 10px;">
    <table class="fromEditTable">
        <tr>
            <td>剩余金额：</td>
            <td>@ViewBag.alldeppay</td>
        </tr>
        <tr>
            <td>使用金额：</td>
            <td><input type="text" id="usePrice" /></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input id="BtnUse" type="button" class="layui-btn layui-btn-sm layui-btn-normal" value="确认" onclick="Use()" />
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    $(function () {
        $("#btnSave").click(function () {
            if ($("#CreateForm").valid()) {
                var paydate = $("#paydate").val();
                var payprice = $("#payprice").val();
                var payname = $("#payname").val();
                var payno = $.trim($("#payno").val());
                var paytype = $("#PAYTYPE").val();
                var justpay = $("#justpay").val();
                if (justpay > 0) {
                    if (paydate == "") {
                        $.messager.alert("错误", "支付日期不能为空！", "error");
                        return;
                    }
                    if (payprice == "") {
                        $.messager.alert("错误", "付款金额不能为空！", "error");
                        return;
                    }
                    else {
                        if (!validate(payprice)) {
                            $.messager.alert("错误", "请输入数字！", "error");
                            return;
                        }
                        else {
                            if (payprice > 100000) {
                                $.messager.alert("错误", "金额太大了！", "error");
                                return;
                            }
                        }
                    }
                    if (payname == "") {
                        $.messager.alert("错误", "付款人姓名不能为空！", "error");
                        return;
                    }
                    if (payno == "") {
                        $.messager.alert("错误", "支付流水号不能为空！", "error");
                        return;
                    }
                    else {
                        if (paytype == 1 || paytype == 5) {
                            var len = payno.length;
                            if (len < 28) {
                                $.messager.alert("错误", "支付流水号错误！", "error");
                                return;
                            }
                            //if (len > 28) {
                            //    payno = payno.substring(0, 28);
                            //}
                            //console.log(payno);
                            if (isNaN(payno)) {
                                $.messager.alert("错误", "支付流水号只能是数字，不能有字符或者空格！", "error");
                                return;
                            }
                            var start = payno.substring(0, 1);
                            //console.log(start);
                            if (start == 2 && paytype != 1) {
                                $.messager.alert("错误", "支付流水号跟支付类型不匹配！", "error");
                                return;
                            }
                            if (start == 4 && paytype != 5) {
                                $.messager.alert("错误", "支付流水号跟支付类型不匹配！", "error");
                                return;
                            }
                        }
                    }
                }
                else {
                    if (payno != '') {
                        $.messager.alert("错误", "付款金额已经足够，不需要在提交付款了，请确认！", "error");
                        return;
                    }
                }

                $.r_ajax({
                    url: "/WeiXin/OrderDeposit/Pay",
                    type: "Post",
                    data: $("#CreateForm").serialize(),
                    dataType: "json",
                    loading: true,
                    success: function (data) {
                        console.log(data);
                        if (data.result) {
                            if (data.retcode == 200) {
                                $.messager.alert("提示", '提交成功！', "info", function () { window.parent.location.reload(); });
                            }else if (data.retcode == 500) {
                                $.messager.alert("提示", data.msgretmsg, "info", function () { window.parent.location.reload(); });
                            }
                        }
                        else {
                            $.messager.alert("警告", data.msgretmsg , "error");
                        }
                    }
                });
            }
            return false;
        });

    });

    function UsePriceShow() {
        $('#dlg').dialog({
            title: "使用金额",
            width: 400,
            height: 250,
            closed: false,
            cache: false,
            modal: true
        });
    }

    function Use() {
        var usePrice = $("#usePrice").val();
        if (usePrice == '') {
            $.messager.alert("错误", "使用金额不能为空！", "error");
            return;
        }
        if (!validate(usePrice)) {
            $.messager.alert("错误", "金额必须是数字！", "error");
            return;
        }
        var alldeppay = @ViewBag.alldeppay;
        var diffpay = alldeppay - usePrice;
        if (diffpay < 0) {
            $.messager.alert("错误", "使用金额不能超过剩余金额！", "error");
            return;
        }
        $("#depprice").val(usePrice);
        $("#deppriceTxt").val(usePrice);

        var needpay = $("#needpay").val();
        var arrivalpay = $("#arrivalpay").val();
        console.log("needpay:" + needpay);
        console.log("arrivalpay:" + arrivalpay);
        console.log("usePrice:" + usePrice);
        //重新计算金额
        var justpay = needpay - arrivalpay - usePrice;
        if (justpay < 0) {
            $.messager.alert("错误", "超过了需要支付的金额，请确认！", "error");
            return;
        }
        console.log("justpay:" + justpay);
        $("#justpay").val(justpay);
        $("#justpayTxt").html(justpay);

        $('#dlg').dialog('close');
    }

    function validate(num) {
        var reg = /^\d+(?=\.{0,1}\d+$|$)/
        if (reg.test(num)) return true;
        return false;
    }

    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='" + src + "'></iframe>";
    }

    function frameReturnByClose() {
        $("#modalwindow").window('close');
    }
</script>