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.
107 lines
4.7 KiB
107 lines
4.7 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="type-select tab">
|
|
<span class="active" type="decimal">小数</span>
|
|
<span type="degree">度分秒</span>
|
|
</div>
|
|
</div>
|
|
<div class="param-text clearfix">
|
|
<label>经度：</label>
|
|
<div class="param-input decimal-param-input fl" id="lng-decimal">
|
|
<input type="text" id="longitude" value="111.746303">
|
|
</div>
|
|
<div class="param-input degree-param-input fl" id="lng-degrees" style="display: none">
|
|
<input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" id="lng-degree" value="111">
|
|
<input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" id="lng-minute" value="44">
|
|
<input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" id="lng-second" value="46.69">
|
|
</div>
|
|
</div>
|
|
<div class="degree-text" id="lng-degree-text">111.746303</div>
|
|
<div class="param-text clearfix">
|
|
<label>纬度：</label>
|
|
<div class="param-input decimal-param-input fl" id="lat-decimal">
|
|
<input type="text" id="latitude" value="40.854662">
|
|
</div>
|
|
<div class="param-input degree-param-input fl" id="lat-degrees" style="display: none">
|
|
<input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" id="lat-degree" value="40">
|
|
<input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" id="lat-minute" value="51">
|
|
<input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');" id="lat-second" value="16.78">
|
|
</div>
|
|
</div>
|
|
<div class="degree-text" id="lat-degree-text">40.854662</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 tab">
|
|
<span type="backward" class="active">溯源</span>
|
|
<span type="forward">扩散</span>
|
|
</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>
|