MES / IOT · Files

@section header

{

<link href="~/css/iot/iconfont.css" rel="stylesheet" />

<style type="text/css">
        body, html, #container {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }

        .BMap_bubble_title {
            font-weight: 900;
        }

		.footer-list {
			position:fixed;
			bottom:10px;
			z-index: 9999;

			width: 94.9%;

			height: 70px;
			justify-content: space-evenly;
            font-size: 18px;
		}

		.footer-project, .footer-eq, .footer-onlineRate, .footer-tuoRate {
            align-items: center;
            justify-content: space-around;
			width: 16%;
			height: 100%;
			border: 1px rgb(55, 149, 242) solid;
			border-radius: 20px;
			background-color: #eeeeee;
		}

        .iconfont {
            font-size: 42px;
        }

        .sidebar-list {
            position: fixed;
            right: 10px;

            top: 10%;

            z-index: 9900;
            max-height:250px;
            overflow-y:auto;
            font-size: 20px;
            background-color: #eeeeee;
        }

        .layui-nav {
            z-index: 9999;
        }

         .layui-nav-child a:hover {
            border-bottom: 3px solid #42b983;
        }

        .top-refresh-data{
            position: fixed;
            top: 11px;
            left: 120px;
            width: 10%;
            height: 32px;

            line-height: 35px;

            background-color: #ffffff;
            font-size: 1vw;
            box-shadow: 1px 2px 1px rgba(0,0,0,.15);
            border-radius: 3px;
        }

</style>

}

<!--地图-->

<div id="container" style="overflow: hidden; position: relative; background-image: url(&quot;https://webmap0.bdimg.com/image/api/bg.png&quot;); text-align: left; touch-action: none;"></div>

<!--尾部统计-->
<div class="footer-list div-flex vueApp">
    <div class="footer-project div-flex">
        <div><span class="iconfont icon-xiangmu" style="color:rgb(146, 133, 235)"></span></div>
        <div class=""><span style="color:blue">{{footer.projectCount}}个</span>/项目</div>
    </div>
    <div class="footer-eq div-flex">
        <div><span class="iconfont icon-shebei" style="color:rgb(146, 133, 235)"></span></div>

        <div class=""><span style="color:blue">{{footer.eqCount}}台</span>/设备</div>

    </div>
    <div class="footer-onlineRate div-flex">
        <div><span class="iconfont icon-shebeizaixianshuai" style="color:rgb(146, 133, 235)"></span></div>

        <div class=""><span style="color:blue">{{footer.eqOnlineRate}}</span>/在线率</div>

    </div>

</div>

<div class="footer-list div-flex top-refresh-data">
    数据刷新倒计时:<span style="color:cornflowerblue;display:block" id="refreshDataTime">20</span>
</div>

<!--侧栏 layui-nav-itemed-->
<div class="sidebar-list">
    <ul class="layui-nav layui-nav-tree layui-bg-blue" lay-filter="test">
        <li class="layui-nav-item">
            <a href="javascript:;">项目列表</a>
            <dl class="layui-nav-child sidebar-list-item">
            </dl>
        </li>
    </ul>
</div>

@section Scripts
{

    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=00A47SzVEEXHPZyUakGyW18XcQXbwzZh">

    </script>

    <script src="~/js/vuemin2.js"></script>

    <script src="~/basejs/systemmap.js"></script>
    <script src="~/basejs/projectmap.js"></script>

}