@{
    ViewBag.Title = "sqgwjdMessageTx";
}

@model dccdc.Models.sqgwjdModel
@section scripts{
    <script type="text/javascript" src="@Url.Content("~/Scripts/public.js?v=1.02")"></script>
    <script type="text/javascript">
        var openf2;
        $(function () {
            $("#layout1").ligerLayout({ leftWidth: 300, topHeight: 130 });
            $("#sqsj").ligerDateEditor({ format: "yyyy/MM/dd hh:mm:ss", showTime: true });
            //$("#sqsj").ligerGetDateEditorManager().setValue(fun_date(0));
            //$("#jdsj2").ligerDateEditor();

            $("#grid2").ligerGrid({
                height: "300px",
                columns: [
                    {
                        display: "", name: "", align: "left", width: 33,
                        render: function () {
                            return "<div onclick='add(1)' style='text-align:center'><img  src='@Url.Content("~/Content/jingfei/b_jia.png")'><div>";
                        }
                    },
                    { display: "姓名", name: "title1", align: "left", width: 160, type: 'string', editor: { type: 'string' } },
                    { display: "单位及职务", name: "title2", align: "left", width: 400, type: 'string', editor: { type: 'string' } },
                    //{ display: "金额", name: "je", align: "right", width: 150, type: 'float', editor: { type: 'float', initSelect: true  } },
                    {
                        display: "", name: "", align: "left", width: 33,
                        render: function () {
                            return "<div onclick='sub(this)' style='text-align:center'><img  src='@Url.Content("~/Content/jingfei/b_jian.png")'><div>";
                        }
                    }
                ],
                rownumber: true,
                usePager: false,
                enabledEdit: true,
                heightDiff: -27
            });

             $("#grid3").ligerGrid({
                height: "300px",
                columns: [
                    {
                        display: "", name: "", align: "left", width: 33,
                        render: function () {
                            return "<div onclick='add2(1)' style='text-align:center'><img  src='@Url.Content("~/Content/jingfei/b_jia.png")'><div>";
                        }
                    },
                    { display: "项目", name: "title1", align: "left", width: 160, type: 'string', editor: { type: 'string' } },
                    { display: "场所", name: "title2", align: "left", width: 160, type: 'string', editor: { type: 'string' } },
                    { display: "时间", name: "title3", align: "left", width: 120, type: 'string', editor: { type: 'string' } },
                    { display: "费用", name: "title4", align: "right", width: 120, type: 'float', editor: { type: 'float', initSelect: true  } },
                    {
                        display: "", name: "", align: "left", width: 33,
                        render: function () {
                            return "<div onclick='sub2(this)' style='text-align:center'><img  src='@Url.Content("~/Content/jingfei/b_jian.png")'><div>";
                        }
                    }
                ],
                rownumber: true,
                usePager: false,
                enabledEdit: true,
                heightDiff: -27,
                onAfterEdit: function (e) {
                    //计算
                    sum();
                }
            });

            //添加时补齐6行 要等grid加载完 add才有效 延迟一会
            //liger grid 就onloaded事件好用 但是这个事件 弹出加载中 不会消失
            setTimeout(function () { add(6) }, 500);
            setTimeout(function () { add2(6) }, 500);
        })
        function add(count) {
            //初始添加 并且内容不为空
            if ("@Model.bcnr1" && count == 6) {
                var rows = "@Model.bcnr1".split(',')
                for (var i in rows) {
                    var titles = rows[i].split('|');
                    if (titles.length == 2) {
                        var rowdata = {};
                        rowdata.title1 = titles[0];
                        rowdata.title2 = titles[1];
                        liger.get("grid2").add(rowdata);
                    }
                }
            }
            else {
                if (count <= 0) {
                    return;
                }
                var rowdata = {};
                rowdata.title1 = "";
                rowdata.title2 = "";
                liger.get("grid2").add(rowdata);
                add(--count)
            }
        }
        function sub(e) {
            var rowindex = e.parentNode.parentNode.parentNode.rowIndex;
            if (rowindex >= 6) {
                var r = liger.get("grid2").getRow(rowindex);
                liger.get("grid2").remove(r);
            }
            else {
                liger.get("grid2").updateCell("title1", "", rowindex)
                liger.get("grid2").updateCell("title2", "", rowindex)
            }
        }

        function add2(count) {
            //初始添加 并且内容不为空
            if ("@Model.bcnr2" && count == 6) {
                var rows = "@Model.bcnr2".split(',')
                for (var i in rows) {
                    var titles = rows[i].split('|');
                    if (titles.length == 4) {
                        var rowdata = {};
                        rowdata.title1 = titles[0];
                        rowdata.title2 = titles[1];
                        rowdata.title3 = titles[2];
                        rowdata.title4 = titles[3];
                        liger.get("grid3").add(rowdata);
                    }
                }
            }
            else {
                if (count <= 0) {
                    return;
                }
                var rowdata = {};
                rowdata.title1 = "";
                rowdata.title2 = "";
                rowdata.title3 = "";
                rowdata.title4 = 0;
                liger.get("grid3").add(rowdata);
                add2(--count)
            }
        }
        function sub2(e) {
            var rowindex = e.parentNode.parentNode.parentNode.rowIndex;
            if (rowindex >= 6) {
                var r = liger.get("grid3").getRow(rowindex);
                liger.get("grid3").remove(r);
            }
            else {
                liger.get("grid3").updateCell("title1", "", rowindex)
                liger.get("grid3").updateCell("title2", "", rowindex)
                liger.get("grid3").updateCell("title3", "", rowindex)
                liger.get("grid3").updateCell("title4", 0, rowindex)
            }

            //计算
            sum();
        }

        function sum() {
            var rows = liger.get("grid3").getData();
            var result = 0;
            for (var i in rows) {
                result += parseFloat(rows[i].title4);
            }
            $("#bcje").val(result.toFixed(2));
        }

        function save() {
            liger.get("grid2").endEdit();
            var rows = liger.get("grid2").getData();
            if (rows.length == 0) {
                $.ligerDialog.error("请添加明细！")
                return;
            }
            var items = "";
            for (var i in rows) {
                if (rows[i].title1 || rows[i].title2)
                    items += rows[i].title1 + "|" + rows[i].title2 + ",";
            }
            if (!items) {
                $.ligerDialog.error("至少维护一条明细！")
                return;
            }
            var bcnr1 = items;

            liger.get("grid3").endEdit();
            var rows = liger.get("grid3").getData();
            if (rows.length == 0) {
                $.ligerDialog.error("请添加明细！")
                return;
            }
            var items = "";
            for (var i in rows) {
                if (rows[i].title1 || rows[i].title2)
                    items += rows[i].title1 + "|" + rows[i].title2+ "|" + rows[i].title3+ "|" + rows[i].title4 + ",";
            }
            if (!items) {
                $.ligerDialog.error("至少维护一条明细！")
                return;
            }
            var bcnr2 = items;

            var id = $("#id").val();
            var bz = $("#bz").val();
            //var bcnr1 = $("#bcnr1").val();
            //var bcnr2 = $("#bcnr2").val();
            var bcnr3 = $("#bcnr3").val();
            var bcje = $("#bcje").val();

            $.ajax({
                url: "@Url.Action("savesqgwjdTx")", type: "post", dataType: "json", data: { id: id, bz: bz, bcnr1: bcnr1, bcnr2: bcnr2, bcnr3: bcnr3, bcje: bcje },
                success: function (d) {
                    $.ligerDialog.closeWaitting();
                    if (d.State == "0") {
                        $.ligerDialog.error("操作失败！");
                    }
                    else {
                        $.ligerDialog.success("操作成功！");
                        parent.init();
                        //window.opener.init();
                        //window.opener = null;
                        //window.close();
                    }
                },
                beforeSend: function () {
                    $.ligerDialog.waitting("正在进行请稍后……");
                }
            });
        }

        //js对象深度克隆
        var deepCopy = function (source) {
            var result = {};
            for (var key in source) {
                result[key] = typeof source[key] === 'object' ? deepCopy(source[key]) : source[key];
            }
            return result;
        }

        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>

    <style type="text/css">
        .ltd {
            background-color: white;
        }

        .t3 .ltd {
            text-align: center;
        }

        .t2 tr td {
            padding: 5px 0px 5px 10px;
            line-height: 22px;
            word-break: break-all;
        }

        .t3 tr td {
            border: 1px solid #bebeff;
            padding: 5px 0px 5px 10px;
            line-height: 22px;
            word-break: break-all;
        }
    </style>
}

