@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' value='polygon'><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>
|
|
<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" src="https://api.map.baidu.com/api?v=3.0&ak=t5pcBZB5G4D11G9MzHq8Kik7jqzlTrAL"></script>
|
<!-- 百度地图绘制工具库 -->
|
<script type="text/javascript" src="https://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
|
<link rel="stylesheet" href="https://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
|
<!-- 百度地图编辑器库 -->
|
<script type="text/javascript" src="https://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
|
<script src="${ctxPath}/static/modular/system/tSite/electricFence.js"></script>
|
<script src="${ctxPath}/static/modular/system/tSite/tSite_info.js"></script>
|
@}
|
