dongzeliang
/
vehicle-data-simulation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

前端布局

master
18201612589 2021-12-20 09:32:59 +08:00
parent 716b51693a
commit 35f6d2db85
1 changed files with 41 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/main/resources/templates/index.ftlh
View File

@ -53,11 +53,15 @@
border-right: #0673b3 2px solid;
width: 33.33%;
}
.row{
margin: 0px;
}
</style>
<div style="margin-right: 10px; margin-left: 10px;">
<div class="col-md-12 divCss divBorderHeight">
<div class="col-md-5 divCss divBorderHeight">
<div class="form-inline">
<div class="row divCss divBorderHeight">
<div class="col-lg-5 col-md-8 col-sm-12 divCss divBorderHeight">
<h4>连接</h4>
<div class="form-inline" style="border-top: 1px solid #0673b3;padding: 10px 0px;">
<div class="form-group">
<label for="host">地址</label>
<input type="text" class="form-control" name="" id="host" placeholder="IP地址" value="127.0.0.1">
@ -72,35 +76,44 @@
<span id="disconnect" class="label label-danger">已断开</span>
</div>
</div>
<div class="col-md-2 divCss divBorderHeight" style="padding: 2px">
<div class="col-md-6" style="padding: 5px 0px;">
<span>车辆状态</span>
<div class="col-lg-2 col-md-4 col-sm-6 divCss divBorderHeight" style="padding: 2px">
<h4>车辆状态</h4>
<div class="row" style="border-top: 1px solid #0673b3;padding: 10px 0px;">
<div class="col-lg-6 col-md-6 col-sm-6" style="padding: 5px 0px;">
<span>当前状态</span>
<span>
<span id="vehicleStart" class="label label-success" style="display: none">运行</span>
<span id="vehicleStop" class="label label-danger">关闭</span>
</span>
</div>
<div class="col-md-3">
<div class="col-lg-3 col-md-3 col-xs-3">
<button type="button" class="btn btn-sm btn-default" onclick="vehicleStart()">启动</button>
</div>
<div class="col-md-2">
<div class="col-lg-3 col-md-3 col-xs-3">
<button type="button" class="btn btn-sm btn-default" onclick="vehicleStop()">关闭</button>
</div>
</div>
<div class="col-md-1 divCss divBorderHeight" style="padding: 2px">
<div class="col-md-4">
</div>
<div class="col-lg-1 col-md-2 col-sm-4 divCss divBorderHeight" style="padding: 2px">
<h4>车辆上报</h4>
<div class="row" style="border-top: 1px solid #0673b3;padding: 10px 0px;">
<div class="ccol-md-4 col-lg-4 col-xs-6">
<button type="button" class="btn btn-sm btn-default" onclick="startNettySendMsg()">上报</button>
</div>
<div class="col-md-4">
<div class="col-md-4 col-lg-4 col-xs-6">
<button type="button" class="btn btn-sm btn-default" onclick="stopNettyStopMsg()">停止</button>
</div>
</div>
<div class="col-md-2 divCss divBorderHeight" style="padding: 2px">
<div class="col-md-6">
<button type="button" class="btn btn-sm btn-default" onclick="startImitateData()">开始模拟</button>
</div>
<div class="col-md-6">
<button type="button" class="btn btn-sm btn-default" onclick="stopImitateData()">结束模拟</button>
<div class="col-lg-1 col-md-2 col-sm-4 divCss divBorderHeight" style="padding: 2px">
<h4>车辆数据模拟</h4>
<div class="row" style="border-top: 1px solid #0673b3;padding: 10px 0px;">
<div class="col-md-4 col-lg-4 col-xs-6">
<button type="button" class="btn btn-sm btn-default" onclick="startImitateData()">开始</button>
</div>
<div class="col-md-4 col-lg-4 col-xs-6">
<button type="button" class="btn btn-sm btn-default" onclick="stopImitateData()">结束</button>
</div>
</div>
</div>
</div>