@layout("/common/_container.html"){
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal" id="siteInfoForm">
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="">
|
<h3 style="margin-left: 100px;">站点信息</h3>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">站点名称：</label>
|
<div class="col-sm-6">
|
<input type="text" class="form-control" id="name" name="name">
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">所属城市：</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="provinceCode" onchange="TSiteInfoDlg.provinceChange(this)">
|
<option value="">选择省</option>
|
@for(obj in provinceList){
|
<option value="${obj.code}">${obj.name}</option>
|
@}
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="cityCode" onchange="TSiteInfoDlg.cityChange(this)">
|
<option value="">选择市</option>
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="districtCode">
|
<option value="">选择区</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="">
|
<h3 style="margin-left: 100px;margin-top: 70px;">站点区域</h3>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-2 control-label">区域名称：</label>
|
<div class="col-sm-2">
|
<input type="text" class="form-control" id="areaName" name="areaName">
|
</div>
|
<label class="col-sm-1 control-label">类型：</label>
|
<div class="col-sm-2" style="display: flex;align-items: center;">
|
<div class="radio radio-info radio-inline">
|
<input type="radio" id="areaType1" value="1" name="areaType" checked="" onclick="TSiteInfoDlg.areaTypeClick(1)">
|
<label for="areaType1"> 行政区域 </label>
|
</div>
|
<div class="radio radio-success radio-inline">
|
<input type="radio" id="areaType2" value="2" name="areaType" onclick="TSiteInfoDlg.areaTypeClick(2)">
|
<label for="areaType2"> 电子围栏 </label>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<#button btnCss="info" name="添加" id="ensure" icon="fa-check" clickFun="TSiteInfoDlg.addArea()"/>
|
</div>
|
</div>
|
<div class="form-group" id="areaType1Div">
|
<label class="col-sm-2 control-label">行政区域：</label>
|
<div class="col-sm-2">
|
<select class="form-control" id="provinceCode1" onchange="TSiteInfoDlg.provinceChange1(this)">
|
<option value="">选择省</option>
|
@for(obj in provinceList){
|
<option value="${obj.code}">${obj.name}</option>
|
@}
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="cityCode1" onchange="TSiteInfoDlg.cityChange1(this)">
|
<option value="">选择市</option>
|
</select>
|
</div>
|
<div class="col-sm-2">
|
<select class="form-control" id="districtCode1">
|
<option value="">选择区</option>
|
</select>
|
</div>
|
</div>
|
<div class="form-group" id="areaType2Div" style="display: none;">
|
<label class="col-sm-2 control-label">电子围栏：</label>
|
<div class="col-sm-8">
|
<div id="container" style="height: 350px;width: 1000px;"></div>
|
<div class='info' style="margin-top:10px;position: absolute; z-index: 999; left: 20px; width: 450px;">操作说明：圆和矩形通过拖拽来绘制，其他覆盖物通过点击来绘制</div>
|
<div class="input-card" style='margin-top:28px;width: 100rem; z-index: 999; bottom: 20px;'>
|
<div class="input-item">
|
<!--<input type="radio" name='func' checked="" value='marker'><span class="input-text">画点</span>-->
|
<!--<input type="radio" name='func' value='polyline'><span class="input-text">画折线</span> -->
|
<input type="radio" name='func' value='polygon'><span class="input-text" style='width:5rem;'>画多边形</span>
|
<!--<input type="radio" name='func' value='rectangle'><span class="input-text" style='width:5rem;'>画矩形</span> -->
|
<input type="radio" name='func' value='circle'><span class="input-text" style='width:5rem;'>画圆</span>
|
</div>
|
<div class="input-item">
|
<input id="clear" type="button" class="btn" value="清除" />
|
<input id="close" type="button" class="btn" value="关闭绘图" />
|
<input type="button" class="btn" value="开始编辑" onclick="editAll()" />
|
<input type="button" class="btn" value="结束编辑" onclick="closeEdit()" />
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-2">
|
<div class="form-group">
|
<label style='color:grey'>行政区边界查询</label>
|
<div class="input-group">
|
<div class="input-group-btn">
|
<button data-toggle="dropdown" class="btn btn-white dropdown-toggle"
|
type="button">行政级别
|
</button>
|
</div>
|
<select id="level" class="form-control">
|
<option value="district">区</option>
|
<option value="city">市</option>
|
<option value="province">省</option>
|
</select>
|
|
</div>
|
</div>
|
<div class="form-group">
|
<div class="input-group">
|
<div class="input-group-btn">
|
<button data-toggle="dropdown" class="btn btn-white dropdown-toggle"
|
type="button">名称/adcode
|
</button>
|
</div>
|
<input id='district' class="layui-input form-control" type="text" value=''>
|
</div>
|
</div>
|
<input id="find" type="button" class="btn btn-primary btn-sm" value="查询" />
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-2 control-label">已添加区域</label>
|
<div class="col-sm-6">
|
<div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="width: 300px;text-align: center;">添加时间</th>
|
<th style="width: 300px;text-align: center;">区域名称</th>
|
<th style="width: 100px;text-align: center;">操作</th>
|
</tr>
|
</thead>
|
<tbody id="areaValue">
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10 col-sm-offset-5">
|
<#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TSiteInfoDlg.addSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TSiteInfoDlg.close()"/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
<script type="text/javascript">
|
window._AMapSecurityConfig = {
|
securityJsCode:'15524b84c82c145a6ec41d33a2f51260',
|
}
|
</script>
|
<script src="https://webapi.amap.com/maps?v=1.4.15&key=c59c0ec8058a8305009eb315584e07d1&plugin=AMap.MouseTool,AMap.DistrictSearch,AMap.PolyEditor,AMap.RectangleEditor,AMap.CircleEditor"></script>
|
<script src="${ctxPath}/static/modular/system/tSite/electricFence.js"></script>
|
<script src="${ctxPath}/static/modular/system/tSite/tSite_info.js"></script>
|
@}
|
