<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
<html lang="en">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
|
<title></title>
|
<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon" type="image/x-icon" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/search.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
|
<link href="https://fonts.gstatic.com" rel="preconnect" >
|
<link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap" rel="stylesheet">
|
<style>
|
.panel-head {
|
font-size: 1rem;
|
color: rgba(255, 255, 255, .7);
|
line-height: 2rem;
|
text-align: center;
|
background: linear-gradient(rgb(0, 20, 30), rgb(0, 40, 70));
|
border: 2px solid rgba(0, 90, 120, .3);
|
}
|
.table-bordered td, .table-bordered th {
|
border: 1px solid #ebedf2;
|
}
|
</style>
|
<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
|
</head>
|
<body class="alt-menu sidebar-noneoverflow">
|
|
<!-- BEGIN LOADER -->
|
<div id="load_screen"> <div class="loader"> <div class="loader-content">
|
<div class="spinner-grow align-self-center"></div>
|
</div></div></div>
|
<!-- END LOADER -->
|
<div class="border-left" style="opacity:0.4;float:left;position:absolute;z-index:1;left:120px;height:20px;"><img alt="" src="/hxzkoa/resources/images/border.png" class="img-left"></div>
|
<div class="border-right" style="opacity:0.4;float:right;position:absolute;z-index:2;right:120px;"><img alt="" src="/hxzkoa/resources/images/border2.png" class="img-right"></div>
|
<!-- BEGIN NAVBAR -->
|
<div class="login-page"></div>
|
<!-- END NAVBAR -->
|
|
<!-- BEGIN MAIN CONTAINER -->
|
<div class="main-container" id="container">
|
|
<div class="overlay"></div>
|
<div class="search-overlay"></div>
|
|
<!-- BEGIN TOPBAR -->
|
<div class="header-page"></div>
|
<!-- END TOPBAR -->
|
|
<!-- BEGIN CONTENT PART -->
|
<div id="content" class="main-content">
|
<div class="layout-px-spacing">
|
<div class="row layout-top-spacing" id="cancel-row">
|
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
|
<div class="widget-content widget-content-area br-6">
|
<div class="table-responsive mb-4 mt-4" style="height:600px;">
|
<div style="width:40%;float:left;margin-left:5%;">
|
<table id="html5-extension" class="table table-hover" style="width:100%;">
|
<thead>
|
<tr>
|
<th>设备IP</th>
|
<th>设备名称</th>
|
<th>MAC地址</th>
|
<th>版本</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr align="center" class="d">
|
<td>1</td>
|
<td>2</td>
|
<td>3</td>
|
<td>4</td>
|
</tr>
|
</tbody>
|
</table>
|
<input type="text" class="form-control" id="wifi_keyword" value="${wifi.keyword}" style="width:30%;">
|
<button type="button" class="btn btn-secondary search" style = "margin-top:10px;">搜索</button>
|
<button type="button" class="btn btn-secondary add" style = "margin-top:10px;">存为常用</button>
|
<button type="button" class="btn btn-secondary openweb" style = "margin-top:10px;">打开网页</button>
|
</div>
|
<div style="width:45%;margin-left:3%;float:left;">
|
<table width="100%">
|
<tr>
|
<td colspan="2">
|
<!-- 校对信息 表格 -->
|
<table width="100%" class="cont" >
|
<tr>
|
<td align="right"><label for="wifi_webname">用户名：</label></td>
|
<td align="left">
|
<input type="hidden" class="form-control" id="wifi_id" value="${wifi.id}">
|
<input type="text" class="form-control" id="wifi_webname" value="${wifi.webname}">
|
</td>
|
<td align="right"><label for="static_ip">静态IP：</label></td>
|
<td align="left"><input type="text" class="form-control" id="static_ip" value="${wifi.ip}"></td>
|
<td align="left"><button type="button" class="btn btn-secondary add" style = "margin-left:10px;">保存</button></td>
|
</tr>
|
<tr>
|
<td align="right"><label for="wifi_webPass">密码：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_webPass" value="${wifi.webPass}"></td>
|
<td align="right"><label for="wifi_wangguan">网关：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_wangguan" value="${wifi.wangguan}"></td>
|
</tr>
|
<tr>
|
<td align="right"><label for="wifi_anchorid">设备ID：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_anchorid" value="${wifi.anchorid}"></td>
|
<td align="right"><label for="wifi_ziwang">子网掩码：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_ziwang" value="${wifi.ziwang}"></td>
|
<td align="left"><button type="button" class="btn btn-secondary" style = "margin-left:10px;">保存</button></td>
|
</tr>
|
<tr>
|
<td align="right"><label for="wifi_port">目标端口：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_port" value="${wifi.port}" disabled="disabled" ></td>
|
<td align="right"><label for="wifi_fuwuip">目标IP：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_fuwuip" value="${wifi.fuwuip}"></td>
|
</tr>
|
<tr>
|
<td align="right"><label for="wifi_xieyitype">协议类型：</label></td>
|
<td align="left">
|
<select class="form-control form-control-lg" id="wifi_xieyitype">
|
<option value="TCP-Client">TCP-Client</option>
|
<option value="STA">STA</option>
|
</select>
|
</td>
|
<td align="right"><label for="exampleFormControlInput1">MAC地址：</label></td>
|
<td align="left"><input type="text" class="form-control" id="exampleFormControlInput1" value="" disabled="disabled" ></td>
|
</tr>
|
<tr>
|
<tr>
|
<td align="right"><label for="wifi_model">工作模式：</label></td>
|
<td align="left">
|
<select class="form-control form-control-lg" id="wifi_model">
|
<option value="">工作站</option>
|
</select>
|
</td>
|
<td align="right"><label for="wifi_jiamileixing">加密类型：</label></td>
|
<td align="left">
|
<select class="form-control form-control-lg" id="wifi_jiamileixing">
|
<option value="">WPA2PSK</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td align="right"><label for="wifi_wifiname">WIFI名称：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_wifiname" value="${wifi.wifiname}"></td>
|
<td align="right"><label for="wifi_jiamisuanfa">加密算法：</label></td>
|
<td align="left">
|
<select class="form-control form-control-lg" id="wifi_jiamisuanfa">
|
<option value="AES">AES</option>
|
</select>
|
</td>
|
</tr>
|
<tr>
|
<td align="right"><label for="wifi_wifipass">WIFI密码：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_wifipass" value="${wifi.wifipass}"></td>
|
<td align="right"><label for="wifi_sousuoport">搜索端口：</label></td>
|
<td align="left"><input type="text" class="form-control" id="wifi_sousuoport" value="${wifi.sousuoport}" disabled="disabled" ></td>
|
</tr>
|
<tr>
|
<td align="left" colspan="8"> <textarea class="form-control" id="wifi_search" rows="3"></textarea></td>
|
</tr>
|
<tr>
|
<td colspan="8" style="justify-content:center;">
|
<button type="button" class="btn btn-secondary openweb" style = "margin-top:10px;">打开网页</button>
|
<button type="button" class="btn btn-secondary clear" style = "margin-top:10px;">清空</button>
|
</td>
|
</tr>
|
</table>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- END CONTENT PART -->
|
</div>
|
<!-- END MAIN CONTAINER -->
|
<script>
|
$(document).ready(function() {
|
App.init();$.ajax({async : false, type : "POST",url : "/hxzkoa/getSysSetting_list.do",data : {},dataType : "json",success:function(data){title = data[0].title;document.title = title;},});
|
});
|
$('.header-page').load('/hxzkoa/hxzk/top.html');$('.login-page').load('/hxzkoa/hxzk/head.html');
|
// 新增功能
|
$('.add').on('click', function() {
|
if ($("#wifi_webname").val() == ""||$("#wifi_webPass").val() == "") {
|
swal('输入有误','用户名和密码不能为空！','error');return;
|
}
|
var id = $("#wifi_id").val();
|
var ip = $("#wifi_ip").val();
|
var webname = $("#wifi_webname").val();
|
var webPass = $("#wifi_webPass").val();
|
var anchorid = $("#wifi_anchorid").val();
|
var port = $("#wifi_port").val();
|
var wifiname = $("#wifi_wifiname").val();
|
var wifipass = $("#wifi_wifipass").val();
|
var wangguan = $("#wifi_wangguan").val();
|
var ziwang = $("#wifi_ziwang").val();
|
var fuwuip = $("#wifi_fuwuip").val();
|
var sousuoport = $("#wifi_sousuoport").val();
|
var keyword = $("#wifi_keyword").val();
|
var xieyitype = $('#wifi_xieyitype option:selected').val();
|
var model = $('#wifi_model option:selected').val();
|
var jiamileixing = $('#wifi_jiamileixing option:selected').val();
|
var jiamisuanfa = $('#wifi_jiamisuanfa option:selected').val();
|
$.ajax({
|
async : false, //同步的
|
type : "POST",
|
url : "/hxzkoa/wifiManagement_modify.do",
|
data : {
|
id : id,
|
ip : ip,
|
webname : webname,
|
webPass : webPass,
|
anchorid : anchorid,
|
port : port,
|
wifiname : wifiname,
|
wifipass : wifipass,
|
wangguan : wangguan,
|
ziwang : ziwang,
|
fuwuip : fuwuip,
|
sousuoport : sousuoport,
|
keyword : keyword,
|
xieyitype : xieyitype,
|
model : model,
|
jiamileixing : jiamileixing,
|
jiamisuanfa : jiamisuanfa,
|
},
|
dataType : "json"
|
});
|
swal({title:"Saved!",
|
text:"保存成功！",
|
type:"success",
|
showCancelButton:false,
|
showConfirmButton:false,
|
buttons: false
|
})
|
setTimeout("window.location.reload()",1000);
|
});
|
$('.clear').on('click', function() {
|
$("#wifi_search").val("");
|
});
|
$('.search').on('click', function() {
|
var myDate=new Date()
|
var mytime=myDate.toLocaleTimeString(); //获取当前时间
|
$("#wifi_search").val("192.168.1.255:48899-> HXZK ; "+mytime);
|
});
|
$('.openweb').on('click', function() {
|
var ipPort = "http://"+$("#wifi_ip").val()+":"+$("#wifi_port").val()
|
window.open(ipPort, "topFrame");
|
});
|
</script>
|
</body>
|
</html>
|
