<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ParkingTemporaryStop_Monthly.aspx.cs" Inherits="M_Main.ChargesNew.ParkingTemporaryStop_Monthly" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="../Jscript-Ui/jquery-easyui-1.4.4/jquery.min.js"></script>
    <script src="../jscript/JSClient.js" type="text/javascript"></script>
    <script src="../jscript/jquery.tool.new.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="../Jscript-Ui/jquery-easyui-1.4.4/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="../Jscript-Ui/jquery-easyui-1.4.4/themes/icon.css" />
    <script type="text/javascript" src="../Jscript-Ui/jquery-easyui-1.4.4/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../Jscript-Ui/jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
    <link href="../css/framesearch.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="../Jscript-Ui/JQForm/JQForm.js"></script>
    <script src="../jscript/Dialog.js" type="text/javascript"></script>

    <link href="../css/button.css" rel="stylesheet" />
    <script src="../jscript/DateFormat.js" type="text/javascript"></script>
    <script src="../jscript/format.js" type="text/javascript"></script>
    <script type="text/javascript" src="../jscript/Cache.js"></script>
    <script type="text/javascript" src="../jscript/DatePicker/WdatePicker.js"></script>
</head>
<body>
    <form id="FrmForm">
        <input type="hidden" id="SelAll" name="SelAll" runat="server" />
        <input type="hidden" id="SelParkID" name="SelParkID" value="" runat="server" />
        <input id="strParkType" size="1" type="hidden" name="strParkType" runat="server" />

        <div style="width: 100%; background-color: #cccccc;" id="TableContainer">
        </div>
        <div id="SearchDlg" class="easyui-dialog" title="筛选条件" data-options="iconCls:'icon-search',closed: true,modal:true"
            style="width: 800px; height: 280px; padding: 10px;">
            <table class="DialogTable" style="line-height: 25px;">

                <tr>
                    <td class="TdTitle">车场名称</td>
                    <td class="TdContentSearch">
                        <input type="text" style="width: 83%;" id="ParkName" name="ParkName" />

                    </td>
                    <td class="TdTitle">车牌号码</td>
                    <td class="TdContent">
                        <input type="text" style="width: 81%;" id="CarSign" name="CarSign" runat="server" /></td>
                </tr>
                <tr>
                    <%--<td class="TdTitle">入场时间起</td>
                    <td class="TdContentSearch">
                        <input class="Wdate" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" id="JoinTimeBegin" maxlength="50" name="JoinTimeBegin" runat="server" type="text" />
                    </td>
                    <td class="TdTitle">入场时间止</td>
                    <td class="TdContentSearch">
                        <input class="Wdate" onclick="WdatePicker({ dateFmt: 'yyyy-MM-dd' })" id="JoinTimeEnd" maxlength="50" name="JoinTimeEnd" runat="server" type="text" />
                    </td>--%>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td class="TdTitle"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td style="text-align: center;" colspan="4">
                        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="LoadList();">确定筛选</a>
                    </td>

                </tr>

            </table>
        </div>
    </form>
</body>
</html>

<script language="javascript" type="text/javascript">

    var w = $(window).width();
    var h = $(window).height();
    $(function () {
        InitTableHeight();
        LoadList();
    });

    function InitTableHeight() {
        $("#TableContainer").css("height", h + "px");
        var wi = document.body.clientWidth * 0.29 * 0.8;
    }

    var column = [[

        { field: 'ParkingID', title: '车场编码', width: 80, align: 'left', sortable: true },
        { field: 'ParkName', title: '车场名称', width: 80, align: 'left', sortable: true },
        { field: 'CustName', title: '客户名称', width: 80, align: 'left', sortable: true },
        { field: 'MobilePhone', title: '手机号码', width: 80, align: 'left', sortable: true, hidden: true },
        { field: 'CarSign', title: '车牌号码', width: 100, align: 'left', sortable: true },
        { field: 'ChargeAmount', title: '收费金额', width: 80, align: 'left', sortable: true },
        { field: 'PayMode', title: '支付方式', width: 100, align: 'left', sortable: true },

        { field: 'ParkStartDate', title: '计费开始时间', width: 100, align: 'left', sortable: true },
        { field: 'ParkEndDate', title: '计费结束时间', width: 100, align: 'left', sortable: true },
        { field: 'DiscountMoney', title: '优惠金额', width: 100, align: 'left', sortable: true },
        { field: 'JoinTime', title: '进场时间', width: 100, align: 'left', sortable: true },
        { field: 'PayTime', title: '支付时间', width: 100, align: 'left', sortable: true },

    ]];

    var toolbar = [

        {
            text: '筛选',
            iconCls: 'icon-search',
            handler: function () {
                $('#SearchDlg').parent().appendTo($("form:first"))
                $('#SearchDlg').dialog('open');

            }
        }, '-', {
            text: "<span style='color:red'>备注：查询车场月租费用明细</span>"
        }

    ];



    function LoadList() {
        $("#TableContainer").datagrid({
            url: '/HM/M_Main/HC/DataPostControl.aspx',
            method: "post",
            title: '',
            nowrap: false,
            pageSize: top.ListPageSize,
            pageList: top.ListPageList,
            columns: column,
            remoteSort: false,
            fitColumns: true,
            rownumbers: true,
            singleSelect: true,
            pagination: true,
            width: "100%",
            border: false,
            toolbar: toolbar,
            sortOrder: "asc",
            onBeforeLoad: function (param) {
                param = $.JQForm.GetParam("Carpark", "ParkingTemporaryStop_Monthly", "TableContainer", param);
            }
        });
        $("#SearchDlg").dialog("close");
    }
</script>


