ProjectMap.cshtml
3.38 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
@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("https://webmap0.bdimg.com/image/api/bg.png"); 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>
}