BeijingSafeguard/04.系统编码/App/Views/Beijing/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 fl">
                <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="116.404">*@
                <input type="text" id="longitude" value="100.9">
            </div>
            <div class="param-input degree-param-input fl" id="lng-degrees" style="display: none">
                <input type="text" id="lng-degree" value="100">
                <input type="text" id="lng-minute" value="54">
                <input type="text" id="lng-second" value="36">
            </div>
        </div>
        <div class="degree-text" id="lng-degree-text">100.9</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="39.917">*@
                <input type="text" id="latitude" value="36.94">
            </div>
            <div class="param-input degree-param-input fl" id="lat-degrees" style="display: none">
                <input type="text" id="lat-degree" value="36">
                <input type="text" id="lat-minute" value="56">
                <input type="text" id="lat-second" value="24">
            </div>
        </div>
        <div class="degree-text" id="lng-degree-text">36.94</div>
        <div class="param-text clearfix">
            <label>高度(米)：</label>
            <div class="param-input fl">
                <input type="text" id="height" value="1000">
            </div>
        </div>
        <div class="param-category clearfix">
            <span class="fl">溯源</span>
            <span class="fr">扩散</span>
        </div>
        <div class="param-text clearfix">
            <label>模拟时长(分钟)：</label>
            <div class="param-input reset-input fl">
                <input type="text" class="fl" id="time-length-input" value="60">
                <input type="text" class="fr" id="spread-length-input" value="60">
            </div>
        </div>
        <div class="param-text clearfix">
            <label>分段时长(分钟)：</label>
            <div class="param-input reset-input fl">
                <input type="text" class="fl" id="interval-length-input" value="5">
                <input type="text" class="fr" id="interval-spread-input" value="5">
            </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="param-text clearfix">
            <label>参数数据：</label>
            <input id="param-upload" name="param-upload" type="file" data-browse-on-zone-click="true" />
        </div>
        <div class="param-text clearfix">
            <label>拉至地面：</label>
            <div class="control-switch fl" id="control-switch">
                <a href="javascript:;"></a>
            </div>
        </div>
        <div class="btn-click clearfix">
            <button class="btn realtime-btn fl" id="calc-btn">计算</button>
            <button class="btn realtime-btn fl" id="reset-btn" style="margin: 0 3px 0 5px">重置</button>
            <div class="live-file fl">
                <input id="file-input" name="file-input" type="file" data-browse-on-zone-click="true" />
            </div>
            <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>