Skip to content

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

修改五角场平面图

parent a02c2fae
Hide whitespace changes
Inline Side-by-side
Showing with 174 additions and 174 deletions
src/main/webapp/WEB-INF/views/qp/areaPlan.jsp
View file @ a84dc97c
......@@ -99,7 +99,7 @@
</div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a href="${ctx}/atlas">女子监狱</a></div>
<div class="menu_title_box"><a href="${ctx}/atlas">青浦监狱</a></div>
<div class="tab_list">
<ul>
<li>
......
src/main/webapp/WEB-INF/views/wjc/areaPlan.jsp
View file @ a84dc97c
<%@ 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">
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/floorcommon.css"/>
<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;
</head>
<script type="text/javascript">
$(function () {
updateData(1);
});
function updateData(index) {
let dataList = {
'arr1': [{
top: '1.7rem',
left: '0.5rem',
width:'2.1rem',
height:'0.7rem',
text:'北教学楼',
href:'/wjc/bjxl'
},{
top: '2.4rem',
left: '0.2rem',
width:'2.5rem',
height:'0.8rem',
text:'西习艺楼',
href:'/wjc/xxyl'
},{
top: '3.2rem',
left: '0.1rem',
width:'2.8rem',
height:'0.8rem',
text:'南教学楼',
href:'/wjc/njxl'
},{
top: '4rem',
left: '0.8rem',
width:'2.2rem',
height:'1.2rem',
text:'综合楼',
href:'/wjc/zhl'
},{
top: '1.55rem',
left: '3.7rem',
width:'2.3rem',
height:'0.7rem',
text:'北楼',
href:'/wjc/north'
},{
top: '2.25rem',
left: '4rem',
width:'2.4rem',
height:'0.7rem',
text:'东习艺楼',
href:'/wjc/dxyl'
},{
top: '3rem',
left: '4.3rem',
width:'2.8rem',
height:'0.9rem',
text:'东楼',
href:'/wjc/east'
},{
top: '3.9rem',
left: '4.3rem',
width:'3.4rem',
height:'1rem',
text:'南楼',
href:'/wjc/south'
}]
}
.area-box li a{
color: #fff;
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/dalou/wujiaochang.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>';
}
</style>
</head>
divElement.innerHTML = htmlTxt;
}
function handleClick(href) {
window.location.href = ctx + href;
}
</script>
<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}/wjc/east">
<div class="menu-mc">
<span>东</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">74</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/wjc/south">
<div class="menu-mc">
<span>南</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #ffba00;">87</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/wjc/north">
<div class="menu-mc">
<span>北</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #43e04e;">52</span>
</div>
</a>
</li>
<li>
<div class="content">
<div class="header-area">
<!-- <img src="../static/images/logo_mc.png"/> -->
<div class="content_top"></div>
</div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a href="${ctx}/atlas">五角场监狱</a></div>
<div class="tab_list">
<ul>
<li>
<div class="flex-box">
<a href="${ctx}/wjc/zhl">
<div class="menu-mc">
<span>综合楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #2f8fff;">20</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/wjc/dxyl">
<div class="menu-mc">
<span>东习艺楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">27</span>
</div>
<p class="tabName">综合楼</p>
<p class="monitor">监控点<span style="background-color: #ff6363;">20</span></p>
</a>
</li>
<li>
<a href="${ctx}/wjc/xxyl">
<div class="menu-mc">
<span>西习艺楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff8a00;">32</span>
</div>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/wjc/south">
<p class="tabName">南楼</p>
<p class="monitor">监控点 <span style="background-color: #ffba00;">87</span></p>
</a>
</li>
<li>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/wjc/njxl">
<div class="menu-mc">
<span>南教学楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ffba00;">17</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/wjc/bjxl">
<div class="menu-mc">
<span>北教学楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ffba00;">11</span>
</div>
<p class="tabName">南教学楼</p>
<p class="monitor">监控点 <span style="background-color: #43e04e;">17</span></p>
</a>
</li>
</ul>
</div>
</div>
<div class="area-right">
<div class="area-box">
<ul>
<li class="a_floor">
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/wjc/east">
<img src="${ctx}/static/images/A_floor.png"/>
<span>东</span>
</a>
</li>
<li class="bg1_floor">
<a href="${ctx}/wjc/south">
<img src="${ctx}/static/images/bgq_floor.png"/>
<span>南</span>
</a>
</li>
<li class="b_floor">
<a href="${ctx}/wjc/north">
<img src="${ctx}/static/images/B_floor.png"/>
<span>北</span>
</a>
</li>
<li class="g_floor">
<a href="${ctx}/wjc/zhl">
<img src="${ctx}/static/images/G_floor.png"/>
<span>综合楼</span>
</a>
</li>
<li class="c_floor">
<a href="${ctx}/wjc/dxyl">
<img src="${ctx}/static/images/C_floor.png"/>
<span>东习艺楼</span>
<p class="tabName">东楼</p>
<p class="monitor">监控点 <span style="background-color: #ff6363;">74</span></p>
</a>
</li>
<li class="e_floor">
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/wjc/xxyl">
<img src="${ctx}/static/images/E_floor.png"/>
<span>西习艺楼</span>
<p class="tabName">西习艺楼</p>
<p class="monitor">监控点 <span style="background-color: #ff8a00;">32</span></p>
</a>
</li>
<li class="d_floor">
<a href="javascript:;"> <img src="${ctx}/static/images/D_floor.png"/></a>
</li>
<li class="d_floor_index">
<a href="${ctx}/wjc/njxl">
<img src="${ctx}/static/images/D_floor_1.png"/>
<span>南教学楼</span>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/wjc/dxyl">
<p class="tabName">东习艺楼</p>
<p class="monitor">监控点 <span style="background-color: #ffba00;">27</span></p>
</a>
</li>
<li class="f_floor">
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/wjc/bjxl">
<img src="${ctx}/static/images/F_floor.png"/>
<span>北教学楼</span>
<p class="tabName">北教学楼</p>
<p class="monitor">监控点 <span style="background-color: #2f8fff;">11</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/wjc/north">
<p class="tabName">北楼</p>
<p class="monitor">监控点 <span style="background-color: #2f8fff;">52</span></p>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="content_box">
<div class="room_box">
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
</html>
<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/wjc/east.jsp
View file @ a84dc97c
......@@ -20,7 +20,7 @@
<div class="content_top"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/wjc">东</a></div>
<div class="menu_title_box"><a class="menu_name" href="${ctx}/wjc">东楼</a></div>
<div class="tab_list">
<ul>
<li class="current">
......
src/main/webapp/WEB-INF/views/wjc/north.jsp
View file @ a84dc97c
......@@ -20,7 +20,7 @@
<div class="content_top"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/wjc">北</a></div>
<div class="menu_title_box"><a class="menu_name" href="${ctx}/wjc">北楼</a></div>
<div class="tab_list">
<ul>
<li class="current">
......
src/main/webapp/WEB-INF/views/wjc/south.jsp
View file @ a84dc97c
......@@ -20,7 +20,7 @@
<div class="content_top"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/wjc">南</a></div>
<div class="menu_title_box"><a class="menu_name" href="${ctx}/wjc">南楼</a></div>
<div class="tab_list">
<ul>
<li class="current">
......
src/main/webapp/WEB-INF/views/wjc/xxyl.jsp
View file @ a84dc97c
......@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>东习艺楼</title>
<title>西习艺楼</title>
</head>
<style type="text/css">
.content {
......@@ -20,7 +20,7 @@
<div class="content_top"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/wjc">东习艺楼</a></div>
<div class="menu_title_box"><a class="menu_name" href="${ctx}/wjc">西习艺楼</a></div>
<div class="tab_list">
<ul>
<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