cxgj/modules/admin/views/page/mqtt-setting.php
2023-11-27 09:45:13 +08:00

180 lines
7.0 KiB
PHP

<?php
/**
* @author Any
* @description Do it yourself.
* @date 2018-6-21 23:20:52
* @version 1.0.0
*/
use app\assets\UeditorAsset;
UeditorAsset::register($this);
$this->title = $title;
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="layui-fluid">
<div class="layui-card">
<div class="layui-card-header"><?= $this->title ?></div>
<div class="layui-card-body">
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-form">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">服务器链接</label>
<div class="layui-input-inline">
<input id="mqtt_server" value="<?=$data['mqtt_server']?>" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">端口</label>
<div class="layui-input-inline">
<input id="mqtt_port" value="<?=$data['mqtt_port']?>" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">账户</label>
<div class="layui-input-inline">
<input id="mqtt_user" value="<?=$data['mqtt_user']?>" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">密码</label>
<div class="layui-input-inline">
<input id="mqtt_pass" value="<?=$data['mqtt_pass']?>" autocomplete="off" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<div class="" >
<button class="layui-btn" lay-submit="" lay-filter="layui-form-submit">保存</button>
<button class="layui-btn test_connect">测试链接</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
<?php $this->beginBlock('js_script_wrap') ?>
layui.config({
base: '/statics/layuiadmin/' //静态资源所在路径
}).extend({
index: 'lib/index' //主入口模块
}).use(['index', 'user'], function () {
var $ = layui.$
, setter = layui.setter
, admin = layui.admin
, form = layui.form
, router = layui.router()
, search = router.search;
form.render();
//提交
var submitLock = false;
form.on('submit(layui-form-submit)', function (obj) {
if (submitLock) {
return false;
}
submitLock = true;
//请求登入接口
//console.log(obj)
var url = '<?= $post_api ?>';
var returnUrl = "<?= \Yii::$app->request->get('return_url') ?>";
var data = {}
data['content'] = JSON.stringify({
'mqtt_server':$('#mqtt_server').val(),
'mqtt_port':$('#mqtt_port').val(),
'mqtt_user':$('#mqtt_user').val(),
'mqtt_pass':$('#mqtt_pass').val(),
})
data._csrf = _csrf;
$.ajax(url, {
type: "POST",
dataType: "json",
data: data,
timeout: 10000,
success: function (res) {
if (res.code == 0) {
layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
}, function () {
location.reload();
});
} else {
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
});
}
},
error: function (xhr, type, err) {
layer.msg(xhr.responseText, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
});
},
complete: function () {
submitLock = false;
}
})
});
$('.test_connect').click(function(){
var data = {
'mqtt_server':$('#mqtt_server').val(),
'mqtt_port':$('#mqtt_port').val(),
'mqtt_user':$('#mqtt_user').val(),
'mqtt_pass':$('#mqtt_pass').val(),
}
$.ajax("<?=\Yii::$app->urlManager->createUrl(["/admin/page/mqtt-test-connect"])?>", {
type: "get",
dataType: "json",
data: data,
timeout: 10000,
success: function (res) {
if (res.code == 0) {
layer.msg(res.msg, {
offset: '15px'
, icon: 1
, time: 1000
}, function () {
});
} else {
layer.msg(res.msg, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
});
}
},
error: function (xhr, type, err) {
layer.msg(xhr.responseText, {
offset: '15px'
, icon: 2
, time: 1000
}, function () {
});
},
complete: function () {
submitLock = false;
}
})
})
});
<?php $this->endBlock(); ?>
</script>
<?php $this->registerJs($this->blocks['js_script_wrap'], \yii\web\View::POS_END); ?>