@{
    ViewBag.Title = "Index";
}

@section scripts{
    <script type="text/javascript" src="@Url.Content("~/Scripts/public.js")"></script>
    <script type="text/javascript">
        $(function () {
            $("#layout1").ligerLayout({ leftWidth: 360, topHeight: 100, rightWidth: 450, });

            $("#start").ligerDateEditor();
            $("#end").ligerDateEditor();
            $("#start").ligerGetDateEditorManager().setValue(fun_date(-7));
            $("#end").ligerGetDateEditorManager().setValue(fun_date(0));

            $("#btSelect").click(function () {
                liger.get("grid1").set("parms", { sfxm: $("#sfxm").val() });
                liger.get("grid1").reload();
            })
            $("#btSelect2").click(function () {
                getCharge();
            })
            $("#sfxm").keydown(function (e) {
                var curKey = e.which;
                if (curKey == 13) {
                    liger.get("grid1").set("parms", { sfxm: $("#sfxm").val() });
                    liger.get("grid1").reload();
                    return false;
                }
            });

            $("#ssje").keydown(function (e) {
                var curKey = e.which;
                if (curKey == 13) {
                    $("#zlje").val($("#ssje").val() - $("#ysje").val())
                    return false;
                }
            });

            $("#grid1").ligerGrid({
                height: '100%',
                columns: [
                    { display: 'id', name: 'id', align: 'left', width: 40 },
                    { display: '收费项目', name: 'charge_project_name', align: 'left', width: 150 },
                    { display: '单价', name: 'fee', align: 'right', width: 100 }
                ],
                url: "@Url.Action("getSFXMData")?id=",
                pageSize: 30,
                rownumbers: true,
                fixedCellHeight: false,
                usePager: false,
                onDblClickRow: function (rowdata, rowid, rowobj) {
                    liger.get("grid1").remove(rowdata);

                    var rows = liger.get("grid2").getData();
                    for (var i in rows) {
                        if (rows[i].id == rowdata.id)
                            return;
                    }

                    $.ajax({
                        url: "@Url.Action("getFJX")", type: "post", dataType: "json", data: { id: rowdata.id },
                        success: function (d) {
                            //添加数量
                            for (var i = 0; i < d.length; i++) {
                                if (d[i].sl == undefined)
                                    d[i].sl = 1
                                for (var j = 0; j < d.length; j++) {
                                    if (d[j].add_ids && d[j].add_ids.split(',').indexOf(d[i].id.toString()) != -1) {
                                        d[i].pid = d[j].id;
                                        break;
                                    }
                                }
                                if (!d[i].pid)
                                    d[i].pid = -1;
                                liger.get("grid2").add(d[i]);
                            }
                            //计算
                            sum();
                        },
                    });
                }
            });

            $("#grid2").ligerGrid({
                height: '100%',
                columns: [
                    { display: 'id', name: 'id', align: 'left', width: 40 },
                    { display: '收费项目', name: 'charge_project_name', align: 'left', width: 150 },
                    { display: '单价', name: 'fee', align: 'right', width: 100, type: 'float', editor: { type: 'float' } },
                    { display: '数量', name: 'sl', align: 'left', width: 100, type: 'int', editor: { type: 'int' } },
                    { display: '附加', name: 'pid', align: 'left', width: 100, type: 'int' }
                ],
                url: "@Url.Action("getSFXMData")?id=-1",
                pageSize: 30,
                rownumbers: true,
                usePager: false,
                fixedCellHeight: false,
                enabledEdit: true,
                onDblClickRow: function (rowdata, rowid, rowobj) {
                    liger.get("grid2").remove(rowdata);
                    //计算
                    sum();

                    var rows = liger.get("grid1").getData();
                    for (var i in rows) {
                        if (rows[i].id == rowdata.id)
                            return;
                    }
                    liger.get("grid1").add(rowdata);
                },
                onAfterEdit: function (e) {
                    //计算
                    sum();
                }
            });

            $("#grid3").ligerGrid({
                height: '100%',
                columns: [
                    { display: 'id', name: 'id', align: 'left', width: 40 },
                    { display: '缴费人', name: 'person', align: 'left', width: 80 },
                    { display: '是否缴费', name: 'status', align: 'left', width: 80 },
                    { display: '缴费金额', name: 'money', align: 'right', width: 80 },
                    { display: '缴费时间', name: 'moneydate', align: 'left', width: 100, render: function (r, i, v) { if (v)  return formatTime(v) } }
                ],
                url: "@Url.Action("getCharge")",
                pageSize: 30,
                rownumbers: true,
                fixedCellHeight: false,
                usePager: false
            });

            getCharge();
        });

        function getCharge()
        {
            liger.get("grid3").set("parms", { start: $("#start").val(), end: $("#end").val(), tm: $("#tm").val()  });
            liger.get("grid3").reload();
        }

        function sum()
        {
            var rows = liger.get("grid2").getData();
            var result = 0;
            for (var i in rows) {
                result += rows[i].fee * rows[i].sl;
            }
            $("#ysje").val(result);
        }

        function save() {
            var rows = liger.get("grid2").getData();
            if (rows.length == 0) {
                $.ligerDialog.error("请添加收费项目！")
                return;
            }

            var jfdw = $("#jfdw").val();
            var jfbm = $("#jfbm").val();
            var jffs = $("#jffs").val();
            var ysje = $("#ysje").val();
            if (!jfdw || !jfbm || !jffs || !ysje) {
                $.ligerDialog.error("请填写详细信息！")
                return;
            }

            var items = "";
            for (var i in rows) {
                items += rows[i].id + "|" + rows[i].charge_project_name + "|" + rows[i].fee + "|" + rows[i].sl+ "|" + rows[i].pid + ",";
            }
            $.ajax({
                url: "@Url.Action("opSave")", type: "post", dataType: "text", data: { jfdw: jfdw, jfbm: jfbm, jffs: jffs, ysje: ysje, items: items },
                success: function (d) {
                    $.ligerDialog.closeWaitting();
                    if (d.toLocaleLowerCase() == "true") {
                        $.ligerDialog.success("操作成功！");

                        //初始化
                        $("#jfdw").val("");
                        $("#ysje").val("0");
                        $("#ssje").val("0");
                        $("#zlje").val("0");
                        liger.get("grid1").set("parms", { sfxm: $("#sfxm").val() });
                        liger.get("grid1").reload();
                        liger.get("grid2").reload();
                        getCharge();
                    }
                    else {
                        $.ligerDialog.error("操作失败！");
                    }
                },
                beforeSend: function () {
                    $.ligerDialog.waitting("正在进行请稍后……");
                }
            });
        }

        function fun_date(days) {
            var date1 = new Date(),
            time1 = date1.getFullYear() + "-" + (date1.getMonth() + 1) + "-" + date1.getDate();//time1表示当前时间
            var date2 = new Date(date1);
            date2.setDate(date1.getDate() + days);

            var y = date2.getFullYear();
            var m = date2.getMonth() + 1;
            m = m < 10 ? '0' + m : m;
            var d = date2.getDate();
            d = d < 10 ? ('0' + d) : d;
            var time2 = y + "-" + m + "-" + d;
            return time2;
        }
    </script>
}

