@{
    ViewData["TitleController"] = "计划监控";
    ViewData["TitleAction"] = "";
    ViewData["TitleActionDescription"] = "计划监控";
    ViewData["Title"] = "计划监控";
}

<div id="app">
    <div class="col-md-12">
        <div class="box box-primary">
            <div class="box-header">
                <h2 style="color:#FCC439">
                    @if (DateTime.Now.Hour < 8)
                    {
                        @DateTime.Now.AddDays(-1).ToString("yyyy-MM-dd")
                    }
                    else
                    {
                        @DateTime.Now.ToString("yyyy-MM-dd")
                    }
                    &nbsp;&nbsp;&nbsp;
                    实时KEYIN信息
                    &nbsp;&nbsp;&nbsp;
                    页面 1min 自动刷新
                </h2>
            </div>
            <div class="box-body" style="min-height: 600px">
                <div class="col-lg-6" v-for="lineData in lineDatas">
                    <div style ="height: 600px; border: 1px solid #0b9afa; margin: 2px; padding: 10px; border-radius: 2px;">
                        <div style="height: 40px; padding-left: 10px">
                            <h3>{{ lineData.name }}</h3>
                        </div>
                        <div style="height:450px; overflow:auto">
                            <table id="table2" class="table table-hover">
                                <thead>
                                    <tr>
                                        <th width="10%">No</th>
                                        <th width="20%">类别</th>
                                        <th>描述</th>
                                        <th width="10%">开始</th>
                                        <th width="10%">结束</th>
                                        <th width="10%">耗时</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="(keyInInfo, index) in lineData.keyInInfos">
                                        <td>{{index + 1}}</td>
                                        <td>{{keyInInfo.keyInTypeName}}</td>
                                        <td>{{keyInInfo.description}}</td>
                                        <td>{{keyInInfo.startTime | dataTimeFormat}}</td>
                                        <td>{{keyInInfo.endTime | dataTimeFormat}}</td>
                                        <td>{{keyInInfo.affectTime}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section footer{
    <script src="~/js/Line/LineRealTimeInfo.js"></script>
}