代码拉取完成，页面将自动刷新
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>RSE Simulator</title>
<!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
<link rel="stylesheet" href="./lib/bootstrap/3.3.7/css/bootstrap.min.css"/>
<link rel="stylesheet" href="./lib/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css"/>
<link rel="stylesheet" href="./lib/bootstrap-table/css/bootstrap-table.min.css"/>
<link rel="stylesheet" href="./main.css"/>
</head>
<body>
<header>
<div class="container">
<h1>RSE Simulator</h1>
</div>
</header>
<section>
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<a data-toggle="collapse" href="#connectionContent" aria-controls="connectionContent"
style="color: inherit"> Connection </a>
</div>
<div class="col-md-4">
<span id="state" class="color-red">
<i class="icon glyphicon-globe"></i>
<span class="text">disconnected</span>
</span>
</div>
</div>
</div>
</h2>
</div>
<div id="connectionContent" class="panel-collapse collapse in">
<div class="panel-body">
<form id="connectionForm">
<div class="container-fluid">
<div class="row">
<div class="col-md-3 form-group">
<label for="host">Host</label>
<input class="form-control" id="host" name="host" />
</div>
<div class="col-md-2 form-group">
<label for="path">Path</label>
<input class="form-control" id="path" name="path" value="/mqtt"/>
</div>
<div class="col-md-2 form-group">
<label for="port">Port</label>
<input class="form-control" id="port" name="port" value="15675"/>
</div>
<div class="col-md-3 form-group">
<label for="clientId">ClientID</label>
<input class="form-control" id="clientId" name="clientId" value="RSU_01"/>
<div class="form-client-hint" id="clientIdHint">Only letters, numbers, underscores are supported</div>
</div>
<div class="col-md-2 form-group">
<button id="connectButton" class="btn btn-primary button-align">Connect</button>
</div>
</div>
<div class="row">
<div class="col-md-4 form-group">
<label for="username">Username</label>
<input class="form-control" id="username" name="username" value="root"/>
</div>
<div class="col-md-4 form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password"
value="password"/>
</div>
<div class="col-md-2 form-group">
<label for="keepAlive">KeepAlive</label>
<input class="form-control" id="keepAlive" name="keepalive"/>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a data-toggle="collapse" href="#publish" aria-controls="connectionContent"> Publish </a>
</h2>
</div>
<div id="publish" class="panel-collapse collapse in">
<div class="panel-body">
<form id="publishForm">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 form-group">
<label for="publishTopic">Topic</label>
<input class="form-control" name="publishTopic" id="publishTopic"
value="test/topic/1"/>
</div>
<div class="col-md-2 form-group">
<label for="publishQoS">QoS</label>
<select class="form-control" name="publishQoS" id="publishQoS">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="col-md-2 form-group">
<label for="publishRetain">Retain</label>
<input type="checkbox" id="publishRetain" name="publishRetain"/>
</div>
<div class="col-md-2 form-group">
<button id="publishButton" class="btn btn-primary button-align">Publish
</button>
</div>
</div>
<div class="row">
<div class="col-md-12 form-group">
<label for="publishMessage">Message</label>
<textarea class="form-control" id="publishMessage"
name="publishMessage"></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a data-toggle="collapse" href="#messages" aria-controls="connectionContent"> Receive
Messages </a>
<a id="clearMessage" class="icon glyphicon-trash"></a>
</h2>
</div>
<div id="messages" class="panel-collapse collapse in">
<div class="panel-body">
<ul id="messageList" class="messages-list"></ul>
</div>
</div>
</div>
<!-- dataset start -->
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a data-toggle="collapse" href="#dataset" aria-controls="connectionContent"> DataSet </a>
</h2>
</div>
<div id="dataset" class="panel-collapse collapse in">
<div class="panel-body">
<form id="datasetForm">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 form-group pull-left">
<label>Topic Delimiter</label>
<input class="form-control" name="topicDelimiter"
id="topicDelimiter"
value="/"/>
</div>
<div class="col-md-2 form-group pull-right">
<button id="download" class="btn btn-warning button-align">Download</button>
</div>
<div class="col-md-2 form-group pull-right">
<button id="publishDataSetButton" class="btn btn-primary button-align">
Publish
</button>
</div>
<table id="tb_dataset"></table>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- dataset end -->
<!-- send message start -->
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a data-toggle="collapse" href="#sendMessages" aria-controls="connectionContent"> Send
Messages </a>
<a id="clearSendMessage" class="icon glyphicon-trash"></a>
</h2>
</div>
<div id="sendMessages" class="panel-collapse collapse in">
<div class="panel-body">
<ul id="sendMessageList" class="messages-list"></ul>
</div>
</div>
</div>
<!-- send message end -->
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a data-toggle="collapse" href="#subscriptions" aria-controls="connectionContent">
Subscriptions </a>
</h2>
</div>
<div id="subscriptions" class="panel-collapse collapse in">
<div class="panel-body">
<form id="subscriptionForm">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 form-group">
<label for="subscribeTopic">Topic</label>
<input class="form-control" name="subscribeTopic" id="subscribeTopic"
value="test/topic/#"/>
</div>
</div>
<div class="row">
<div class="col-md-4 form-group">
<label for="subscribeQoS">QoS</label>
<select class="form-control" name="subscribeQoS" id="subscribeQoS">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
<div class="col-md-4 form-group">
<label for="color">Color</label>
<input id="color" class="form-control" name="color" value="#f00"/>
</div>
<div class="col-md-4 form-group">
<button id="subscribeButton" class="btn btn-primary button-align">
Subscribe
</button>
</div>
</div>
</div>
</form>
<div class="container-fluid">
<ul id="topicList"></ul>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a
data-toggle="collapse"
href="#heartbeat"
aria-expanded="connectionContent"
>
Heartbeat
</a>
</h2>
</div>
<div id="heartbeat" class="panel-collapse collapse in">
<div class="panel-body">
<form id="rsuHeartbeat">
<div class="container-fluid">
<label for="rates">Rates</label>
<div class="row">
<div class="col-md-12 form-inline">
<input id="heartbeatInput" type="text" class="form-control" value="10">
<span>秒</span>
</div>
<div class="form-heartbeat-btn-container">
<button
id="startHeartbeatButton"
class="btn btn-primary button-align form-heartbeat-btn"
>
Start
</button>
<button
id="pauseHeartbeatButton"
class="btn btn-warning button-align form-heartbeat-btn"
>
Pause
</button>
<button
id="clearHeartbeatButton"
class="btn btn-info button-align form-heartbeat-btn"
>
Clear
</button>
</div>
</div>
<div id="heartbeatListContainer" class="row-md-12">
<ul id="heartbeatList" class="heartbeats-list list-group"></ul>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<a
data-toggle="collapse"
href="#options"
aria-controls="connectionContent"
>
RSU Setting
</a>
</h2>
</div>
<div id="options" class="panel-collapse collapse in">
<div class="panel-body">
<form id="rsuOptions">
<div class="container-fluid">
<div class="row form-group">
<button id="subscribeSettingButton" class="btn btn-info button-align col-md-12">
Listen
</button>
</div>
<div class="row">
<label>BSM</label>
<div class="col-md-12 form-group">
<label for="bsmSampleMode">采样方式</label>
<input
class="form-control"
name="bsmSampleMode"
id="bsmSampleMode"
value=""
/>
</div>
<div class="col-md-12 form-group">
<label for="bsmSampleRate">采样率</label>
<input
class="form-control"
name="bsmSampleRate"
id="bsmSampleRate"
value=""
/>
</div>
<div class="col-md-12 form-group">
<label for="bsmUpLimit">上行转发上限</label>
<input
class="form-control"
name="bsmUpLimit"
id="bsmUpLimit"
value=""
/>
</div>
<div class="col-md-12 form-group">
<label for="bsmFilters">过滤规则</label>
<input
class="form-control"
name="bsmFilters"
id="bsmFilters"
value=""
/>
</div>
</div>
<div class="row">
<label>RSI</label>
<div class="col-md-12 form-group">
<label for="rsiFilters">过滤规则</label>
<input
class="form-control"
name="rsiFilters"
id="rsiFilters"
value=""
/>
</div>
</div>
<div class="row">
<label>RSM</label>
<div class="col-md-12 form-group">
<label for="rsmUpLimit">上行转发上限</label>
<input
class="form-control"
name="rsmUpLimit"
id="rsmUpLimit"
value=""
/>
</div>
<div class="col-md-12 form-group">
<label for="rsmFilters">过滤规则</label>
<input
class="form-control"
name="rsmFilters"
id="rsmFilters"
value=""
/>
</div>
</div>
<div class="row">
<label>MAP</label>
<div class="col-md-12 form-group">
<label for="mapUpLimit">上行转发上限</label>
<input
class="form-control"
name="mapUpLimit"
id="mapUpLimit"
value=""
/>
</div>
<div class="col-md-12 form-group">
<label for="mapFilters">过滤规则</label>
<input
class="form-control"
name="mapFilters"
id="mapFilters"
value=""
/>
</div>
</div>
<div class="row">
<label>SPAT</label>
<div class="col-md-12 form-group">
<label for="spatUpLimit">上行转发上限</label>
<input
class="form-control"
name="spatUpLimit"
id="spatUpLimit"
value=""
/>
</div>
<div class="col-md-12 form-group">
<label for="spatFilters">过滤规则</label>
<input
class="form-control"
name="spatFilters"
id="spatFilters"
value=""
/>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> -->
<script src="./lib/jquery/3.2.1/jquery.min.js"></script>
<!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script> -->
<script src="./lib/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="./lib/mqtt/mqtt-2.11.0.min.js"></script>
<script src="./lib/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<script src="./lib/bootstrap-table/js/bootstrap-table.min.js"></script>
<script src="./main.js"></script>
</body>
</html>
举报
请认真填写举报原因，尽可能描述详细。
请选择举报类型
误判申诉
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化