@{
    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="row">
    <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-2">
                        <div class="radio">
                            <label>
                                <input type="radio" name="optionsRadios" value="0" checked>
                                按天筛选
                            </label>
                        </div>
                        <div class="radio">
                            <label>
                                <input type="radio" name="optionsRadios" value="1">
                                按时间区间筛选
                            </label>
                        </div>
                    </div>

                    <div class="col-md-10">
                        <div class="tab-content" style="padding-top: 15px">
                            <div class="tab-pane active" id="day">
                                <div class="col-md-12">
                                    <div class="input-group date" style="width:280px;float:left">
                                        <div class="input-group-addon">日期</div>
                                        <input id="date" type="text" class="form-control" value="@DateTime.Now.AddDays(-1).ToString("yyyy-MM-dd")">
                                    </div>
                                    <div style="float:left;">
                                        <span>&nbsp;&nbsp;</span>
                                    </div>
                                    <div class="btn-group" style="float:left">
                                        <button onclick="shortcut(-2)" class="btn btn-default">前天</button>
                                        <button onclick="shortcut(-1)" class="btn btn-default">昨天</button>
                                        <button onclick="shortcut(0)" class="btn btn-default">今天</button>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="days">
                                <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>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div id="container1" style="height: 360px"></div>
                    </div>
                    <div class="col-md-12"  style="padding-top: 30px">
                        <div id="container2" style="height: 360px"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section footer{
    <script src="~/lib/zTree.v3/js/jquery.ztree.core.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/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="~/lib/bootstrap-table/locale/bootstrap-table-zh-cn.min.js"></script>
    <script src="~/lib/echarts/echarts.min.js"></script>
    <script src="~/js/fault/fault.js"></script>
    }