Skip to content

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

2024-07-30

parent 8503ad74
Show whitespace changes
Inline Side-by-side
Showing with 27 additions and 506 deletions
src/main/webapp/WEB-INF/views/floor.html deleted 100644 → 0
View file @ 8503ad74
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<link rel="stylesheet" type="text/css" href="css/default.css"/>
<link rel="stylesheet" type="text/css" href="css/floor.css"/>
<link rel="stylesheet" type="text/css" href="css/layer.css"/>
<script src="js/jquery-1.11.2.min.js" type=text/javascript></script>
<script type="text/javascript" src="layui/layui.all.js"></script>
<script src="js/rem.js"></script>
<script src="js/scroll.js"></script>
<title>上海市人民检察院</title>
</head>
<script type="text/javascript">
var arr = [
{
top: '1.05rem',
left: '0.33rem',
title: '监控摄像头1'
}, {
top: '2.4rem',
left: '0.33rem',
title: '监控摄像头2'
}, {
top: '3.75rem',
left: '0.33rem',
title: '监控摄像头3'
}, {
top: '5.1rem',
left: '0.33rem',
title: '监控摄像头4'
}, {
top: '6.4rem',
left: '0.33rem',
title: '监控摄像头5'
}, {
top: '0.8rem',
left: '1.3rem',
title: '监控摄像头6'
}, {
top: '2.15rem',
left: '1.3rem',
title: '监控摄像头7'
}, {
top: '3.55rem',
left: '1.3rem',
title: '监控摄像头8'
}, {
top: '4.95rem',
left: '1.3rem',
title: '监控摄像头9'
}, {
top: '6.3rem',
left: '1.3rem',
title: '监控摄像头10'
}, {
top: '0.8rem',
left: '3.1rem',
title: '监控摄像头11'
}, {
top: '2.15rem',
left: '3.1rem',
title: '监控摄像头12'
}, {
top: '3.55rem',
left: '3.1rem',
title: '监控摄像头13'
}, {
top: '4.95rem',
left: '3.1rem',
title: '监控摄像头14'
}, {
top: '6.3rem',
left: '3.1rem',
title: '监控摄像头15'
}, {
top: '0.8rem',
left: '8.55rem',
title: '监控摄像头16'
}, {
top: '2.15rem',
left: '8.55rem',
title: '监控摄像头17'
}, {
top: '3.55rem',
left: '8.55rem',
title: '监控摄像头18'
}, {
top: '4.95rem',
left: '8.55rem',
title: '监控摄像头19'
}, {
top: '6.3rem',
left: '8.55rem',
title: '监控摄像头20'
}, {
top: '6.3rem',
left: '10.3rem',
title: '监控摄像头21'
}, {
top: '0.8rem',
left: '10.3rem',
title: '监控摄像头22'
}, {
top: '2.15rem',
left: '10.3rem',
title: '监控摄像头23'
}, {
top: '3.55rem',
left: '10.3rem',
title: '监控摄像头24'
}, {
top: '4.95rem',
left: '10.3rem',
title: '监控摄像头25'
}, {
top: '1.05rem',
left: '11.35rem',
title: '监控摄像头26'
}, {
top: '2.4rem',
left: '11.35rem',
title: '监控摄像头27'
}, {
top: '3.75rem',
left: '11.35rem',
title: '监控摄像头28'
}, {
top: '5.1rem',
left: '11.35rem',
title: '监控摄像头29'
}, {
top: '6.4rem',
left: '11.35rem',
title: '监控摄像头30'
}, {
top: '4.7rem',
left: '4rem',
title: '监控摄像头31'
}, {
top: '6.65rem',
left: '7.65rem',
title: '监控摄像头32'
}, {
top: '7.42rem',
left: '6.29rem',
title: '监控摄像头33'
}, {
top: '6.97rem',
left: '5.85rem',
title: '监控摄像头34'
}, {
top: '1.8rem',
left: '4rem',
title: '监控摄像头35'
}, {
top: '1.8rem',
left: '7.65rem',
title: '监控摄像头36'
}, {
top: '0.35rem',
left: '4rem',
title: '监控摄像头37'
}, {
top: '0.35rem',
left: '5.2rem',
title: '监控摄像头38'
}, {
top: '0.35rem',
left: '6.4rem',
title: '监控摄像头39'
}, {
top: '0.35rem',
left: '7.65rem',
title: '监控摄像头40'
}, {
top: '3.25rem',
left: '4rem',
title: '监控摄像头41'
}, {
top: '3.25rem',
left: '6.4rem',
title: '监控摄像头42'
}, {
top: '3.25rem',
left: '7.65rem',
title: '监控摄像头43'
}, {
top: '3.25rem',
left: '5.2rem',
title: '监控摄像头44'
}]
$(function () {
setTimeout(function () {
$('.myscroll').myScroll({
speed: 40, //数值越大，速度越慢
rowHeight: $(".list-li")[0].offsetHeight //li的高度
});
}, 1000);
$(".list-li div").click(function () {
layerOpen();
});
// 1、点击上面的li，当前点击的li添加current类，其余兄弟移除类
$(".tab_list li").click(function () {
// 链式编程 当前li添加类，其余兄弟移除类
$(this).addClass('current').siblings().removeClass('current');
// 2、拿到当前点击的索引号
var index = $(this).index();
// 3、下面index对应的模块显示，其余的item隐藏
$(".tab_con .item").eq(index).show().siblings().hide();
})
//循环数组 打摄像头位置
var divElement = document.querySelector('.room_box');
var magnification = 0.9197;
let htmlTxt = '<img class="bg_img" src="../../static/images/baoshan_02.png" alt="">'
for (let i = 0; i < arr.length; i++) {
var arrTop = Number(arr[i].top.replace("rem", "")) * magnification + "rem";
var arrLeft = Number(arr[i].left.replace("rem", "")) * magnification + "rem";
htmlTxt = htmlTxt + '<a title=' + arr[i].title + '><img class="camera" src="../../static/images/camera.png" ' + ' style=top:' + arrTop + ";left:" + arrLeft + ' onclick="handleClick(' + i + ')"></img></a>'
}
divElement.innerHTML = htmlTxt;
});
function handleClick(areaNumber) {
alert("点击了区域 " + arr[areaNumber].title);
}
function layerOpen() {
$(".layer-wrap").addClass("active");
}
function layerClose() {
$(".layer-wrap").removeClass("active");
}
</script>
<body>
<div class="content">
<div class="content_top"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box">八监区</div>
<div class="tab_list">
<ul>
<li class="current">
<a class="flex-box" href="./eastFloor.html">
<p class="tabName">东部</p>
<p class="monitor monitor2">监控点<span>44</span></p>
</a>
</li>
<li>
<a class="flex-box" href="./westFloor.html">
<p class="tabName">西部</p>
<p class="monitor monitor2">监控点<span>44</span></p>
</a>
</li>
</ul>
</div>
<div class="table-box">
<div class="table-head">
<span>姓名</span><span>年龄</span><span>类别</span>
</div>
<div class="myscroll table-body">
<ul class="list">
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
<li class="list-li">
<div><span>李某某</span><span>54</span><span>一般刑事犯</span></div>
</li>
</ul>
</div>
</div>
</div>
<div class="content_box">
<div class="room_box">
</div>
</div>
</div>
</div>
<div class="layer-wrap">
<div class="layer-mark" onclick="layerClose()"></div>
<div class="layer-main">
<div class="layer-head">
<div class="layer-title">个人信息</div>
<a class="layer-close" onclick="layerClose()"></a>
</div>
<form class="layui-form">
<table>
<tr>
<th style="width:0.9rem;">姓名</th>
<td><input type="text" value="李某某"></td>
<th style="width:1rem;">曾用名</th>
<td><input type="text" value="无"></td>
<th style="width:1rem;">性别</th>
<td><input type="text" value="男"></td>
</tr>
<tr>
<th>年龄</th>
<td><input type="text" value="54"></td>
<th>民族</th>
<td><input type="text" value="汉族"></td>
<th>文化程度</th>
<td><input type="text" value="高中"></td>
</tr>
<tr>
<th>原职业</th>
<td><input type="text" value="工人"></td>
<th>原面貌</th>
<td><input type="text" value="群众"></td>
<th>特长</th>
<td><input type="text" value=""></td>
</tr>
<tr>
<th>婚姻状况</th>
<td><input type="text" value="离婚"></td>
<th>籍贯</th>
<td><input type="text" value="上海市"></td>
<th>身份证号</th>
<td><input type="text" value="41276726372637263"></td>
</tr>
</table>
<div class="table-title"><span>刑期信息</span></div>
<table>
<tr>
<th style="width:0.9rem;">拘留日期</th>
<td><input type="text" value="2020-12-03"></td>
<th style="width:1rem;">逮捕机关</th>
<td><input type="text" value="上海市周浦公安局"></td>
<th style="width:1rem;">逮捕日期</th>
<td><input type="text" value="2020-12-15"></td>
</tr>
<tr>
<th>年龄</th>
<td><input type="text" value="54"></td>
<th>民族</th>
<td><input type="text" value="汉族"></td>
<th>文化程度</th>
<td><input type="text" value="高中"></td>
</tr>
<tr>
<th>原职业</th>
<td><input type="text" value="工人"></td>
<th>原面貌</th>
<td><input type="text" value="群众"></td>
<th>特长</th>
<td><input type="text" value=""></td>
</tr>
<tr>
<th>婚姻状况</th>
<td><input type="text" value="离婚"></td>
<th>籍贯</th>
<td><input type="text" value="上海市"></td>
<th>身份证号</th>
<td><input type="text" value="41276726372637263"></td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/main/webapp/WEB-INF/views/zp/areaPlan.jsp
View file @ cbae5a91
......@@ -63,9 +63,7 @@
<body>
<div class="content">
<div class="header-area">
<div class="content_top"></div>
</div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a href="${ctx}/atlas">周浦监狱</a></div>
......
src/main/webapp/WEB-INF/views/zp/hjfloor.jsp
View file @ cbae5a91
......@@ -6,18 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>会见楼</title>
</head>
<style type="text/css">
.content {
background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
width: 100%;
height: 100%;
/* background-position-x: center; */
background-size: cover;
}
</style>
<body>
<div class="content">
<div class="content_top"></div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zp">会见楼</a></div>
......@@ -356,6 +347,8 @@
new DeviceRender(dataList, '/static/images/zhoupu_huiyi.png').init();
new PersonRender('周浦监狱', '会见楼').init();
});
</script>
</body>
......
src/main/webapp/WEB-INF/views/zp/onefloor.jsp
View file @ cbae5a91
......@@ -6,18 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>一号楼</title>
</head>
<style type="text/css">
.content {
background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
width: 100%;
height: 100%;
/* background-position-x: center; */
background-size: cover;
}
</style>
<body>
<div class="content">
<div class="content_top"></div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zp">一号楼</a></div>
......@@ -301,6 +292,8 @@
new DeviceRender(dataList, '/static/images/zhoupu_one', true).init();
new PersonRender('周浦监狱', '一号楼').init();
});
</script>
</body>
......
src/main/webapp/WEB-INF/views/zp/threefloor.jsp
View file @ cbae5a91
......@@ -6,18 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>三号楼</title>
</head>
<style type="text/css">
.content {
background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
width: 100%;
height: 100%;
/* background-position-x: center; */
background-size: cover;
}
</style>
<body>
<div class="content">
<div class="content_top"></div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zp">三号楼</a></div>
......@@ -445,6 +436,8 @@
new DeviceRender(dataList, '/static/images/zhoupu_there', true).init();
new PersonRender('周浦监狱', '三号楼').init();
});
</script>
</body>
......
src/main/webapp/WEB-INF/views/zp/twofloor.jsp
View file @ cbae5a91
......@@ -6,18 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>二号楼</title>
</head>
<style type="text/css">
.content {
background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
width: 100%;
height: 100%;
/* background-position-x: center; */
background-size: cover;
}
</style>
<body>
<div class="content">
<div class="content_top"></div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zp">二号楼</a></div>
......@@ -365,6 +356,8 @@
new DeviceRender(dataList, '/static/images/zhoupu_two', true).init();
new PersonRender('周浦监狱', '二号楼').init();
});
</script>
</body>
......
src/main/webapp/WEB-INF/views/zyy/areaPlan.jsp
View file @ cbae5a91
......@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/floorcommon.css"/>
<title>总医院</title>
<title>监狱总医院</title>
</head>
<script type="text/javascript">
$(function () {
......@@ -56,9 +56,7 @@
<body>
<div class="content">
<div class="header-area">
<div class="content_top"></div>
</div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a href="${ctx}/atlas">总医院</a></div>
......
src/main/webapp/WEB-INF/views/zyy/bffloor.jsp
View file @ cbae5a91
......@@ -6,18 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>病房楼</title>
</head>
<style type="text/css">
.content {
background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
width: 100%;
height: 100%;
/* background-position-x: center; */
background-size: cover;
}
</style>
<body>
<div class="content">
<div class="content_top"></div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zyy">病房楼</a></div>
......@@ -134,6 +125,8 @@
new DeviceRender(dataList, '/static/images/bingfang1_', true).init();
new PersonRender('监狱总医院', '病房楼').init();
});
</script>
</body>
......
src/main/webapp/WEB-INF/views/zyy/fzfloor.jsp
View file @ cbae5a91
......@@ -6,18 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>辅助楼</title>
</head>
<style type="text/css">
.content {
background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
width: 100%;
height: 100%;
/* background-position-x: center; */
background-size: cover;
}
</style>
<body>
<div class="content">
<div class="content_top"></div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zyy">辅助楼</a></div>
......@@ -65,6 +56,8 @@
new DeviceRender(dataList, '/static/images/fuzhu1_2.png').init();
new PersonRender('监狱总医院', '辅助楼').init();
});
</script>
</body>
......
src/main/webapp/WEB-INF/views/zyy/grfloor.jsp
View file @ cbae5a91
......@@ -6,18 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>感染楼</title>
</head>
<style type="text/css">
.content {
background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
width: 100%;
height: 100%;
/* background-position-x: center; */
background-size: cover;
}
</style>
<body>
<div class="content">
<div class="content_top"></div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zyy">感染楼</a></div>
......@@ -174,6 +165,8 @@
new DeviceRender(dataList, '/static/images/ganran1_', true).init();
new PersonRender('监狱总医院', '感染楼').init();
});
</script>
</body>
......
src/main/webapp/WEB-INF/views/zyy/xtsfloor.jsp
View file @ cbae5a91
......@@ -6,18 +6,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>血透室</title>
</head>
<style type="text/css">
.content {
background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
width: 100%;
height: 100%;
/* background-position-x: center; */
background-size: cover;
}
</style>
<body>
<div class="content">
<div class="content_top"></div>
<div class="header"></div>
<div class=" padding_box2 clearfix">
<div class="menu_box">
<div class="menu_title_box"><a class="menu_name" href="${ctx}/zyy">血透室</a></div>
......@@ -54,6 +45,8 @@
new DeviceRender(dataList, '/static/images/xuetoushi1_1.png').init();
new PersonRender('监狱总医院', '血透室').init();
});
</script>
</body>
......
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