<div class="l-clear"></div>
<div id="layout1">
    <div position="left">
        <table class="t1" style="width: 100%">
            <tr>
                <td class="ltd" width="100px">收费项目：</td>
                <td class="rtd">
                    @Html.TextBox("sfxm", "", new { @class = "l-text" })
                </td>
                <td class="rtd">
                    <input type="button" id="btSelect" value="查询" class="l-button" />
                </td>
            </tr>
        </table>
        <div id="grid1"></div>
    </div>
    <div position="center" title="缴费项目(双击增删)">
        <div id="grid2"></div>
    </div>
    <div position="right" title="缴费情况">
        <table class="t1" style="width: 100%">
            <tr>
                <td width="70" class="ltd">日期：</td>
                <td width="100" class="rtd"><input type="text" id="start" /></td>
                <td width="100" class="rtd"><input type="text" id="end" /></td>
            </tr>
            <tr>
                <td width="70" class="ltd">条码：</td>
                <td width="100" class="rtd"><input type="text" class="l-text" id="tm" /></td>
                <td width="100" class="rtd"><input type="button" id="btSelect2" value="查询" class="l-button" /></td>
            </tr>
        </table>
        <div id="grid3"></div>
    </div>
    <div position="top">
        <table class="t1" style="width:100%">
            <tr>
                <td width="70" class="ltd">缴费单位</td>
                <td width="150" class="rtd">@Html.TextBox("jfdw", "", new { @class = "l-text" })</td>
                <td width="70" class="ltd">缴费部门</td>
                <td width="150" class="rtd">@Html.DropDownList("jfbm", ViewBag.jfbmD as SelectList, "----请选择----")</td>
                <td width="70" class="ltd">缴费方式</td>
                <td width="150" class="rtd">@Html.DropDownList("jffs", ViewBag.jffs as SelectList)</td>
                <td width="100" class="rtd" rowspan="2"><input type="button" value="保存" onclick="save()" class="l-button" style="height:60px" /></td>
            </tr>
            <tr>
                <td width="70" class="ltd">应收金额</td>
                <td width="150" class="rtd">@Html.TextBox("ysje", "0", new { @class = "l-text l-text-field-number", @type = "number", @readonly = "readonly" })</td>
                <td width="70" class="ltd">实收金额</td>
                <td width="150" class="rtd">@Html.TextBox("ssje", "0", new { @class = "l-text l-text-field-number", @type = "number" })回车计算</td>
                <td width="70" class="ltd">找零金额</td>
                <td width="150" class="rtd">@Html.TextBox("zlje", "0", new { @class = "l-text l-text-field-number", @type = "number" })</td>
            </tr>
        </table>
    </div>
</div>
<div style="display:none;"></div>