Imdroid/security-monitor
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

修改ui界面

Browse Source
This commit is contained in:
miboy 2023-12-21 16:50:04 +08:00
parent 240ee77768
commit da625d3b01
2 changed files with 162 additions and 265 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

318
sec-beidou/src/main/resources/static/api/init.json
View File

@ -4,7 +4,7 @@
"href": "page/device_overview" "href": "page/device_overview"
}, },
"logoInfo": { "logoInfo": {
"title": "形变监测平台", "title": "北斗管理平台",
"image": "images/logo.png", "image": "images/logo.png",
"href": "" "href": ""
}, },
@ -16,7 +16,7 @@
"target": "_self", "target": "_self",
"child": [ "child": [
{ {
"title": "设备总览", "title": "首页",
"href": "page/device_overview", "href": "page/device_overview",
"icon": "fa fa-home", "icon": "fa fa-home",
"target": "_self" "target": "_self"
@ -25,168 +25,100 @@
"title": "告警管理", "title": "告警管理",
"href": "", "href": "",
"icon": "fa fa-bell-o", "icon": "fa fa-bell-o",
"target": "", "target": "",
"child": [ "child": [
{ {
"title": "告警消息", "title": "告警消息",
"href": "page/warning", "href": "page/warning",
"icon": "fa fa-minus", "icon": "fa fa-minus",
"target": "_self" "target": "_self"
}, },
{ {
"title": "告警参数", "title": "告警参数",
"href": "page/warning_cfg", "href": "page/warning_cfg",
"icon": "fa fa-minus", "icon": "fa fa-minus",
"target": "_self" "target": "_self"
} }
] ]
}, },
{ {
"title": "北斗", "title": "配置管理",
"href": "", "href": "",
"icon": "fa fa-star-o", "icon": "fa fa-gear",
"target": "", "target": "_self",
"child": [ "child": [
{ {
"title": "运行状态", "title": "通用参数",
"href": "page/gnss_status", "href": "page/gnss_group_cfg",
"icon": "fa fa-tachometer", "icon": "fa fa-minus",
"target": "_self" "target": "_self"
}, },
{ {
"title": "配置管理", "title": "设备参数",
"href": "", "href": "page/gnss_dev_cfg",
"icon": "fa fa-gear", "icon": "fa fa-minus",
"target": "_self", "target": "_self"
"child": [ },
{ {
"title": "通用参数", "title": "命令行",
"href": "page/gnss_group_cfg", "href": "page/cmd_line",
"icon": "fa fa-minus", "icon": "fa fa-minus",
"target": "_self" "target": "_self"
}, }
{ ]
"title": "设备参数", },
"href": "page/gnss_dev_cfg", {
"icon": "fa fa-minus", "title": "设备消息",
"target": "_self" "href": "",
}, "icon": "fa fa-file-text-o",
{ "target": "_self",
"title": "命令行", "child": [
"href": "page/cmd_line", {
"icon": "fa fa-minus", "title": "消息摘要",
"target": "_self" "href": "page/gnss_msg",
} "icon": "fa fa-minus",
] "target": "_self"
}, },
{ {
"title": "设备消息", "title": "状态消息",
"href": "", "href": "page/gnss_msg_status",
"icon": "fa fa-file-text-o", "icon": "fa fa-minus",
"target": "_self", "target": "_self"
"child": [ },
{ {
"title": "消息摘要", "title": "统计消息",
"href": "page/gnss_msg", "href": "page/gnss_msg_trx",
"icon": "fa fa-minus", "icon": "fa fa-minus",
"target": "_self" "target": "_self"
}, }
{ ]
"title": "状态消息", },
"href": "page/gnss_msg_status", {
"icon": "fa fa-minus", "title": "解算结果",
"target": "_self" "href": "",
}, "icon": "fa fa-file-text-o",
{ "target": "_self",
"title": "统计消息", "child": [
"href": "page/gnss_msg_trx", {
"icon": "fa fa-minus", "title": "消息摘要",
"target": "_self" "href": "page/gnss_msg",
} "icon": "fa fa-minus",
] "target": "_self"
} },
] {
}, "title": "状态消息",
{ "href": "page/gnss_msg_status",
"title": "测斜仪", "icon": "fa fa-minus",
"href": "", "target": "_self"
"icon": "fa fa-area-chart", },
"target": "", {
"child": [ "title": "统计消息",
{ "href": "page/gnss_msg_trx",
"title": "运行状态", "icon": "fa fa-minus",
"href": "", "target": "_self"
"icon": "fa fa-tachometer", }
"target": "_self" ]
}, }
{
"title": "配置管理",
"href": "",
"icon": "fa fa-gear",
"target": "_self"
}
]
},
{
"title": "光伏DTU",
"href": "",
"icon": "fa fa-sun-o",
"target": "",
"child": [
{
"title": "运行状态",
"href": "",
"icon": "fa fa-tachometer",
"target": "_self"
},
{
"title": "配置管理",
"href": "",
"icon": "fa fa-gear",
"target": "_self",
"child": [
{
"title": "通用参数",
"href": "",
"icon": "fa fa-minus",
"target": "_self"
},
{
"title": "设备参数",
"href": "",
"icon": "fa fa-minus",
"target": "_self"
}
]
},
{
"title": "设备消息",
"href": "",
"icon": "fa fa-file-text-o",
"target": "_self",
"child": [
{
"title": "消息摘要",
"href": "",
"icon": "fa fa-minus",
"target": "_self"
},
{
"title": "状态消息",
"href": "",
"icon": "fa fa-minus",
"target": "_self"
},
{
"title": "统计消息",
"href": "",
"icon": "fa fa-minus",
"target": "_self"
}
]
}
]
}
] ]
}, },
{ {
@ -195,19 +127,19 @@
"href": "", "href": "",
"target": "_self", "target": "_self",
"child": [ "child": [
{ {
"title": "系统参数", "title": "系统参数",
"href": "", "href": "",
"icon": "fa fa-gears", "icon": "fa fa-gears",
"target": "_self" "target": "_self"
}, },
{ {
"title": "组织管理", "title": "组织管理",
"href": "sys/tenant", "href": "sys/tenant",
"icon": "fa fa-university", "icon": "fa fa-university",
"target": "_self" "target": "_self"
}, },
{ {
"title": "用户管理", "title": "用户管理",
"href": "", "href": "",
"icon": "fa fa-user", "icon": "fa fa-user",
@ -220,40 +152,6 @@
"target": "_self" "target": "_self"
} }
] ]
},
{
"title": "监测数据",
"icon": "fa fa-slideshare",
"href": "",
"target": "_self",
"child": [
{
"title": "北斗",
"href": "",
"icon": "fa fa-star-o",
"target": "",
"child": [
{
"title": "解算结果",
"href": "page/gnss_data_calc",
"icon": "fa fa-calculator",
"target": "_self"
},
{
"title": "原始数据",
"href": "page/gnss_data_raw",
"icon": "fa fa-database",
"target": "_self"
}
]
},
{
"title": "测斜仪",
"href": "",
"icon": "fa fa-area-chart",
"target": "_self"
}
]
} }
] ]
} }

