46 lines
1.6 KiB
HTML
46 lines
1.6 KiB
HTML
|
|
<div class="layui-container">
|
|
<div class="admin-title">发布消息</div>
|
|
<form class="layui-form" id="publishForm">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">主题</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="topic" required lay-verify="required" placeholder="如 sensor/room1/temp" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">内容</label>
|
|
<div class="layui-input-block">
|
|
<textarea name="payload" placeholder="消息内容" class="layui-textarea"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">QoS</label>
|
|
<div class="layui-input-block">
|
|
<select name="qos">
|
|
<option value="0">0</option>
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit lay-filter="publish">发布</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['form', 'jquery'], function(){
|
|
var form = layui.form, $ = layui.jquery;
|
|
form.on('submit(publish)', function(data){
|
|
$.post('/mqttbroker/backend/publish', data.field, function(res){
|
|
layer.msg(res.message || res.msg || '已提交');
|
|
});
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|