Skip to content

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

修改宝山、北新泾平面图

parent d675941b
Hide whitespace changes
Inline Side-by-side
Showing with 376 additions and 4 deletions
src/main/java/com/ces/web/bs/controller/BsController.java
View file @ 957d599b
......@@ -14,7 +14,7 @@ public class BsController {
@GetMapping
public ModelAndView bsAreaPlanView () {
return new ModelAndView("bs/bsAreaPlan");
return new ModelAndView("bs/areaPlan");
}
@GetMapping("/jqone")
......
src/main/java/com/ces/web/bxj/controller/BxjController.java
View file @ 957d599b
......@@ -14,7 +14,7 @@ public class BxjController {
@GetMapping
public ModelAndView bxjAreaPlanView() {
return new ModelAndView("bxj/bxjAreaPlan");
return new ModelAndView("bxj/areaPlan");
}
@GetMapping("/jqone")
......@@ -27,9 +27,9 @@ public class BxjController {
return new ModelAndView("bxj/jqtwo");
}
@GetMapping("/jqthere")
@GetMapping("/jqthree")
public ModelAndView jqthereIndex() {
return new ModelAndView("bxj/jqthere");
return new ModelAndView("bxj/jqthree");
}
@GetMapping("/jqfour")
......
src/main/webapp/WEB-INF/views/bs/areaPlan.jsp 0 → 100644
View file @ 957d599b
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="../base.jsp"/>
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/floorcommon.css"/>
<script type="text/javascript">
$(function () {
updateData(1);
});
function updateData(index) {
let dataList = {
'arr1': [{
top: '1rem',
left: '0.9rem',
width:'2.8rem',
height:'1rem',
text:'八监区',
href:'/bs/jqeight'
},{
top: '2rem',
left: '0.7rem',
height:'1rem',
width:'3rem',
text:'一监区',
href:'/bs/jqone'
},{
top: '3.1rem',
left: '0.2rem',
text:'西大楼',
href:'/bs/xdl',
height:'0.8rem',
width:'3.9rem',
},{
top: '3.8rem',
left: '0.2rem',
text:'综合楼',
href:'/bs/zhl',
width:'1.3rem',
height:'1.5rem',
},{
width:'2.8rem',
height:'1rem',
top: '0.8rem',
left: '4.6rem',
href:'/bs/jqthere',
text:'三监区',
},{
width:'3rem',
height:'1rem',
top: '1.8rem',
left: '5.1rem',
href:'/bs/jqtwo',
text:'二监区',
},{
width:'3.5rem',
height:'0.8rem',
top: '3rem',
left: '5.1rem',
href:'/bs/ddl',
text:'东大楼',
},{
width:'4rem',
height:'1.3rem',
top: '4rem',
left: '5.5rem',
href:'/bs/wlzx',
text:'物流中心',
},]
};
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/dalou/baoshang.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>
<body>
<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}/bs/jqone">
<p class="tabName">一监区</p>
<p class="monitor">监控点<span style="background-color: #ff6363;">78</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bs/jqtwo">
<p class="tabName">二监区</p>
<p class="monitor">监控点 <span style="background-color: #ffba00;">88</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bs/jqthere">
<p class="tabName">三监区</p>
<p class="monitor">监控点 <span style="background-color: #43e04e;">86</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bs/jqeight">
<p class="tabName">八监区</p>
<p class="monitor">监控点 <span style="background-color: #ff6363;">88</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bs/ddl">
<p class="tabName">东大楼</p>
<p class="monitor">监控点 <span style="background-color: #ff8a00;">9</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bs/xdl">
<p class="tabName">西大楼</p>
<p class="monitor">监控点 <span style="background-color: #ffba00;">8</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bs/zhl">
<p class="tabName">综合楼</p>
<p class="monitor">监控点 <span style="background-color: #43e04e;">37</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bs/wlzx">
<p class="tabName">物流中心</p>
<p class="monitor">监控点 <span style="background-color: #ff6363;">20</span></p>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="content_box">
<div class="room_box">
</div>
</div>
</div>
</div>
</body>
</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/bxj/areaPlan.jsp 0 → 100644
View file @ 957d599b
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<jsp:include page="../base.jsp"/>
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/floorcommon.css"/>
<script type="text/javascript">
$(function () {
updateData(1);
});
function updateData(index) {
let dataList = {
'arr1': [{
top: '1.3rem',
left: '0.2rem',
width:'1.4rem',
height:'1.4rem',
text:'五监区',
href:'/bxj/jqfive'
},{
top: '2.8rem',
left: '-0.3rem',
width:'3.5rem',
height:'1.2rem',
text:'四监区',
href:'/bxj/jqfour'
},{
top: '4.1rem',
left: '-0.5rem',
width:'3.7rem',
height:'1.4rem',
text:'一监区',
href:'/bxj/jqone'
},{
top: '1.1rem',
left: '2.4rem',
width:'3rem',
height:'1.4rem',
text:'六监区',
href:'/bxj/jqsix'
},{
top: '1.1rem',
left: '6rem',
width:'1.8rem',
height:'0.8rem',
text:'七监区',
href:'/bxj/jqseven'
},{
top: '1.9rem',
left: '6.6rem',
width:'1.7rem',
height:'0.6rem',
text:'卫生所',
href:'/bxj/wss'
},{
top: '2.5rem',
left: '5rem',
width:'3.5rem',
height:'1.2rem',
text:'三监区',
href:'/bxj/jqthree'
},{
top: '3.7rem',
left: '5.8rem',
width:'3.8rem',
height:'1.6rem',
text:'二监区',
href:'/bxj/jqtwo'
},]
};
var divElement = document.querySelector('.room_box');
let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/dalou/beixinjing.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>
<body>
<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}/bxj/jqone">
<p class="tabName">一监区</p>
<p class="monitor">监控点<span style="background-color: #ff6363;">68</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bxj/jqtwo">
<p class="tabName">二监区</p>
<p class="monitor">监控点 <span style="background-color: #ffba00;">76</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bxj/jqthere">
<p class="tabName">三监区</p>
<p class="monitor">监控点 <span style="background-color: #43e04e;">72</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bxj/jqfour">
<p class="tabName">四监区</p>
<p class="monitor">监控点 <span style="background-color: #ff6363;">65</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bxj/jqfive">
<p class="tabName">五监区</p>
<p class="monitor">监控点 <span style="background-color: #ff8a00;">61</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bxj/jqsix">
<p class="tabName">六监区</p>
<p class="monitor">监控点 <span style="background-color: #ffba00;">54</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bxj/jqseven">
<p class="tabName">七监区</p>
<p class="monitor">监控点 <span style="background-color: #43e04e;">55</span></p>
</a>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/bxj/wss">
<p class="tabName">卫生所</p>
<p class="monitor">监控点 <span style="background-color: #ff6363;">36</span></p>
</a>
</div>
</li>
</ul>
</div>
</div>
<div class="content_box">
<div class="room_box">
</div>
</div>
</div>
</div>
</body>
</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
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