118 lines
6.6 KiB
HTML
118 lines
6.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel="stylesheet" href="../../css/font.css">
|
||
|
|
<link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/css/layui.css">
|
||
|
|
<link rel="stylesheet" href="../../css/personnelControl/personnelControlList.css">
|
||
|
|
<script src="../../js/publics/sm4.js" type="text/javascript"></script>
|
||
|
|
<!-- <link rel="stylesheet" href="../../css/shuiYin/shuiYin.css"> -->
|
||
|
|
<script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/publics/public.js"></script>
|
||
|
|
<script src="../../plugin/scroll/jquery.nicescroll.min.js"></script>
|
||
|
|
<script src="../../js/publics/echarts.js"></script>
|
||
|
|
<script src="../../plugin/layui-v2.9.7/layui/layui.js"></script>
|
||
|
|
<script src="../../api/commonRequest.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/publics/aescbc.js"></script>
|
||
|
|
<script src="https://api.map.baidu.com/api?v=3.0&ak=s0zhKgClIXRG8hQp3HB4KtiXPWw1dP8B" type="text/javascript"></script>
|
||
|
|
<script src="https://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js" type="text/javascript"></script>
|
||
|
|
<link href="https://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" rel="stylesheet" />
|
||
|
|
<!-- <script src="../../js/publics/shuiYin.js"></script> -->
|
||
|
|
<script src="../../plugin/watermark.js"></script>
|
||
|
|
<title>人员管控</title>
|
||
|
|
</head>
|
||
|
|
<script type="text/javascript">
|
||
|
|
let text = nickName +"\r\n"+ roleName +"\r\n" + '建设部';
|
||
|
|
watermark.load({ watermark_txt: text });
|
||
|
|
</script>
|
||
|
|
<body>
|
||
|
|
<div class="large-frame layout">
|
||
|
|
<div class="left">
|
||
|
|
<div class="left-under">
|
||
|
|
<div class="background-img" style="background-image: url('../../img/personnelControl/electronicFence.png');">
|
||
|
|
<div id="content" style="height: 100%;width: 100%;overflow: auto;">
|
||
|
|
<form class="layui-form " onsubmit="return false">
|
||
|
|
<div class="layui-inline" style="margin-left: 87%;margin-top: 1%;">
|
||
|
|
<div class="layui-col-xs12">
|
||
|
|
<button id="addButton" class="layui-btn" lay-filter="demo-table-search">新增围栏</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<table id="dome" lay-filter="test"></table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="hiddenContent" style="height: 100%;width: 100%;overflow: auto;display: none;margin-top: 4%;">
|
||
|
|
<form class="layui-form" onsubmit="return false;">
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label">围栏名称</label>
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<input type="text" id="fencingName" name="fencingName" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label">围栏类型</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<select id="railType" name="fencingType" lay-filter="aihao" lay-verify="required">
|
||
|
|
<option value=""></option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label">报警类型</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<select id="giveAnAlarmType" name="alarmType" lay-filter="aihao" lay-verify="required">
|
||
|
|
<option value=""></option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label">警戒等级</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<select id="guardAgainstType" name="alertType" lay-filter="aihao" lay-verify="required">
|
||
|
|
<option value=""></option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<label class="layui-form-label">围栏颜色</label>
|
||
|
|
<div class="layui-input-inline" style="width: 120px;">
|
||
|
|
<input type="text" name="color" value="" lay-verify="required" placeholder="请选择颜色" class="layui-input" id="color">
|
||
|
|
</div>
|
||
|
|
<div class="layui-inline" style="left: -11px;">
|
||
|
|
<div id="ID-colorpicker-demo-form"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-form-mid layui-text-em">
|
||
|
|
<i class="layui-icon layui-icon-tips">提示：在右侧地图区域绘制围栏，最少绘制三个点！</i>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-input-block">
|
||
|
|
<button type="submit" class="layui-btn" lay-submit lay-filter="demo1">立即提交</button>
|
||
|
|
<button id="return" type="reset" class="layui-btn layui-btn-primary" style="background-color: #A8A8A8;color: white;">返回</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="middle">
|
||
|
|
<div class="right-down">
|
||
|
|
<div class="background-img layout-vertical" style="background-image: url('../../img/personnelControl/Location.png');">
|
||
|
|
<div id="map"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script type="text/html" id="switchTpl">
|
||
|
|
<input type="checkbox" id="statusSwitch" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|锁定" lay-filter="statusSwitch" {{ d.status == 1 ? 'checked' : '' }}>
|
||
|
|
</script>
|
||
|
|
<script src="../../js/personnelControl/personnelControlList.js"></script>
|
||
|
|
</html>
|