BeijingSafeguard/04.系统编码/App/Views/Menggu/Controls/RealtimeTabPage.cshtml

<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>