<!DOCTYPE html>
|
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="renderer" content="webkit">
|
<title>智能运维管理系统-全局概览</title>
|
|
<link rel="stylesheet" href="plugins/layui/css/layui.css"/>
|
<link rel="stylesheet" href="css/page/three-img.css"/>
|
|
<style>
|
.arrow_box {
|
position: absolute;
|
background: #88b7d5;
|
border: 1px solid #c2e1f5;
|
padding: 2px;
|
width: 150px;
|
height: 45px;
|
border-radius: 6px;
|
}
|
.arrow_box_1 {
|
position: absolute;
|
background: rgba(12, 70, 118, 1);
|
border: 1px solid rgba(22, 146, 220, 1);
|
padding: 2px;
|
width: 150px;
|
height: 45px;
|
border-radius: 6px;
|
}
|
|
.arrow_min{
|
width: 80px;
|
height: 45px;
|
border-radius: 6px;
|
position: absolute;
|
/* background: #88b7d5; */
|
}
|
|
.arrow_box:after, .arrow_box:before {
|
top: 100%;
|
left: 50%;
|
border: solid transparent;
|
content: " ";
|
height: 0;
|
width: 0;
|
position: absolute;
|
pointer-events: none;
|
}
|
|
.arrow_box:after {
|
border-color: rgba(136, 183, 213, 0);
|
border-top-color: #88b7d5;
|
border-width: 18px;
|
margin-left: -18px;
|
}
|
|
.arrow_box:before {
|
border-color: rgba(194, 225, 245, 0);
|
border-top-color: #c2e1f5;
|
border-width: 19px;
|
margin-left: -19px;
|
}
|
|
.tip{
|
cursor: pointer;
|
}
|
|
.tip img {
|
height: 44px;
|
width: 44px;
|
}
|
|
.div-c {
|
/*float: left;*/
|
height: 43px;
|
}
|
|
.div-d2 {
|
text-align: left;
|
height: 43px;
|
/*color: #FFF;*/
|
color: #FFF;
|
font-size: 14px;
|
line-height: 20px;
|
}
|
|
.div-d {
|
text-align: left;
|
height: 43px;
|
color: rgb(255,128,64);
|
font-size: 12px;
|
line-height: 18px;
|
}
|
.font-warn{
|
color: #FF5722 !important;
|
}
|
.div-temp {
|
text-align: left;
|
color: #FFF;
|
font-size: 14px;
|
line-height: 20px;
|
overflow-y: scroll;
|
display: block;
|
background-color: #282e35;
|
padding: 20px 20px;
|
}
|
/*chrome 和Safari ----隐藏滚动条*/
|
.div-temp::-webkit-scrollbar {
|
width: 0 !important;
|
}
|
/*IE 10+ ----隐藏滚动条*/
|
.div-temp {
|
-ms-overflow-style: none;
|
}
|
/*Firefox ----隐藏滚动条*/
|
.div-temp {
|
scrollbar-width: none;
|
}
|
|
/* 弹窗样式 */
|
.skin-class{
|
position: absolute;
|
top: 100px;
|
}
|
.skin-class .layui-layer-title{
|
background-color: #1d2227;
|
border-bottom-color: #1d2227;
|
color: #FFF;
|
}
|
.skin-class .layui-layer-content{
|
background-color: #282e35;
|
color: #FFF;
|
}
|
.div-d p{
|
/*width: 200px;*/
|
width: 80px;
|
/*white-space:nowrap;*/
|
}
|
</style>
|
</head>
|
|
<body class="pdgxq-body">
|
<div class="i-container">
|
<div class="jmkt-main">
|
<div class="layui-fluid">
|
<div class="pdgxq-m1 layui-row layui-col-space20">
|
|
<div class="layui-col-lg5 layui-col-md5">
|
<div class="pdgxq-m1-left pdgxq-m1-box top">
|
|
<i class="i-2"></i>
|
<div class="layui-col-md9 top-cont t-warn">
|
无警告通知……
|
</div>
|
<div class="layui-col-md3 top-cont">
|
<button class="layui-btn layui-btn-xs right hide" onclick="showEdit()"><i class="layui-icon layui-icon-slider"></i></button>
|
<button class="layui-btn layui-btn-normal layui-btn-sm right btn-edit"
|
style="margin: 0px 5px;" onclick="updateImg()">上传图片</button>
|
<input type="file" id="image" lay-verify="required" onchange="toBase64()" accept="image/jpeg,image/png,image/jpg"
|
style="display: none;">
|
<button class="layui-btn layui-btn-normal layui-btn-sm right btn-edit"
|
style="margin: 0px 5px;" onclick="saveTips()">保 存</button>
|
<button class="layui-btn layui-btn-warm layui-btn-sm right btn-edit"
|
style="margin: 0px 5px;" onclick="editTips()">移 动</button>
|
|
|
</div>
|
|
</div>
|
</div>
|
<!--pdgxq-m1-left end-->
|
|
<div class="layui-col-lg7 layui-col-md7 img-main" id="img-main">
|
<img src="images/three/default2.jpg" width="100%" height="100%" id="img-three"/>
|
</div>
|
<!--pdgxq-m1-left end-->
|
|
</div>
|
<!--pdgxq-m1 end-->
|
</div>
|
</div><!--jmkt-main end-->
|
</div> <!--i-container end-->
|
|
<script src="plugins/layui/layui.js"></script>
|
<script src="js/jquery.min.js"></script>
|
<script type="text/javascript">
|
|
</script>
|
<script src="js/constant.js"></script>
|
<script src="js/plugins/drag/drag-drop.js"></script>
|
<script src="js/page/three-img.js"></script>
|
|
</body>
|
<!--警报弹窗-->
|
<div id="video" style=" display: none;overflow: hidden;">
|
<div class="i-popBox-tit layui-clear bor-b-1">
|
<div class="pdgxq-H">
|
<h3><i></i><span id="device-name">详情信息</span></h3>
|
</div>
|
<i class="i-popclose layui-icon-close layui-icon layui-anim layui-anim-rotate" onclick="closepopBtn();"></i>
|
</div>
|
|
<div class="popCon">
|
|
</div><!--popCon end-->
|
</div>
|
</html>
|
