@{
    ViewData["TitleController"] = "能耗管理";
    ViewData["TitleAction"] = "能耗曲线";
    ViewData["TitleActionDescription"] = "设备能耗统计报表";
    ViewData["Title"] = "能耗曲线";
}


@section header{
    <link rel="stylesheet" href="~/lib/zTree.v3/css/zTreeStyle/zTreeStyle.min.css">
    <link rel="stylesheet" href="~/lib/adminlte/bower/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" />
}
<div class="col-md-12">
    <div class="box box-primary">
        <div class="box-body">
            <div class="col-md-2">
                <div class="over">
                    <ul id="productionLineTree" class="ztree"></ul>
                </div>
            </div>
            <div class="col-md-10">
                <div class="col-md-12">
                    <div class="input-group input-daterange" style="width:400px;float:left;padding:0px">
                        <div class="input-group-addon">起止日期</div>
                        <input id="date1" type="text" class="form-control" value="@DateTime.Now.AddDays(-7).ToString("yyyy-MM-dd")">
                        <div class="input-group-addon">-</div>
                        <input id="date2" type="text" class="form-control" value="@DateTime.Now.AddDays(-1).ToString("yyyy-MM-dd")">
                    </div>
                    <div class="col-md-1">
                        <div class="btn-group">
                            <button type="button" class="btn btn-block btn-default" onclick="getEnergyConsumptions()">
                                <i class="fa fa-search"></i> 查询
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="box-body">
                        <div class="title">
                            <h3>能耗曲线</h3>
                        </div>
                        <div id="container1" style="height: 350px">
                        </div>
                    </div>
                </div>
                <div class="col-md-12" style="padding-top: 10px;">
                    <div class="col-md-6">
                        <div class="box-body">
                            <div class="title">
                                <h3 id="chartName2">能耗/产能小时曲线</h3>
                            </div>
                            <div id="container2" style="height: 260px">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="box-body">
                            <div class="title">
                                <h3 id="chartName3">能耗产能比</h3>
                            </div>
                            <div id="container3" style="height: 260px">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section footer{

    <script src="~/lib/zTree.v3/js/jquery.ztree.core.min.js"></script>
    <script src="~/lib/ztree.v3/js/jquery.ztree.excheck.min.js"></script>
    <script src="~/lib/adminlte/bower/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script src="~/lib/adminlte/bower/bootstrap-datepicker/js/locales/bootstrap-datepicker.zh-cn.js"></script>
    <script src="~/lib/echarts/echarts.min.js"></script>
    <script src="~/js/energy-consumption/energy-consumption.js" asp-append-version="true"></script>
}