<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<title>智能运维管理系统-MQTT</title>
|
|
<link rel="stylesheet" type="text/css" href="plugins/layui/css/layui.css" />
|
<link rel="stylesheet" type="text/css" href="css/page/device-control.css" />
|
|
<style>
|
.layui-col-md4 {
|
width: 100%;
|
}
|
|
.layui-inline {
|
margin-left: unset;
|
}
|
|
.layui-layer-dialog .layui-layer-content {
|
border-bottom: solid 1px #eae5e5;
|
}
|
</style>
|
</head>
|
|
<body class="pdgxq-body">
|
<div class="i-container">
|
<div class="jmkt-main">
|
<div class="layui-fluid">
|
<div class="pdgxq-m1 layui-row layui-col-space20">
|
<!--pdgxq-m1-left end-->
|
<div class="layui-col-lg12 layui-col-md12 img-main" id="img-main" style="padding: 20px;">
|
<div class="pdgxq-m1-left pdgxq-m1-box" style="width: 100%;">
|
<form class="layui-form" id="" lay-filter="form-param" action="">
|
<div class="layui-row" style="padding: 20px 0;">
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">产品号：</label>
|
<div class="layui-input-block">
|
<input id="productKey" type="text" name="productKey" value=""
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">设备名称：</label>
|
<div class="layui-input-block">
|
<input id="deviceName" type="text" name="deviceName" value=""
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">设备密钥：</label>
|
<div class="layui-input-block">
|
<input id="deviceSecrtt" type="password" name="deviceSecrtt" value=""
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">用户名：</label>
|
<div class="layui-input-block">
|
<input id="username" type="text" name="username" value=""
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">密码：</label>
|
<div class="layui-input-block">
|
<input id="passwd" type="password" name="passwd" value=""
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">服务器：</label>
|
<div class="layui-input-block">
|
<input id="host" type="text" name="host" value=""
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">端口号：</label>
|
<div class="layui-input-block">
|
<input id="port" type="text" name="port" value=""
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md4">
|
<div class="layui-inline">
|
<label class="layui-form-label">保活时间：</label>
|
<div class="layui-input-block">
|
<input id="keepalive" type="text" name="keepalive" value=""
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-col-md4" style="">
|
<div class="layui-inline">
|
<div class="layui-input-block btns" style="margin-left: 15px">
|
<button style="margin-right: 50px; font-size: 16px"
|
class="layui-btn layui-btn-normal"
|
onclick="javaScript:save(); return false;">保存
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
</div>
|
<!--pdgxq-m1 end-->
|
</div>
|
</div>
|
<!--jmkt-main end-->
|
</div>
|
<!--i-container end-->
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
<script src="plugins/layui/layui.js"></script>
|
<script src="js/constant.js"></script>
|
<script type="text/javascript">
|
|
query();
|
function query() {
|
$.ajaxSettings.async = false;
|
$.get("./cgi-bin/mqtt/query", function (data, status) {
|
if ("success" == status) {
|
$("#productKey").val(data.productKey);
|
$("#deviceName").val(data.deviceName);
|
$("#deviceSecrtt").val(data.deviceSecrtt);
|
$("#username").val(data.username);
|
$("#passwd").val(data.passwd);
|
$("#host").val(data.host);
|
$("#port").val(data.port);
|
$("#keepalive").val(data.keepalive);
|
} else {
|
window.parent.parent.notify("系统获取监控设备信息失败！");
|
}
|
}, "json");
|
}
|
|
function save() {
|
var obj = {};
|
obj.productKey = $("#productKey").val();
|
obj.deviceName = $("#deviceName").val();
|
obj.deviceSecrtt = $("#deviceSecrtt").val();
|
obj.username = $("#username").val();
|
obj.passwd = $("#passwd").val();
|
obj.host = $("#host").val();
|
obj.port = $("#port").val();
|
obj.keepalive = $("#keepalive").val();
|
$.post("./cgi-bin/mqtt/save", JSON.stringify(obj), function (data, status) {
|
if (data.code == "success") {
|
window.parent.parent.notify("数据保存成功");
|
} else {
|
window.parent.parent.notify("数据保存出错，请重新操作！"+data.msg+"！");
|
}
|
}, "json");
|
}
|
</script>
|
</body>
|
</html>
|
