Commit d675941b authored by beilang's avatar beilang

修改宝山平面图

parent ef2fd82d
......@@ -13,7 +13,7 @@ import org.springframework.web.servlet.ModelAndView;
public class BxjController {
@GetMapping
public ModelAndView bxjAreaPlanView () {
public ModelAndView bxjAreaPlanView() {
return new ModelAndView("bxj/bxjAreaPlan");
}
......
<%@ page import="com.ces.common.constant.Constant" %>
<%@ page import="org.apache.shiro.SecurityUtils" %>
<%@ page import="com.ces.framework.shiro.dto.UserDTO" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro"%>
<%
......
<%@ 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-right .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}/bs/jqone">
<div class="menu-mc">
<span>一监区</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #43e04e;">78</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/bs/jqtwo">
<div class="menu-mc">
<span>二监区</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #2f8fff;">88</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/bs/jqthere">
<div class="menu-mc">
<span>三监区</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">86</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/bs/jqeight">
<div class="menu-mc">
<span>八监区</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff8a00;">88</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/bs/ddl">
<div class="menu-mc">
<span>东大楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">9</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/bs/xdl">
<div class="menu-mc">
<span>西大楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #ffba00;">8</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/bs/zhl">
<div class="menu-mc">
<span>综合楼</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #43e04e;">37</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/bs/wlzx">
<div class="menu-mc">
<span>物流中心</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ffba00;">20</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="area-right">
<div class="area-box">
<ul>
<li class="a_floor">
<a href="${ctx}/bs/jqone">
<img src="${ctx}/static/images/A_floor.png"/>
<span>一监区</span>
</a>
</li>
<li class="bg1_floor">
<a href="${ctx}/bs/jqtwo">
<img src="${ctx}/static/images/bgq_floor.png"/>
<span>二监区</span>
</a>
</li>
<li class="b_floor">
<a href="${ctx}/bs/jqthere">
<img src="${ctx}/static/images/B_floor.png"/>
<span>三监区</span>
</a>
</li>
<li class="g_floor">
<a href="${ctx}/bs/jqeight">
<img src="${ctx}/static/images/G_floor.png"/>
<span>八监区</span>
</a>
</li>
<li class="c_floor">
<a href="${ctx}/bs/ddl">
<img src="${ctx}/static/images/C_floor.png"/>
<span>东大楼</span>
</a>
</li>
<li class="e_floor">
<a href="${ctx}/bs/xdl">
<img src="${ctx}/static/images/E_floor.png"/>
<span>西大楼</span>
</a>
</li>
<li class="d_floor">
<a href="javascript:void(0);"> <img src="${ctx}/static/images/D_floor.png"/></a>
<span></span>
</li>
<li class="d_floor_index">
<a href="${ctx}/bs/wlzx">
<img src="${ctx}/static/images/D_floor_1.png"/>
<span>物流中心</span>
</a>
</li>
<li class="f_floor">
<a href="${ctx}/bs/zhl">
<img src="${ctx}/static/images/F_floor.png"/>
<span>综合楼</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
.content_box {
float: right;
width: 13rem;
height: 8.54rem;
background: rgb(52 0 0 / 0%);
padding: 0.25rem 0.52rem;
border-radius: 0.1rem;
}
.tab_list ul li.current{
background: rgb(0 35 105 / 70%);
}
.content_box{
padding: 0;
}
.menu_title_box{
font-size: 0.24rem;
}
.bg_img{
margin: -0.5rem 0 0 -4rem;
width: 17rem;
}
.padding_box2{
width: 19rem;
}
.header-area{
text-align: center;
}
.header-area img {
width: 4rem;
height: auto;
padding-top: 0.5rem;
margin-bottom: 1rem;
}
li{
list-style: none;
}
.tab_list {
z-index: 9;
position: sticky;
}
.icon_text{
position: absolute;
width: 1.8rem;
height: 47px;
line-height: 47px;
background-image:url('../images/dalou/icon_text.png');
background-repeat: no-repeat;
text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.text_ms a{
color: #fff;
font-size: 0.2rem;
text-decoration: none;
margin-left: 25px;
}
.menu_box{
margin-left: 1rem;
}
.content_top {
font-size: 0.16rem;
height: 1.4rem;
background: url(../images/topBg.png) center center no-repeat;
background-size: contain;
}
.menu_box {
float: left;
width: 3.8rem;
}
.content {
background: url('../images/dalou/beijing.png') no-repeat;
width: 100%;
min-height: 100vh;
background-size: cover;
}
.flex-box p{
width: 2rem;;
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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