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" %>
<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.8rem',
left: '1.3rem',
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{
color: #fff;
var divElement = document.querySelector('.room_box');
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>
</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>
<div class="content">
<div class="header-area">
<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}/zyy/bffloor">
<div class="menu-mc">
<span>病房</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style="background-color: #ff6363;">54</span>
</div>
<p class="tabName">病房楼</p>
<p class="monitor">监控点<span style="background-color: #ff6363;">54</span></p>
</a>
</li>
<li>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/zyy/grfloor">
<div class="menu-mc">
<span>感染</span>
</div>
<div class="menu-num">
<span>监控点</span>
<span style=" background-color: #ffba00;">78</span>
</div>
<p class="tabName">感染楼</p>
<p class="monitor">监控点 <span style="background-color: #ffba00;">78</span></p>
</a>
</li>
<li>
</div>
</li>
<li>
<div class="flex-box">
<a href="${ctx}/zyy/fzfloor">
<div class="menu-mc">
<span>辅助楼</span>
</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>
<p class="tabName">辅助楼</p>
<p class="monitor">监控点 <span style="background-color: #43e04e;">10</span></p>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<div class="area-right">
<div class="area-box">
<ul>
<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 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/zyy/bffloor.jsp
View file @ 2cd93770
......@@ -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}/zyy">病房</a></div>
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zyy">病房楼</a></div>
<div class="tab_list">
<ul>
<li class="current">
......
src/main/webapp/WEB-INF/views/zyy/grfloor.jsp
View file @ 2cd93770
......@@ -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}/zyy">感染</a></div>
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zyy">感染楼</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