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

<!DOCTYPE html>
<html xmlns="">
<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>
</head>
<body>
    <form id="BankCustSurrBrowse" method="post" runat="server">
        <input id="PageIndex" type="hidden" size="1" name="PageIndex" runat="server">
        <div id="tishi" class="easyui-dialog" title="备注" data-options="iconCls:'icon-search',closed: true,modal:true" style="width: 580px; height: 120px; padding: 10px;">
            <table id="tabtishi" cellpadding="0" cellspacing="0" border="0" width="100%" style='color: Red; display: none;'>
                <tr>
                    <td rowspan="4" width="40px" valign="top" style='color: Black'>备注：</td>
                    <td>1、主动缴费时指客户通过网站、APP、微信等渠道自助查费、缴费的方式，物管通过本模块查询业主主动缴费缴费结果。
                    </td>
                </tr>
                <tr>
                    <td style='line-height: 20px'>2、主动缴费失败后，须取消后方可再次缴费。
                    </td>
                </tr>
            </table>
        </div>
        <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: 700px; height: 220px; padding: 10px;">
            <table class="DialogTable" style="line-height: 25px;">
                <tr>
                     <td class="TdTitle">房屋编号</td>
                    <td class="TdContentSearch">
                        <input id="RoomSign" style="width: 83%;" class="easyui-validatebox" name="RoomSign" runat="server">
                    </td>
                    <td class="TdTitle">客户名称</td>
                    <td class="TdContentSearch">
                        <input id="CustName" style="width: 83%;" class="easyui-validatebox" name="CustName" runat="server">
                    </td>
                </tr>
                <tr>
                    <td class="TdTitle">发生时间从</td>
                    <td class="TdContentSearch">
                        <input id="BeginDate1" style="width: 83%;" class="easyui-datebox" data-options="editable:false" name="BeginDate1" runat="server"></td>
                    <td class="TdTitle">到</td>
                    <td class="TdContentSearch">
                        <input id="BeginDate2" style="width: 83%;" class="easyui-datebox" data-options="editable:false" name="BeginDate2" runat="server"></td>
                </tr>


                <tr>
                    <td class="TdTitle" colspan="4"></td>
                </tr>
                <tr>
                    <td align="center" colspan="4">
                        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="LoadList();">确定筛选</a>&nbsp;&nbsp;
                        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-filter'" onclick="CancelParm();">清&nbsp;&nbsp;空</a>
                    </td>
                </tr>
            </table>

        </div>
    </form>
</body>
</html>
<script type="text/javascript">

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

    function InitTableHeight() {
        $("#TableContainer").css("height", h + "px");
    }

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

    var Column = [[
        { field: 'CommID', title: '小区编号', width: 100, align: 'left', sortable: true },
        { field: 'CustName', title: '客户名称', width: 100, align: 'left', sortable: true },
        { field: 'RoomSign', title: '房屋编号', width: 100, align: 'left', sortable: true },
        { field: 'ChargeMode', title: '缴费方式', width: 100, align: 'left', sortable: true, },
        { field: 'ChargeAmount', title: '缴费金额', width: 100, align: 'left', sortable: true },
        { field: 'CostIDs', title: '预存费项编码', width: 100, align: 'left', sortable: true },
        { field: "OrderNO", title: '流水编号', width: 100, align: 'left', sortable: true },
        { field: 'FeesIDs', title: '费用编码', width: 100, align: 'left', sortable: true },
        { field: 'ChargeDate', title: '缴费时间', width: 100, align: 'left', sortable: true },
        { field: 'CreateDate', title: '创建时间', width: 100, align: 'left', sortable: true },
        { field: 'State', title: '状态', width: 100, align: 'left', sortable: true }

    ]]

    function LoadList() {
        $("#TableContainer").datagrid({
            url: '/HM/M_Main/HC/DataPostControl.aspx',
            method: "post",
            loadMsg: '数据加载中,请稍候...',
            nowrap: false,
            pageSize: top.ListPageSize,
            pageList: top.ListPageList,
            columns: Column,
            fitColumns: true,
            remoteSort: false,
            singleSelect: true,
            pagination: true,
            width: '100%',
            sortOrder: "asc",
            toolbar: toolbar,
            selectOnCheck: false,
            checkOnSelect: false,
            rownumbers: true,
            border: false,
            onBeforeLoad: function (param) {
                param = $.JQForm.GetParam("BankAgentSet", "SearchInterfacePayLog", "TableContainer", param);
            }
        });
        $('#SearchDlg').dialog('close');
    }

    //清空条件
    function CancelParm() {
        $("#BeginDate1").datebox("setValue", '');
        $("#BeginDate2").datebox("setValue", '');
        $("#IsSucc").combobox('clear');
        $("#CustomerName").val("");

    }

    $("select").each(function () {
        var key = $(this).attr("id");
        $(this).css("width", '83%');
    });
</script>
