206 lines
11 KiB
Plaintext
206 lines
11 KiB
Plaintext
@{
|
|
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> *@ |