109
sec-beidou/src/main/resources/templates/page/device_overview.html
View File

@ -1,8 +1,24 @@
<style> <style>
.top-panel {border:1px solid #eceff9;border-radius:5px;text-align:center;} .top-panel {
.top-panel > .layui-card-body {height:60px;} border: 1px solid #eceff9;
.top-panel-number {line-height:60px;font-size:30px;border-right:1px solid #eceff9;} border-radius: 5px;
.top-panel-tips {line-height:30px;font-size:12px} text-align: center;
}
.top-panel > .layui-card-body {
height: 60px;
}
.top-panel-number {
line-height: 60px;
font-size: 30px;
border-right: 1px solid #eceff9;
}
.top-panel-tips {
line-height: 30px;
font-size: 12px
}
</style> </style>
<div class="layuimini-container layuimini-page-anim"> <div class="layuimini-container layuimini-page-anim">
@ -11,35 +27,17 @@
<div class="layui-col-xs12 layui-col-md4"> <div class="layui-col-xs12 layui-col-md4">
<div class="layui-card top-panel"> <div class="layui-card top-panel">
<div class="layui-card-header">北斗GNSS接收机</div> <div class="layui-card-header">设备数量</div>
<div class="layui-card-body">
<div class="layui-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number">
<a style="color: #1aa094">2,020</a><br>
</div>
<div class="layui-col-xs3 layui-col-md4">
装机量 <a style="color: #bd3004">2040</a><br>
在线数 <a style="color: #C0C0C0">2020</a>
</div>
</div>
</div>
</div>
</div>
<div class="layui-col-xs12 layui-col-md4">
<div class="layui-card top-panel">
<div class="layui-card-header">测斜仪统计</div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-row layui-col-space5"> <div class="layui-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number"> <div class="layui-col-xs9 layui-col-md8 top-panel-number">
<a style="color: #1aa094">520</a><br> <a style="color: #1aa094">2,020</a><br>
</div> </div>
<div class="layui-col-xs3 layui-col-md4"> <div class="layui-col-xs3 layui-col-md4">
装机量 <a style="color: #bd3004">2040</a><br> 装机量 <a style="color: #bd3004">2040</a><br>
在线数 <a style="color: #C0C0C0">2020</a> 在线数 <a style="color: #C0C0C0">2020</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -47,42 +45,43 @@
<div class="layui-col-xs12 layui-col-md4"> <div class="layui-col-xs12 layui-col-md4">
<div class="layui-card top-panel"> <div class="layui-card top-panel">
<div class="layui-card-header">光伏DTU统计</div> <div class="layui-card-header">告警统计</div>
<div class="layui-card-body"> <div class="layui-card-body">
<div class="layui-row layui-col-space5"> <div class="layui-row layui-col-space5">
<div class="layui-col-xs9 layui-col-md8 top-panel-number"> <div class="layui-col-xs9 layui-col-md8 top-panel-number">
<a style="color: #1aa094">5,020</a><br> <a style="color: #1aa094">告警总数</a><br>
</div> </div>
<div class="layui-col-xs3 layui-col-md4"> <div class="layui-col-xs3 layui-col-md4">
装机量 <a style="color: #bd3004">2040</a><br> 严重 <a style="color: #bd3004">2040</a><br>
在线数 <a style="color: #C0C0C0">2020</a> 一般 <a style="color: #C0C0C0">2020</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="map-container" style="height: 85vh;weight :100vw" ></div> <div id="map-container" style="height: 85vh;weight :100vw"></div>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
function initialize() { function initialize() {
var map = new BMapGL.Map("map-container"); // 创建Map实例 var map = new BMapGL.Map("map-container"); // 创建Map实例
var point = new BMapGL.Point(116.404, 39.915); // 创建点坐标 var point = new BMapGL.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point,15); map.centerAndZoom(point, 15);
map.enableScrollWheelZoom(); map.enableScrollWheelZoom();
} }
function loadScript() { function loadScript() {
var script = document.createElement("script"); var script = document.createElement("script");
script.src = "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=4ef46ba62e8fba67b53a0becca4d05da&callback=initialize"; script.src = "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=4ef46ba62e8fba67b53a0becca4d05da&callback=initialize";
document.body.appendChild(script); document.body.appendChild(script);
} }
loadScript(); loadScript();
</script> </script>