@{
    ViewBag.Title = "定点空飘物预警";
}
<div class="main">
    <div class="map" id="map"></div>
</div>

<div class="right">
    <div class="forecast">
        <div class="title monitor-title">
            <h2>溯源参数</h2>
        </div>
        <div class="forecast-content">
            <div class="forecast-text clearfix">
                <span>类型：</span>
                <span>溯源</span>
            </div>
            <div class="forecast-text clearfix">
                <span>经度：</span>
                <span>116.404</span>
            </div>
            <div class="forecast-text clearfix">
                <span>纬度：</span>
                <span>39.915</span>
            </div>
            <div class="forecast-text clearfix">
                <span>高度：</span>
                <span>50米</span>
            </div>
            <div class="forecast-text clearfix">
                <span>模拟时常：</span>
                <span>180分钟</span>
            </div>
        </div>
        <button class="btn forecast-btn" id="calc-btn">刷新</button>
        <div class="title forecast-title">
            <h2>溯源结果</h2>
        </div>
        <div class="calc-list warn-clac-list" id="calc-list">
            <ul>
                <li class="active">2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
                <li>2019-08-10 15:00</li>
            </ul>
        </div>
        <div class="btn-group 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>
</div>

<div class="shrink" id="shrink"></div>

<div class="shade">
    <div class="load">
        正在计算任务(编号:<span id="task-id-span"></span>)，请稍后...
        <div class="load-animate">
            <div class="animate"></div>
            <div class="animate"></div>
            <div class="animate"></div>
        </div>
    </div>
</div>

@section scripts {
    <script src="~/Content/thirds/later.min.js"></script>
    <script src="~/Content/scripts/tiananmen/play-control.js"></script>
    <script src="~/Content/scripts/tiananmen/slider.js"></script>
    <script src="~/Content/scripts/tiananmen/map.js"></script>
    <script src="~/Content/scripts/tiananmen/app.js"></script>
}