NBDXSY/LeaRun.Application/LeaRun.Application.Web/Areas/PipeNetworkManage/Views/RealTimeMonitoring/RealTimeDataAnalysis.cshtml

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Index.cshtml";
}

<script>
    var commText = "瞬时流量";
    var commDanWei = "T/H";
    var dropdownValue = "InstantaneousFlow";
    var dropdownText = "瞬时流量";
    $(function () {
        InitialPage();
        GetGrid();       
    });

    //初始化页面
    function InitialPage() {

        //resize重设(表格、树形)宽高
        $(window).resize(function (e) {
            window.setTimeout(function () {
                $('#gridTable').setGridWidth(($('.gridPanel').width()));
                $("#gridTable").setGridHeight($(window).height() - 141);
                $("#itemTree").setTreeHeight($(window).height() - 52);
            }, 200);
            e.stopPropagation();
        });
    }
    
    function GetGrid() {
        var selectedRowIndex = 0;
        var $gridTable = $('#gridTable');       
        $gridTable.jqGrid({
            url: "/PipeNetworkManage/RealTimeMonitoring/GetRealTimeAnalysis",
            datatype: "json",
            height: $(window).height() - 170,
            width: "100%",
            autowidth: true,
            rownumbers: true,
            colModel: [
                { label: "测点", name: "DevName", align: "left", sortable: false },
                { label: "传感器", name: "传感器", align: "left", sortable: false },
                { label: '上传时间', name: '上传时间', align: 'right', sortable: false },
                { label: commText+'('+commDanWei+')', name: '瞬时流量', align: 'right', sortable: false },
                { label: "今日最高("+commDanWei+")", name: "今日最高", align: "right", sortable: false },
                { label: "时间", name: "今日最高时间", align: "right", sortable: false },
                { label: "今日最低(" + commDanWei + ")", name: "今日最低", align: "right", sortable: false },
                { label: "时间", name: "今日最低时间", align: "right", sortable: false },
                { label: "昨日最高(" + commDanWei + ")", name: "昨日最高", align: "right", sortable: false },
                { label: "时间", name: "昨日最高时间", align: "right", sortable: false },
                { label: "昨日最低(" + commDanWei + ")", name: "昨日最低", align: "right", sortable: false },
                { label: "时间", name: "昨日最低时间", align: "right", sortable: false },
                { label: "今日平均(" + commDanWei + ")", name: "今日平均", align: "right", sortable: false },
                { label: "昨日平均(" + commDanWei + ")", name: "昨日平均", align: "right", sortable: false },
                { label: "昨日振幅(%)", name: "昨日振幅", align: "right", sortable: false },
                { label: "今日振幅(%)", name: "今日振幅", align: "right", sortable: false }
            ],
            viewrecords: true,
            rowNum: 30,
            rowList: [30, 50, 100],
            pager: "#gridPager",
            gridview: true,
            footerrow: true,
            onSelectRow: function () {
                selectedRowIndex = $("#" + this.id).getGridParam('selrow');
            },
            gridComplete: function () {
                $("#" + this.id).setSelection(selectedRowIndex, false);
            }
        });
        //查询条件
        $("#queryCondition .dropdown-menu li").click(function () {
            dropdownText = $(this).find('a').html();
            dropdownValue = $(this).find('a').attr('data-value');
            $("#queryCondition .dropdown-text").html(dropdownText).attr('data-value', dropdownValue)
            commText = dropdownText;
            if (dropdownText == "瞬时流量") {
                commDanWei = "T/h";
            }
            else {
                commDanWei = "MPa";
            }
        });

        //查询事件
        $("#btn_Search").click(function () {
            $gridTable.jqGrid('setGridParam', {
                postData: { selField:dropdownValue,fieldName:dropdownText },
                page: 1
            }).trigger('reloadGrid');
        });
        //查询回车
        $('#txt_Keyword').bind('keypress', function (event) {
            if (event.keyCode == "13") {
                $('#btn_Search').trigger("click");
            }
        });
    }

    function InitialData() {
        var $gridTable = $('#gridTable');
        $gridTable.jqGrid('setGridParam', {
            postData: { selField: dropdownValue, fieldName: dropdownText },
            page: 1
        }).trigger('reloadGrid');
    }
</script>

<div class="titlePanel">
    <div class="title-search">
        <table>
            <tr>
                <td>
                    <div id="queryCondition" class="btn-group">
                        <a class="btn btn-default dropdown-text" data-toggle="dropdown" data-value="InstantaneousFlow">瞬时流量</a>
                        <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a data-value="InstantaneousFlow">瞬时流量</a></li>
                            <li><a data-value="Pressure">压力</a></li>
                        </ul>
                    </div>
                </td>                
                <td style="padding-left: 5px;">
                    <a id="btn_Search" class="btn btn-primary"><i class="fa fa-search"></i>&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>           
        </div>
    </div> 
</div>
<div class="gridPanel">
    <table id="gridTable"></table>
    <div id="gridPager"></div>
</div>