You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
3.3 KiB
88 lines
3.3 KiB
<div class="param" style="display: block;" id="realtime-slider">
|
|
<div class="title">
|
|
<h2>参数设置</h2>
|
|
</div>
|
|
<div class="param-content">
|
|
<div class="param-text clearfix">
|
|
<label>经度：</label>
|
|
<div class="param-input fl">
|
|
<input type="text" id="longitude" value="111.746303">
|
|
</div>
|
|
</div>
|
|
<div class="param-text clearfix">
|
|
<label>纬度：</label>
|
|
<div class="param-input fl">
|
|
<input type="text" id="latitude" value="40.854662">
|
|
</div>
|
|
</div>
|
|
<div class="param-text clearfix">
|
|
<label>高度(米)：</label>
|
|
<div class="param-input fl">
|
|
<input type="text" id="height" value="4000">
|
|
</div>
|
|
</div>
|
|
<div class="param-text clearfix">
|
|
<label>模拟时长(小时)：</label>
|
|
<div class="param-input fl">
|
|
<input type="text" id="time-length-input" value="12">
|
|
</div>
|
|
</div>
|
|
<div class="param-text clearfix">
|
|
<label>分段时长(小时)：</label>
|
|
<div class="param-input fl">
|
|
<input type="text" id="interval-length-input" value="1">
|
|
</div>
|
|
</div>
|
|
<div class="param-text clearfix">
|
|
<label>释放时间：</label>
|
|
<div class="param-input release-input fl">
|
|
<input class="easyui-datetimebox" id="release-date" data-options="editable:false" value=" ">
|
|
</div>
|
|
</div>
|
|
<div class="btn-click clearfix">
|
|
<button class="btn calc-btn fl" id="calc-btn">计算</button>
|
|
<button class="btn calc-btn fr" id="reset-btn">重置</button>
|
|
<ul class="time-list"></ul>
|
|
</div>
|
|
<div class="param-text param-label label-shade clearfix">
|
|
<div class="param-input fl">
|
|
<input type="text" id="label-input">
|
|
</div>
|
|
<button class="btn" id="add-label">添加标签</button>
|
|
</div>
|
|
<div class="label-list clearfix"></div>
|
|
</div>
|
|
<div id="realtime-result-list">
|
|
<div class="title calc-title">
|
|
<h2>结果列表</h2>
|
|
<div class="switch">
|
|
详细<a href="javascript:;"></a>
|
|
</div>
|
|
</div>
|
|
<div class="calc-list">
|
|
<div class="clac-title clearfix">
|
|
<a href="javascript:;" type="backward" class="active">溯源</a>
|
|
<a href="javascript:;" type="forward">扩散</a>
|
|
</div>
|
|
<div class="slider-list">
|
|
<ul class="backward-time-list"></ul>
|
|
<ul class="forward-time-list" style="display:none;"></ul>
|
|
</div>
|
|
</div>
|
|
<div class="btn-group real-btn clearfix">
|
|
<div class="prev">
|
|
<button class="btn prev-btn" id="prev"></button>
|
|
</div>
|
|
<div class="play">
|
|
<button class="btn play-btn" id="play"></button>
|
|
</div>
|
|
<div class="pause">
|
|
<button class="btn pause-btn" id="pause"></button>
|
|
</div>
|
|
<div class="next">
|
|
<button class="btn next-btn" id="next"></button>
|
|
</div>
|
|
</div>
|
|
<div class="shadow"></div>
|
|
</div>
|
|
</div>
|