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>
|