Skip to content

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

修改总医院平面图

parent f32e6ae3
Hide whitespace changes
Inline Side-by-side
Showing with 102 additions and 114 deletions
src/main/webapp/WEB-INF/views/zyy/areaPlan.jsp
View file @ 2cd93770
<%@ 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>
<head> <head>
<meta charset="UTF-8"> <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> <title>总医院</title>
<script src="${ctx}/static/js/flexible.js"></script> </head>
<link rel="stylesheet" href="${ctx}/static/css/common.css"> <script type="text/javascript">
<style> $(function () {
.area-right{ updateData(1);
background: url(${ctx}/static/images/floor_lp.png) no-repeat; });
height: 23rem;
float: right; function updateData(index) {
background-size: cover; let dataList = {
width: 78%; 'arr1': [
background-size: 100% 100%; {
} top: '1.8rem',
.area-box li { left: '1.3rem',
cursor: pointer; width: '4.9rem',
height: '1.4rem',
text: '病房',
href: '/zyy/bffloor'
}, {
top: '3.3rem',
left: '0rem',
width: '2.9rem',
height: '1.7rem',
text: '辅助楼',
href: '/zyy/fzfloor'
}, {
top: '3.3rem',
left: '4.3rem',
width: '3.4rem',
height: '1.7rem',
text: '感染',
href: '/zyy/grfloor'
}
]
} }
.area-box li a{ var divElement = document.querySelector('.room_box');
color: #fff; let htmlTxt = '<img class="bg_img" src="${ctx}/static/images/dalou/yiyuan.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> divElement.innerHTML = htmlTxt;
</head> }
function handleClick(href) {
window.location.href = ctx + href;
}
</script>
<body> <body>
<div class="container"> <div class="content">
<div class="main-area"> <div class="header-area">
<div class="header-area"> <div class="content_top"></div>
<img src="${ctx}/static/images/logo_mc.png"/> </div>
</div> <div class=" padding_box2 clearfix">
<div class="area-content"> <div class="menu_box">
<div class="area-left"> <div class="menu_title_box"><a href="${ctx}/atlas">总医院</a></div>
<div class="title"><a href="${ctx}/atlas">总医院</a></div> <div class="tab_list">
<div class="left-menu"> <ul>
<ul> <li>
<li> <div class="flex-box">
<a href="${ctx}/zyy/bffloor"> <a href="${ctx}/zyy/bffloor">
<div class="menu-mc"> <p class="tabName">病房楼</p>
<span>病房</span> <p class="monitor">监控点<span style="background-color: #ff6363;">54</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">54</span>
</div>
</a> </a>
</li> </div>
<li> </li>
<li>
<div class="flex-box">
<a href="${ctx}/zyy/grfloor"> <a href="${ctx}/zyy/grfloor">
<div class="menu-mc"> <p class="tabName">感染楼</p>
<span>感染</span> <p class="monitor">监控点 <span style="background-color: #ffba00;">78</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #ffba00;">78</span>
</div>
</a> </a>
</li> </div>
<li> </li>
<li>
<div class="flex-box">
<a href="${ctx}/zyy/fzfloor"> <a href="${ctx}/zyy/fzfloor">
<div class="menu-mc"> <p class="tabName">辅助楼</p>
<span>辅助楼</span> <p class="monitor">监控点 <span style="background-color: #43e04e;">10</span></p>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #43e04e;">10</span>
</div>
</a>
</li>
<li>
<a href="${ctx}/zyy/xtsfloor">
<div class="menu-mc">
<span>血透室</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #2f8fff;">3</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}/zyy/bffloor">
<img src="${ctx}/static/images/A_floor.png"/>
<span>病房</span>
</a>
</li>
<li class="bg1_floor">
<a href="javascript:;"> <img src="${ctx}/static/images/bgq_floor_1.png"/></a>
</li>
<li class="b_floor">
<a href="${ctx}/zyy/grfloor">
<img src="${ctx}/static/images/B_floor.png"/>
<span>感染</span>
</a>
</li>
<li class="g_floor">
<a href="${ctx}/zyy/fzfloor">
<img src="${ctx}/static/images/G_floor.png"/>
<span>辅助楼</span>
</a>
</li>
<li class="c_floor">
<a href="${ctx}/zyy/xtsfloor">
<img src="${ctx}/static/images/C_floor.png"/>
<span>血透室</span>
</a>
</li>
<li class="d_floor">
<a href="javascript:;"> <img src="${ctx}/static/images/D_floor.png"></a>
</li>
<li class="e_floor">
<a href="javascript:;"> <img src="${ctx}/static/images/E_floor_1.png"></a>
</li>
<li class="f_floor">
<a href="javascript:;"> <img src="${ctx}/static/images/F_floor_1.png"></a>
</li>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
</html> </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/zyy/bffloor.jsp
View file @ 2cd93770
...@@ -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}/zyy">病房</a></div> <div class="menu_title_box"><a class="menu_name" href="${ctx}/zyy">病房楼</a></div>
<div class="tab_list"> <div class="tab_list">
<ul> <ul>
<li class="current"> <li class="current">
......
src/main/webapp/WEB-INF/views/zyy/grfloor.jsp
View file @ 2cd93770
...@@ -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}/zyy">感染</a></div> <div class="menu_title_box"><a class="menu_name" href="${ctx}/zyy">感染楼</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