@{
    ViewData["Title"] = "UDP通讯统计";
}
<!-- 内容标题（页面标题） -->
<div class="content-header" style="padding: 5px 0.5rem;">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 " >
                <h5 style='padding: 7.5px;' class="m-0  text-white bg-info">@ViewData["Title"]</h5>
            </div>
             <div class="mt-2 mb-1  col-12  col-md-10">
                 <div class="row p-0 m-0">
                      
                      <div class="col-12  p-0 m-0 mb-1">
                     <button style="line-height:1;"  onclick="Changerserver(1);" class="serverbtn btn btn-success btn-sm disabled">启动服务</button>

                     <button style="line-height:1;" onclick="Changerserver(3);" class="serverbtn ml-2 mr-2  btn btn-danger btn-sm disabled">停止服务</button>

                     <button style="line-height:1;" onclick="Changerserver(2);" class="serverbtn btn btn-warning btn-sm disabled" >重启服务</button>

                     </div>
                     <div  style="margin-top:4px; height:16px; width:16px;border-radius:50%;" id="serverstatus" class="bg-red"></div>
                      <div style="margin-top:4px; height:16px; line-height:1;"  class="ml-2 mr-2">服务状态</div>
                      <div style="margin-top:4px; height:16px; width:16px;border-radius:50%;" id="tcpstatus" class="bg-red"></div>
                      <div style="margin-top:4px; height:16px; line-height:1;" class="ml-2 mr-2">TCP状态</div>
                 </div>
                </div>
                <div class="mt-1 col-3  col-md-5">
                    <select onchange="ChangeTime(this);" id="UDPINFO_ChangeTime" class="form-control">
                        <option value="1">今天</option>
                        <option value="2">昨天</option>
                        <option value="3">过去的7天</option>
                        <option value="4">过去的30</option>
                        <option value="5">本月</option>
                        <option value="6">上月</option>
                        <option value="7">实时</option>
                        <option value="8">自定义时间</option>
                    </select>
                </div>
                <div class="mt-1 col-9 col-md-5">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="far fa-clock"></i></span>
                        </div>
                        <input type="text" class="form-control float-right" id="reservationtime">
                    </div>
                </div>
                 <div onclick="btnshow(this,0);" class="mt-1 col-12  col-md-10 btnshow">
                    <button   type="button" class="text-info btn btn-block btn-outline-light">通讯包数统计[收起]</button>
            </div>
             <div class="col-12 row">
                <div class="mt-1 col-12 col-md-10">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-check">
                                <input onchange="checkbox_change('TX',0);" class="form-check-input TX" checked type="checkbox">
                                <label class="form-check-label">TX</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-check">
                                <span style="opacity:0;">11</span>
                                <input onchange="checkbox_change('TX',1);" class="TX form-check-input" checked type="checkbox">
                                <label class="form-check-label">总数</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-check">
                                <input onchange="checkbox_change('TX',2);" class="TX form-check-input" checked type="checkbox">
                                <label class="form-check-label">一次</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-check">
                                <input onchange="checkbox_change('TX',3);" class="form-check-input TX" checked type="checkbox">
                                <label class="form-check-label">重发</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-check">
                                <input onchange="checkbox_change('TX',4);" class="form-check-input TX" checked type="checkbox">
                                <label class="form-check-label">失败</label>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-check">
                                <input onchange="checkbox_change('RX',0);" class="form-check-input RX" checked type="checkbox">
                                <label class="form-check-label">RX</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-check">
                                <span style="opacity:0;">11</span>
                                <input onchange="checkbox_change('RX',1);" class="form-check-input RX" checked type="checkbox">
                                <label class="form-check-label">总数</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-check">
                                <input onchange="checkbox_change('RX',2);" class="form-check-input RX" checked type="checkbox">
                                <label class="form-check-label">RX一次</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-check">
                                <input onchange="checkbox_change('RX',3);" class="form-check-input RX" checked type="checkbox">
                                <label class="form-check-label">RX重发</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <div class="form-check">
                                <input onchange="checkbox_change('RX',4);" class="form-check-input RX" checked type="checkbox">
                                <label class="form-check-label">无效</label>
                            </div>
                        </div>
                        <div class="col-3">
                            <button type="button" onclick="search_result(0)" class="b-0 btn btn-info btn-sm btn-flat">查询</button>
                        </div>
                    </div>
                </div>
                <div class="p-0 mt-1 col-12 ">
                    @*<h3 id="Title" class="card-title">折线图</h3>*@

                    <div class="Chart" id="lineChart" style="min-height:300px; height:auto; max-width: 100%;"></div>
                </div>
            </div>
            <div onclick="btnshow(this,1);" class="mt-1 col-12  col-md-10 btnshow">
                    <button   type="button" class="text-info btn btn-block btn-outline-light">通讯字节流量统计[收起]</button>
            </div>
            <div class="col-12">
                <div  class="Chart"  id="barChart" style="min-height: 300px; height:auto; max-width: 100%;"></div>
            </div>
              <div onclick="btnshow(this,2);" class="mt-1 col-12  col-md-10 btnshow">
                    <button   type="button" class="text-info btn btn-block btn-outline-light">端口数据使用情况[收起]</button>
            </div>
            <div class="col-12">
                 <div class="col-3 mt-1 p-0" >
                <select style="display:none;"   id="Chart_ChangeTime" class="form-control">
                        <option value="1">1min</option>
                        <option value="10">10min</option>
                        <option value="30">30min</option>
                        <option value="60">60min</option>
                    </select>
                </div> 
                <div  class="Chart"  id="Chart2" style="min-height: 300px; height:auto; max-width: 100%;"></div>
            </div>

             <div onclick="btnshow(this,3);" class="mt-1 col-12  col-md-10 btnshow">
                    <button   type="button" class="text-info btn btn-block btn-outline-light ">处理耗时[收起]</button>
            </div>
            <div class="col-12">
                <div  class="Chart"  id="Chart3" style="min-height: 300px; height:auto; max-width: 100%;"></div>
            </div>

             <div onclick="btnshow(this,4);" class="mt-1 col-12  col-md-10 btnshow">
                    <button   type="button" class="text-info btn btn-block btn-outline-light ">接收延迟[收起]</button>
            </div>
            <div class="col-12">
                <div  class="Chart"  id="Chart4" style="min-height: 300px; height:auto; max-width: 100%;"></div>
            </div>
            <div onclick="btnshow(this,5);" class="mt-1 col-12  col-md-10 btnshow">
                    <button   type="button" class="text-info btn btn-block btn-outline-light ">命令占比[收起]</button>
            </div>
            <div class="col-12">
                <div class="row">
            <div class="col-6">

                     <div  class="Chart"  id="Chart5" style="min-height: 300px; height:auto; max-width: 100%;"></div></div>
            <div class="col-6">

                <div  class="Chart"  id="Chart6" style="min-height: 300px; height:auto; max-width: 100%;"></div></div>
                </div>
               
            </div>

            <div onclick="btnshow(this,6);" class="mt-1 col-12  col-md-10 btnshow">
                    <button   type="button" class="text-info btn btn-block btn-outline-light ">重发占比[收起]</button>
            </div>
            <div class="col-12">
                <div class="row">
            <div class="col-6">

                     <div  class="Chart"  id="Chart7" style="min-height: 300px; height:auto; max-width: 100%;"></div></div>
            <div class="col-6">

                <div  class="Chart"  id="Chart8" style="min-height: 300px; height:auto; max-width: 100%;"></div></div>
                </div>
               
            </div>
        </div>
    </div>
    <!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- 主体内容 -->
<section class="content">

    <!-- /.container-fluid -->
</section>
<!-- /.content -->
<script defer src="~/js/echatr.js"></script>
<script src="/js_custom/UDPINFO.js" defer></script>
<!-- ChartJS -->
@*<script src="~/OT/Chart.min.js"></script> *@