<div class="l-clear"></div>
<div style="width:650px; margin:0 auto">
    @Html.HiddenFor(m => m.id)
    <h3 style="text-align:center;margin:10px 0 10px 0">德城区疾控中心公务接待申请单补充填写</h3>
    <table class="t2" style="width:100%" border="0">
        <tr>
            <td class="ltd" width="70px">申 请 人：</td>
            <td class="rtd" width="150px">@Html.DisplayFor(m => m.sqr)</td>
            <td class="ltd" width="70px">申请科室</td>
            <td class="rtd" width="150px">@Html.DisplayFor(m => m.ksmc)</td>
            <td class="ltd" width="70px">申请金额</td>
            <td class="rtd" width="150px">@Html.DisplayFor(m => m.je)</td>
        </tr>
    </table>
    <table class="t3" style="width:100%">
        <tr>
            <td class="ltd">接待时间</td>
            <td class="rtd" colspan="4">@Html.TextBoxFor(m => m.jdsj2, new { @class = "l-text", @disabled = "" })</td>
        </tr>
        <tr>
            <td class="ltd">接待理由</td>
            <td class="rtd" colspan="4">@Html.TextAreaFor(m => m.bz, new { @rows = "2", @style = "width:90%", @disabled = "" })</td>
        </tr>
        <tr>
            <td class="ltd" colspan="2">接待对象 @Html.HiddenFor(m => m.bcnr1)</td>
        </tr>
    </table>
    <div id="grid2"></div>
    <table class="t3" style="width:100%">
        <tr>
            <td class="ltd" colspan="2">公务活动 @Html.HiddenFor(m => m.bcnr2) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 金额合计：@Html.TextBoxFor(m => m.bcje, new { @style = "width:90px", @class = "l-text l-text-field-number", @type = "number", @readonly = "readonly" })</td>
        </tr>
    </table>
    <div id="grid3"></div>
    <table class="t3" style="width:100%">
        <tr>
            <td class="ltd">备注</td>
            <td class="rtd" colspan="4">@Html.TextAreaFor(m => m.bcnr3, new { @rows = "2", @style = "width:90%" })</td>
        </tr>
    </table>
    <div style="text-align:center;margin-top:10px"><input type="@Request.QueryString["type"]" readonly="readonly" value="申请" class="l-button" onclick="save()" /></div>
</div>
<div style="display:none;"></div>