Skip to content

J
jcy_monitor
Commit 9456ce5a authored by beilang's avatar beilang
Browse files
Options

修改女子平面图

parent 8e31eeb8
Hide whitespace changes
Inline Side-by-side
Showing with 145 additions and 288 deletions
src/main/webapp/WEB-INF/views/nh/nhAreaPlan.jsp deleted 100644 → 0
View file @ 8e31eeb8
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="../base.jsp"/>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>南汇监狱</title>
<script src="${ctx}/static/js/flexible.js"></script>
<link rel="stylesheet" href="${ctx}/static/css/common.css">
<style>
.area-right{
background: url(${ctx}/static/images/floor_lp.png) no-repeat;
height: 23rem;
float: right;
background-size: cover;
width: 78%;
background-size: 100% 100%;
}
.area-box li {
cursor: pointer;
}
.area-box li a{
color: #fff;
}
</style>
</head>
<body>
<div class="container">
<div class="main-area">
<div class="header-area">
<img src="${ctx}/static/images/logo_mc.png"/>
</div>
<div class="area-content">
<div class="area-left">
<div class="title"><a href="${ctx}/atlas">南汇监狱</a></div>
<div class="left-menu">
<ul>
<li>
<a href="${ctx}/nh/onefloor">
<div class="menu-mc">
<span>一号楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #43e04e;">162</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/nh/twofloor">
<div class="menu-mc">
<span>二号楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #2f8fff;">104</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/nh/therefloor">
<div class="menu-mc">
<span>三号楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">106</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/nh/fourfloor">
<div class="menu-mc">
<span>四号楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff8a00;">28</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="area-right">
<div class="area-box">
<ul>
<li class="a_floor">
<a href="${ctx}/nh/onefloor">
<img src="${ctx}/static/images/A_floor.png"/>
<span>一号楼</span>
</a>
</li>
<li class="bg1_floor">
<a href="${ctx}/nh/twofloor">
<img src="${ctx}/static/images/bgq_floor.png"/>
<span>二号楼</span>
</a>
</li>
<li class="b_floor">
<a href="${ctx}/nh/therefloor">
<img src="${ctx}/static/images/B_floor.png"/>
<span>三号楼</span>
</a>
</li>
<li class="g_floor">
<a href="${ctx}/nh/fourfloor">
<img src="${ctx}/static/images/G_floor.png"/>
<span>四号楼</span>
</a>
</li>
<li class="c_floor">
<a href="javascript:void(0);"> <img src="${ctx}/static/images/C_floor_1.png"/></a>
</li>
<li class="e_floor">
<a href="javascript:void(0);"> <img src="${ctx}/static/images/E_floor_1.png"/></a>
</li>
<li class="d_floor">
<a href="javascript:void(0);"> <img src="${ctx}/static/images/D_floor.png"/></a>
</li>
<li class="d_floor_index">
<a href="javascript:void(0);"><img src="${ctx}/static/images/D_floor_1_1.png"/></a>
</li>
<li class="f_floor">
<a href="javascript:void(0);"><img src="${ctx}/static/images/F_floor_1.png"/></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/main/webapp/WEB-INF/views/nj/areaPlan.jsp
View file @ 9456ce5a
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="../base.jsp"/> <jsp:include page="../base.jsp"/>
<html> <link rel="stylesheet" type="text/css" href="${ctx}/static/css/floorcommon.css"/>
<head> <script type="text/javascript">
<meta charset="UTF-8"> $(function () {
<meta name="viewport" content="width=device-width, initial-scale=1.0"> updateData(1);
<title>女子监狱</title> });
<script src="${ctx}/static/js/flexible.js"></script> function updateData(index) {
<link rel="stylesheet" href="${ctx}/static/css/common.css"> let dataList = {
<style> 'arr1': [{
.area-right { top: '1.5rem',
background: url(${ctx}/static/images/floor_lp.png) no-repeat; left: '0.5rem',
height: 23rem; width:'2.8rem',
float: right; height:'1rem',
background-size: cover; text:'壹栋',
width: 78%; href:'/nj/onefloor'
background-size: 100% 100%; },{
top: '2.5rem',
left: '0.3rem',
width:'3.2rem',
height:'1.2rem',
text:'贰栋',
href:'/nj/twofloor'
},{
top: '3.7rem',
left: '0.1rem',
width:'3.7rem',
height:'1.7rem',
text:'新习艺楼',
href:'/nj/xxyfloor'
},{
top: '1.3rem',
left: '4.2rem',
width:'2.8rem',
height:'1.2rem',
text:'医务楼',
href:'/nj/ywfloor'
},{
top: '2.5rem',
left: '4.3rem',
width:'3.2rem',
height:'0.7rem',
text:'炊场',
href:'/nj/cfloor'
},{
top: '3.3rem',
left: '4.6rem',
width:'3.7rem',
height:'1.6rem',
text:'会见楼',
href:'/nj/hjfloor'
}]
};
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/dalou/nvjian.png" alt="">'
let _this = this;
for (let i = 0; i < dataList[`arr${"${index}"}`].length; i++) {
htmlTxt = htmlTxt + '<div style= position:absolute;cursor:pointer;width:' +
dataList[`arr${"${index}"}`][i].width + ";height:" + dataList[`arr${"${index}"}`][i].height
+ ';top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left
+ ' ' + ' onclick="handleClick(\''+dataList[`arr${"${index}"}`][i].href+'\')"><div class="icon_text"><div class="text_ms" style=top:' + dataList[`arr${"${index}"}`][i].top + ";left:" + dataList[`arr${"${index}"}`][i].left + '><a>'+dataList[`arr${"${index}"}`][i].text+'</a></div></div></div>';
} }
divElement.innerHTML = htmlTxt;
}
function handleClick(href) {
window.location.href = ctx + href;
}
</script>
.area-box li {
cursor: pointer;
}
.area-box li a {
color: #fff;
}
</style>
</head>
<body> <body>
<div class="container"> <div class="content">
<div class="main-area"> <div class="header-area">
<div class="header-area"> <!-- <img src="../static/images/logo_mc.png"/> -->
<img src="${ctx}/static/images/logo_mc.png"/> <div class="content_top"></div>
</div> </div>
<div class="area-content"> <div class=" padding_box2 clearfix">
<div class="area-left"> <div class="menu_box">
<div class="title"><a href="${ctx}/atlas">女子监狱</a></div> <div class="menu_title_box"><a href="${ctx}/atlas">女子监狱</a></div>
<div class="left-menu"> <div class="tab_list">
<ul> <ul>
<li> <li>
<div class="flex-box">
<a href="${ctx}/nj/onefloor"> <a href="${ctx}/nj/onefloor">
<div class="menu-mc"> <p class="tabName">壹栋</p>
<span>一号楼</span> <p class="monitor">监控点<span style="background-color: #ff6363;">171</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">171</span>
</div>
</a> </a>
</li> </div>
<li> </li>
<li>
<div class="flex-box">
<a href="${ctx}/nj/twofloor"> <a href="${ctx}/nj/twofloor">
<div class="menu-mc"> <p class="tabName">贰栋</p>
<span>二号楼</span> <p class="monitor">监控点 <span style="background-color: #ffba00;">118</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #ffba00;">118</span>
</div>
</a> </a>
</li> </div>
<li> </li>
<li>
<div class="flex-box">
<a href="${ctx}/nj/xxyfloor"> <a href="${ctx}/nj/xxyfloor">
<div class="menu-mc"> <p class="tabName">新习艺楼</p>
<span>新习艺楼</span> <p class="monitor">监控点 <span style="background-color: #43e04e;">50</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #43e04e;">50</span>
</div>
</a> </a>
</li> </div>
<li> </li>
<li>
<div class="flex-box">
<a href="${ctx}/nj/ywfloor">
<p class="tabName">医务楼</p>
<p class="monitor">监控点 <span style="background-color: #ff6363;">28</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/nj/cfloor"> <a href="${ctx}/nj/cfloor">
<div class="menu-mc"> <p class="tabName">炊场</p>
<span>炊场</span> <p class="monitor">监控点 <span style="background-color: #ff8a00;">21</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #2f8fff;">21</span>
</div>
</a> </a>
</li> </div>
<li> </li>
<li>
<div class="flex-box">
<a href="${ctx}/nj/hjfloor"> <a href="${ctx}/nj/hjfloor">
<div class="menu-mc"> <p class="tabName">会见楼</p>
<span>会见楼</span> <p class="monitor">监控点 <span style="background-color: #ffba00;">33</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">33</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/nj/ywfloor">
<div class="menu-mc">
<span>医务楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff8a00;">28</span>
</div>
</a> </a>
</li> </div>
<li> </li>
<li>
<div class="flex-box">
<a href="${ctx}/nj/twodoor"> <a href="${ctx}/nj/twodoor">
<div class="menu-mc"> <p class="tabName">二大门</p>
<span>二大门</span> <p class="monitor">监控点 <span style="background-color: #2f8fff;">10</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ffba00;">10</span>
</div>
</a> </a>
</li> </div>
</ul> </li>
</div> </ul>
</div> </div>
<div class="area-right"> </div>
<div class="area-box"> <div class="content_box">
<ul> <div class="room_box">
<li class="a_floor">
<a href="${ctx}/nj/onefloor">
<img src="${ctx}/static/images/A_floor.png"/>
<span>一号楼</span>
</a>
</li>
<li class="bg1_floor">
<a href="javascript:void(0);"> <img src="${ctx}/static/images/bgq_floor_1.png"/></a>
</li>
<li class="b_floor">
<a href="${ctx}/nj/xxyfloor">
<img src="${ctx}/static/images/B_floor.png"/>
<span>新习艺楼</span>
</a>
</li>
<li class="g_floor">
<a href="${ctx}/nj/cfloor"> <img src="${ctx}/static/images/G_floor.png"/></a>
<span>炊场</span>
</li>
<li class="c_floor">
<a href="${ctx}/nj/hjfloor"> <img src="${ctx}/static/images/C_floor.png"/></a>
<span>会见楼</span>
</li>
<li class="e_floor">
<a href="${ctx}/nj/ywfloor"> <img src="${ctx}/static/images/E_floor.png"/></a>
<span>医务楼</span>
</li>
<li class="d_floor">
<a href="javascript:void(0);"> <img src="${ctx}/static/images/D_floor.png"/></a>
</li>
<li class="d_floor_index">
<a href="${ctx}/nj/twodoor"> <img src="${ctx}/static/images/D_floor_1.png"/></a>
<span>二大门</span>
</li>
<li class="f_floor">
<a href="${ctx}/nj/twofloor">
<img src="${ctx}/static/images/F_floor.png"/>
<span>二号楼</span>
</a>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file <style>
.flex-box {
display: block;
}
.flex-box a{
display: flex;
padding-left: 20px;
}
.menu_title_box a{
font-size: 0.24rem !important;
position: relative;
z-index: 999;
}
</style>
\ No newline at end of file
src/main/webapp/WEB-INF/views/nj/onefloor.jsp
View file @ 9456ce5a
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>一号楼</title> <title>壹栋</title>
</head> </head>
<style type="text/css"> <style type="text/css">
.content { .content {
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<div class="content_top"></div> <div class="content_top"></div>
<div class=" padding_box2 clearfix"> <div class=" padding_box2 clearfix">
<div class="menu_box"> <div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/nj">一号楼</a></div> <div class="menu_title_box"><a class="menu_name" href="${ctx}/nj">壹栋</a></div>
<div class="tab_list"> <div class="tab_list">
<ul> <ul>
<li class="current"> <li class="current">
......
src/main/webapp/WEB-INF/views/nj/twofloor.jsp
View file @ 9456ce5a
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>二号楼</title> <title>贰栋</title>
</head> </head>
<style type="text/css"> <style type="text/css">
.content { .content {
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<div class="content_top"></div> <div class="content_top"></div>
<div class=" padding_box2 clearfix"> <div class=" padding_box2 clearfix">
<div class="menu_box"> <div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/nj">二号楼</a></div> <div class="menu_title_box"><a class="menu_name" href="${ctx}/nj">贰栋</a></div>
<div class="tab_list"> <div class="tab_list">
<ul> <ul>
<li class="current"> <li class="current">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment