@{
    ViewBag.Title = "流量报表";
    Layout = "~/Views/Shared/_LayoutIndex.cshtml";
}

<script src="~/Areas/PipeNetworkManage/Content/flow-report.js"></script>

<div class="ui-layout" id="layout" style="height: 100%; width: 100%;">
    <div class="ui-layout-west">
        <div class="west-Panel">
            <div class="panel-Title">测点列表</div>
            <div id="itemTree"></div>
        </div>
    </div>
    <div class="ui-layout-center">
        <div class="center-Panel">
            <div id="tabs">
                <ul>
                    <li><a href="#tabs-1">日报表</a></li>
                    <li><a href="#tabs-2">月报表</a></li>
                    <li><a href="#tabs-3">年报表</a></li>
                </ul>
                <div id="tabs-1">
                    <div class="titlePanel">
                        <div class="title-search">
                            <table>
                                <tr>
                                    <td style="padding-left: 10px;">日期：
                                    </td>
                                    <td style="padding-left: 10px;">
                                        <input id="dayDate" readonly type="text"  value="@LeaRun.Util.Time.ShortDate"  onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="form-control input-wdatepicker" style="width:150px">
                                    </td>
                                    <td style="padding-left: 10px;">
                                        <a id="btn_Day_Search" class="btn btn-primary">&nbsp;查&nbsp;&nbsp;询</a>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="toolbar">
                            <div class="btn-group">
                                <a id="lr-replace" class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
                                <a id="lr-export" class="btn btn-default" onclick="btn_point_export()"><i class="fa fa-sign-out"></i>&nbsp;导出</a>
                            </div>
                        </div>
                    </div>
                    <div class="gridPanel">
                        <table id="dayGrid"></table>                        
                    </div>
                </div>
                <div id="tabs-2">
                    <div class="titlePanel">
                        <div class="title-search">
                            <table>
                                <tr>                                    
                                    <td style="padding-left: 10px;">日期：
                                    </td>
                                    <td style="padding-left: 10px;">
                                        <input id="monthDate"  readonly type="text"  value="@LeaRun.Util.Time.Now.ToString("yyyy-MM")" class="form-control input-wdatepicker" onfocus="WdatePicker({dateFmt:'yyyy-MM'})" style="width:150px">
                                    </td>
                                    <td style="padding-left: 10px;">
                                        <a id="btn_Month_Search" class="btn btn-primary">&nbsp;查&nbsp;&nbsp;询</a>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="toolbar">
                            <div class="btn-group">
                                <a class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
                                <a class="btn btn-default" onclick="btn_points_export()"><i class="fa fa-sign-out"></i>&nbsp;导出</a>
                            </div>
                        </div>
                    </div>
                    <div class="gridPanel">
                        <table id="monthGrid"></table>                       
                    </div>
                </div>
                <div id="tabs-3">
                    <div class="titlePanel">
                        <div class="title-search">
                            <table>
                                <tr>                                    
                                    <td style="padding-left: 10px;">日期：
                                    </td>
                                    <td style="padding-left: 10px;">
                                        <input id="yearDate"  readonly type="text"  value="@LeaRun.Util.Time.Now.ToString("yyyy")" class="form-control input-wdatepicker" onfocus="WdatePicker({dateFmt:'yyyy'})" style="width:150px">
                                    </td>
                                    <td style="padding-left: 10px;">
                                        <a id="btn_Year_Search" class="btn btn-primary">&nbsp;查&nbsp;&nbsp;询</a>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <div class="toolbar">
                            <div class="btn-group">
                                <a class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
                                <a class="btn btn-default" onclick="btn_points_export()"><i class="fa fa-sign-out"></i>&nbsp;导出</a>
                            </div>
                        </div>
                    </div>
                    <div class="gridPanel">
                        <table id="yearGrid"></table>                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>