mirror of
https://github.com/JamesonHuang/OpenWrt_Luci_Lua.git
synced 2024-11-27 23:40:10 +00:00
88 lines
2.9 KiB
HTML
88 lines
2.9 KiB
HTML
|
<%
|
|||
|
|
local ver = require("xiaoqiang.XQVersion").webVersion
|
|||
|
|
%>
|
|||
|
|
<%include ("web/inc/head")%>
|
|||
|
|
<title>小米路由器</title>
|
|||
|
|
<link rel="stylesheet" href="<%=resource%>/web/css/page.urldet.css?v=<%=ver%>">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id="doc2">
|
|||
|
|
<div class="detect-header">
|
|||
|
|
<div class="inner">
|
|||
|
|
<h1>高级诊断</h1>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="detect-body">
|
|||
|
|
<div class="mod-search">
|
|||
|
|
<form class="form form-inline clearfix" action="/" method="post" name="httpdet" id="httpdet">
|
|||
|
|
<input type="hidden" name="simple" value="0">
|
|||
|
|
<div class="item input-url">
|
|||
|
|
<span class="v">
|
|||
|
|
<input name="target" type="text" class="text input-xlarge" placeholder="请输入您要诊断的网址">
|
|||
|
|
</span>
|
|||
|
|
<em class="t"></em>
|
|||
|
|
</div>
|
|||
|
|
<div class="item item-control">
|
|||
|
|
<button type="submit" id="btnDet" class="btn btn-primary"><span>检测</span></button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<div class="mod-result" style="display:none;"></div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="detect-footer">
|
|||
|
|
<a href="#" class="btn-det-1">上传日志</a>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
<script type="text/tmpl" id="tmplret">
|
|||
|
|
<ul>
|
|||
|
|
<li>Wanprotocal（上网连接类型）：{$wantype}</li>
|
|||
|
|
<li>Wanlink（Wan连接状态）：{$wanstatus}</li>
|
|||
|
|
<li>IP（域名解析到的IP地址）：{$domainip}</li>
|
|||
|
|
<li>GW（连接默认网关的丢包率）：{$gw}%</li>
|
|||
|
|
<li>DNS（解析域名）：{$dns}</li>
|
|||
|
|
<li>TCP（目标端口连通性）：{$tcp}</li>
|
|||
|
|
<li>Tracer（全连路连通性）：{$tracer}</li>
|
|||
|
|
<li>HTTP（域名状态码）：{$http}</li>
|
|||
|
|
</ul>
|
|||
|
|
</script>
|
|||
|
|
<%include ("web/inc/g.js.base")%>
|
|||
|
|
<script>
|
|||
|
|
$(function(){
|
|||
|
|
$('#httpdet').on('submit', function(e){
|
|||
|
|
e.preventDefault();
|
|||
|
|
var formName = this.name;
|
|||
|
|
var validator = FormValidator.checkAll(formName, [{
|
|||
|
|
name: 'target',
|
|||
|
|
display :'网址',
|
|||
|
|
rules: 'required|valid_url'
|
|||
|
|
}]);
|
|||
|
|
if (validator) {
|
|||
|
|
var request_data = $(this).serialize();
|
|||
|
|
$('#btnDet').prop('disabled', true).find('span').text('检测中...');
|
|||
|
|
$('#httpdet input').prop('disabled', true);
|
|||
|
|
$('.mod-result').html('努力诊断中，大概需要2分钟，请耐心等待...').fadeIn(400);
|
|||
|
|
$.post('<%=luci.dispatcher.build_url("api", "xqnetdetect","detect")%>', request_data, function(rsp){
|
|||
|
|
var rsp = $.parseJSON(rsp);
|
|||
|
|
if (rsp.code != 0) {
|
|||
|
|
$('.mod-result').html(rsp.msg).show();
|
|||
|
|
}else{
|
|||
|
|
var tpl = $('#tmplret').html();
|
|||
|
|
var tplData = {
|
|||
|
|
'wantype': rsp.wanType.toUpperCase(),
|
|||
|
|
'wanstatus': rsp.link.status == 0 ? '不正常' : '正常',
|
|||
|
|
'domainip': rsp.ip,
|
|||
|
|
'gw': rsp.gw,
|
|||
|
|
'dns': rsp.dns == 0 ? '失败' : '成功',
|
|||
|
|
'tcp': rsp.tcp,
|
|||
|
|
'tracer': rsp.tracer == 0 ? '不正常' : '正常',
|
|||
|
|
'http': rsp.http
|
|||
|
|
};
|
|||
|
|
$('.mod-result').html(StringH.tmpl(tpl, tplData)).show();
|
|||
|
|
}
|
|||
|
|
$('#btnDet').prop('disabled', false).find('span').text('检测');
|
|||
|
|
$('#httpdet input').prop('disabled', false);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
</script>
|