319 lines
12 KiB
Plaintext
319 lines
12 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8"%>
|
||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
|
||
<%@page import="com.sipai.entity.visit.VisitCommString"%>
|
||
<%request.setAttribute("START", VisitCommString.STATUS_VISIT_START); %>
|
||
<%request.setAttribute("AUDIT", VisitCommString.STATUS_VISIT_AUDIT); %>
|
||
<%request.setAttribute("REJECT", VisitCommString.STATUS_VISIT_REJECT); %>
|
||
<%request.setAttribute("EXECUTE", VisitCommString.STATUS_VISIT_EXECUTE); %>
|
||
<%request.setAttribute("FINISH", VisitCommString.STATUS_VISIT_FINISH); %>
|
||
<%request.setAttribute("REVOKE", VisitCommString.STATUS_VISIT_REVOKE); %>
|
||
<%request.setAttribute("VISIT", VisitCommString.STATUS_VISIT); %>
|
||
<style type="text/css">
|
||
.select2-container .select2-selection--single{
|
||
height:34px;
|
||
line-height: 34px;
|
||
}
|
||
.select2-selection__arrow{
|
||
margin-top:3px;
|
||
}
|
||
.box {
|
||
margin-bottom: 5px;
|
||
}
|
||
.mapTool{
|
||
position: absolute;
|
||
z-index: 999;
|
||
top: 5px;
|
||
left: 20px;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
function doupdate() {
|
||
if($("#bizId").val()==null || $("#bizId").val()==''){
|
||
$("#bizId").val(unitId);
|
||
}
|
||
$("#subForm").bootstrapValidator('validate');//提交验证
|
||
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
||
$.post(ext.contextPath + "/visit/safeArea/doupdate.do", $("#subForm").serialize(), function(data) {
|
||
if (data.res == 1){
|
||
$("#table").bootstrapTable('refresh');
|
||
}else if(data.res == 0){
|
||
showAlert('d','保存失败');
|
||
}else{
|
||
showAlert('d',data.res);
|
||
}
|
||
},'json');
|
||
}
|
||
}
|
||
//输入框验证
|
||
$("#subForm").bootstrapValidator({
|
||
live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
|
||
fields: {
|
||
name: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '安全区域名称不能为空'
|
||
},
|
||
},
|
||
},
|
||
securityLevel: {
|
||
validators: {
|
||
notEmpty: {
|
||
message: '安全区域级别不能为空'
|
||
}
|
||
}
|
||
},
|
||
}
|
||
});
|
||
|
||
var showUser4SelectsFun = function(hiddenId,textId) {
|
||
var userIds= $("#"+hiddenId).val();
|
||
$.post(ext.contextPath + '/user/userForSelectByStructure.do', {formId:"subForm",hiddenId:hiddenId,textId:textId,userIds:userIds} , function(data) {
|
||
$("#user4SelectDiv").html(data);
|
||
openModal("user4SelectModal");
|
||
});
|
||
};
|
||
|
||
//提交时先验证审核人不能为空，保存时审核人可以为空
|
||
function submitFun(){
|
||
//新增的输入框添加验证
|
||
$("#subForm").data('bootstrapValidator').addField('auditMan',{
|
||
validators: {
|
||
notEmpty: {
|
||
message: '审核人不能为空'
|
||
},
|
||
}
|
||
});
|
||
dosubmit();
|
||
}
|
||
|
||
function dosubmit(){
|
||
$("#state").val('${AUDIT}');
|
||
$("#subForm").bootstrapValidator('validate');//提交验证
|
||
if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
|
||
$.post(ext.contextPath + "/visit/safeArea/startProcess.do", $("#subForm").serialize(), function(data) {
|
||
if (data.res == 1){
|
||
closeModal('subModal');
|
||
$("#table").bootstrapTable('refresh');
|
||
}else if(data.res == 2){
|
||
showAlert('d','未检测到审核流程，请先部署流程！');
|
||
}else if(data.res == 0){
|
||
showAlert('d','保存失败');
|
||
}else{
|
||
showAlert('d',data.res);
|
||
}
|
||
},'json');
|
||
}
|
||
}
|
||
|
||
var dodel = function(id) {
|
||
swal({
|
||
text: "您确定要删除此记录？",
|
||
dangerMode: true,
|
||
buttons: {
|
||
cancel: {
|
||
text: "取消",
|
||
value: null,
|
||
visible: true,
|
||
className: "btn btn-default btn-sm",
|
||
closeModal: true,
|
||
},
|
||
confirm: {
|
||
text: "确定",
|
||
value: true,
|
||
visible: true,
|
||
className: "btn btn-danger btn-sm",
|
||
closeModal: true
|
||
}
|
||
}
|
||
})
|
||
.then(willDelete =>{
|
||
if (willDelete) {
|
||
$.post(ext.contextPath + '/visit/safeArea/dodelete.do', {id : id}, function(data) {
|
||
if(data==1){
|
||
$("#table").bootstrapTable('refresh');
|
||
$("#contentBox").empty();
|
||
}else{
|
||
showAlert('d','删除失败','mainAlertdiv');
|
||
}
|
||
});
|
||
|
||
}
|
||
});
|
||
};
|
||
|
||
var map;
|
||
var zoom = 12;
|
||
var polygon;
|
||
var handler;
|
||
//显示多边形
|
||
function showPolygonTool() {
|
||
var safeAreaId = $("#id").val();
|
||
$.post(ext.contextPath + '/visit/safeArea/getLngLats.do', {safeAreaId : safeAreaId}, function(data) {
|
||
data = $.parseJSON(data);
|
||
var res = data.res;
|
||
if(res>0){
|
||
console.log(res);
|
||
var points = [];
|
||
var lngLats = data.lngLats;
|
||
$.each(lngLats,function(n,value){
|
||
points.push(new T.LngLat(value.longitude, value.latitude));
|
||
}
|
||
);
|
||
//创建面对象
|
||
polygon = new T.Polygon(points,{
|
||
color: "blue", weight: 3, opacity: 0.5, fillColor: "#FFFFFF", fillOpacity: 0.5
|
||
});
|
||
//向地图上添加面
|
||
map.addOverLay(polygon);
|
||
//编辑面
|
||
enableEdit();
|
||
}else{
|
||
openPolygonTool();
|
||
}
|
||
});
|
||
}
|
||
//注册多边形工具
|
||
function openPolygonTool() {
|
||
if (handler) handler.close();
|
||
handler = new T.PolygonTool(map);
|
||
handler.open();
|
||
//用户双击完成一次折线绘制时触发事件。
|
||
handler.addEventListener("draw", overlay_style);
|
||
}
|
||
//获取marker的属性
|
||
function overlay_style(e) {
|
||
polygon = e.currentPolygon;
|
||
enableEdit();
|
||
}
|
||
//编辑多边形
|
||
function enableEdit() {
|
||
polygon.enableEdit();
|
||
}
|
||
//结束编辑多边形
|
||
function endDraw() {
|
||
//获取点数组
|
||
var LngLats = polygon.getLngLats();
|
||
//嵌套数组
|
||
LngLats = LngLats[0];
|
||
//禁用编辑
|
||
polygon.disableEdit();
|
||
if(LngLats.length>0){
|
||
var safeAreaId = $("#id").val();
|
||
var bizId = $("#bizId").val();
|
||
var centerLng = map.getCenter().getLng();
|
||
var centerLat = map.getCenter().getLat();
|
||
$("#longitude").val(centerLng);
|
||
$("#latitude").val(centerLat);
|
||
$.post(ext.contextPath + '/visit/safeArea/setLngLats.do', {LngLats : JSON.stringify(LngLats),safeAreaId : safeAreaId,bizId : bizId,centerLng : centerLng, centerLat : centerLat}, function(data) {
|
||
if(data.res>0){
|
||
}else{
|
||
showAlert('d','保存失败','mainAlertdiv');
|
||
}
|
||
enableEdit();
|
||
});
|
||
}
|
||
}
|
||
//清除绘制内容
|
||
function clearOverLays() {
|
||
map.clearOverLays();
|
||
openPolygonTool();
|
||
}
|
||
$(function(){
|
||
var height = $(window).height();
|
||
if(height<100){
|
||
height = window.screen.height-150;
|
||
}
|
||
$("#mapDiv").height((height-270)+"px");
|
||
|
||
//类型
|
||
var selelct_type = $("#type").select2({
|
||
minimumResultsForSearch: 10
|
||
});
|
||
selelct_type.val('${safeArea.type}').trigger("change");
|
||
|
||
var Lng = $("#longitude").val();
|
||
var Lat = $("#latitude").val();
|
||
if(Lng==null || Lng==''){
|
||
Lng = 121.47081;
|
||
}
|
||
if(Lat==null || Lat==''){
|
||
Lat = 31.23268;
|
||
}
|
||
map = new T.Map('mapDiv', {
|
||
projection: 'EPSG:4326'
|
||
});
|
||
map.centerAndZoom(new T.LngLat(Lng,Lat), zoom);
|
||
//
|
||
showPolygonTool();
|
||
|
||
|
||
})
|
||
</script>
|
||
<div class="box box-primary">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title">编辑信息</h3>
|
||
<div class="box-tools pull-right">
|
||
<%--<button type="button" class="btn btn-info" onclick="submitFun()" id="btn_submit">提交审核</button>--%>
|
||
<a onclick="doupdate()" class="btn btn-box-tool" data-toggle="tooltip" title="保存"><i
|
||
class="glyphicon glyphicon-floppy-disk"></i></a>
|
||
<a onclick="dodel()" class="btn btn-box-tool" data-toggle="tooltip" title="删除"><i
|
||
class="glyphicon glyphicon-trash"></i></a>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body ">
|
||
<!-- 新增界面formid强制为subForm -->
|
||
<form class="form-horizontal" id="subForm">
|
||
<input id="id" name="id" type="hidden" value="${safeArea.id}"/>
|
||
<input id="bizId" name="bizId" type="hidden" value="${safeArea.bizId}"/>
|
||
<input type="hidden" class="form-control" id="longitude" name="longitude" value="${safeArea.longitude}">
|
||
<input type="hidden" class="form-control" id="latitude" name="latitude" value="${safeArea.latitude}">
|
||
<!-- 界面提醒div强制id为alertDiv -->
|
||
<div id="alertDiv"></div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*安全区域名称</label>
|
||
<div class="col-sm-4">
|
||
<input type="text" class="form-control" id="name" name ="name" placeholder="安全区域名称"
|
||
value="${safeArea.name}"/>
|
||
</div>
|
||
<label class="col-sm-2 control-label">*安全级别</label>
|
||
<div class="col-sm-4">
|
||
<input type="number" class="form-control" id="securityLevel" name ="securityLevel" placeholder="安全级别"
|
||
value="${safeArea.securityLevel}"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">*人群类型</label>
|
||
<div class="col-sm-4">
|
||
<select class="form-control select2" id="type"
|
||
name="type" style="width: 100%;">
|
||
<option value="adult">成人</option>
|
||
<option value="children">青少年</option>
|
||
</select>
|
||
</div>
|
||
<%--<label class="col-sm-2 control-label">状态</label>
|
||
<div class="col-sm-4">
|
||
<p class="form-control-static">${safeArea.stateName}</p>
|
||
<input id="state" name="state" type="hidden" value="${START}"/>
|
||
</div>--%>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-sm-2 control-label">备注</label>
|
||
<div class="col-sm-10">
|
||
<textarea class="form-control" rows="2" id ="remark" name ="remark" placeholder="备注...">${safeArea.remark}</textarea>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="mapTool">
|
||
<button type="button" class="btn btn-primary btn-sm" onclick="endDraw();">保存绘制</button>
|
||
<button type="button" class="btn btn-warning btn-sm" onclick="clearOverLays();">重新绘制</button>
|
||
</div>
|
||
<div class="mapDiv" id="mapDiv"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|