/*
|
* @Description:
|
* @Version: 1.0
|
* @Author: yangsx
|
* @Date: 2019-12-09 19:01:40
|
* @LastEditors: yangsx
|
* @LastEditTime: 2019-12-14 14:44:57
|
*/
|
define([
|
"dojo",
|
"dojo/_base/declare",
|
"dojo/_base/lang",
|
"base/BaseWidget",
|
"dojo/text!widgets/aPoliceTeam/template.html",
|
"base/AppEvent",
|
"base/ConfigData",
|
"widgets/aPoliceTeam/config",
|
"dojo/dom",
|
"dojo/dom-construct",
|
"dojo/dom-attr",
|
"dojo/dom-style",
|
"dojo/on",
|
"esri/layers/ArcGISDynamicMapServiceLayer",
|
"esri/layers/ArcGISTiledMapServiceLayer",
|
"esri/layers/FeatureLayer",
|
"controls/tab/TabControl",
|
"esri/dijit/SymbolStyler",
|
"esri/styles/basic",
|
"dojo/_base/array",
|
"esri/InfoTemplate",
|
"esri/tasks/query",
|
"esri/tasks/QueryTask",
|
"esri/Color",
|
"esri/toolbars/edit",
|
"esri/graphic",
|
"esri/geometry/Point",
|
"esri/geometry/Polyline",
|
"esri/geometry/Polygon",
|
"esri/geometry/Extent",
|
"esri/tasks/FeatureSet",
|
"esri/renderers/HeatmapRenderer",
|
"esri/symbols/SimpleLineSymbol",
|
"esri/symbols/SimpleFillSymbol",
|
"esri/symbols/PictureMarkerSymbol",
|
"esri/symbols/SimpleMarkerSymbol",
|
"esri/SpatialReference",
|
"esri/tasks/GeometryService",
|
"esri/tasks/ProjectParameters",
|
"esri/layers/GraphicsLayer",
|
"esri/layers/LabelLayer",
|
"esri/symbols/TextSymbol",
|
"esri/renderers/SimpleRenderer",
|
"esri/renderers/ClassBreaksRenderer",
|
"esri/tasks/Geoprocessor",
|
"esri/tasks/DataFile",
|
"esri/geometry/webMercatorUtils",
|
"esri/symbols/Font",
|
"esri/geometry/ScreenPoint",
|
"esri/layers/ImageParameters",
|
"esri/geometry/geometryEngine",
|
"esri/dijit/PopupTemplate",
|
"widgets/clientManagement/FlareClusterLayer_v3",
|
"dojo/domReady!"
|
], function (
|
dojo,
|
declare,
|
lang,
|
BaseWidget,
|
template,
|
AppEvent,
|
ConfigData,
|
config,
|
dom,
|
domConstruct,
|
domAttr,
|
domStyle,
|
on,
|
ArcGISDynamicMapServiceLayer,
|
ArcGISTiledMapServiceLayer,
|
FeatureLayer,
|
TabControl,
|
SymbolStyler,
|
basic,
|
arrayUtils,
|
InfoTemplate,
|
Query,
|
QueryTask,
|
Color,
|
Edit,
|
Graphic,
|
Point,
|
Polyline,
|
Polygon,
|
Extent,
|
FeatureSet,
|
HeatmapRenderer,
|
SimpleLineSymbol,
|
SimpleFillSymbol,
|
PictureMarkerSymbol,
|
SimpleMarkerSymbol,
|
SpatialReference,
|
GeometryService,
|
ProjectParameters,
|
GraphicsLayer,
|
LabelLayer,
|
TextSymbol,
|
SimpleRenderer,
|
ClassBreaksRenderer,
|
Geoprocessor,
|
DataFile,
|
webMercatorUtils,
|
Font,
|
ScreenPoint,
|
ImageParameters,
|
geometryEngine,
|
PopupTemplate,
|
FlareClusterLayer
|
) {
|
var Widget = declare([BaseWidget], {
|
widgetName: "APoliceTeam",
|
label: "出警队伍",
|
templateString: template,
|
_map: null,
|
objThis: null,
|
_siteLayer: new GraphicsLayer(),
|
layuiLayer: null,
|
layuiLadate: null,
|
tabIndex: 0,
|
|
// 保留添加实体图层的变量
|
addEntitys: null,
|
entitysData: [],
|
|
// 是否派发保安的 文字
|
treatmentIndex: null,
|
securityFlag: false,
|
editParentInd: null,
|
|
// 存储新增点，线，面，数据的地方
|
polygonData: [],
|
polygonFlag: false,
|
editToolbar: null,
|
addPolygonEntitys: null,
|
|
// 所有的面图层
|
entityPolygonAll: null,
|
|
// 用来存储区域名称
|
globalRegionName: null,
|
|
// 用来区域得最大最小经纬度
|
currentDrawing: [],
|
|
// 巡逻区域或者巡逻路线的描述
|
routeOrRegionDescribe: null,
|
|
// 用来记录巡逻区域或者巡逻路线的下标的
|
patrolIndex: 0,
|
|
// 拖拽
|
isDown: false,
|
x: 0,
|
y: 0,
|
offset: null,
|
moveThis: null,
|
// 电子围栏需要新增的Id
|
newElectronicFenceId: null,
|
|
// 新增路线时，派发人员，人员名称，以及人员id
|
peopleRealName: null,
|
pepleRealId: null,
|
constructor: function (options, srcRefNode) {
|
this._map = options.map;
|
objThis = this;
|
|
|
this.addEntitys = new GraphicsLayer({
|
id: 'addEntitys'
|
});
|
|
// 添加点面线的图层
|
this.addPolygonEntitys = new GraphicsLayer({
|
id: 'addPolygonEntitys'
|
});
|
// 添加所有图层的地方
|
this.entityPolygonAll = new GraphicsLayer({
|
id: 'entityPolygonAll'
|
});
|
|
|
this._map.addLayer(this.addEntitys);
|
|
|
this._map.addLayer(this.addPolygonEntitys);
|
this._map.addLayer(this.entityPolygonAll);
|
|
|
},
|
|
startup: function () {
|
objThis._map.addLayer(objThis._siteLayer);
|
var that = this;
|
// 顶部tab得切换事件
|
$('.police-dispatching-tab li').click(function () {
|
if (that.tabIndex == $(this).index()) return;
|
if (that.entitysData.length > 0) {
|
that.addEntitys.clear();
|
that.entitysData = [];
|
}
|
|
that.patrolIndex = 0;
|
that.polygonFlag = false;
|
that.entityPolygonAll.clear();
|
that.modifyPolygon();
|
|
// 切换时清除新增点线面数组中保存得数据，与清除地图上得实体
|
that.polygonData = [];
|
that.addPolygonEntitys.clear();
|
|
|
$(this).addClass('on').siblings().removeClass('on');
|
var ind = $(this).index();
|
$($('.police-container > div')[ind]).stop().show().siblings().stop().hide();
|
if (ind == 0) {
|
$('#distributeCategory div:eq(0)').html('全部' + '<i></i>');
|
$('#distributeState div:eq(0)').html('全部' + '<i></i>');
|
that.getPoliceTable($('.police-container-distribute').find('.tbody tbody'), $('#dispatchingStartTime').val(), $('#dispatchingEndTime').val(), '', '', '');
|
} else if (ind == 1) {
|
// that.getOwnerTable($($('.analysis-container > div')[ind]).find('.tbody tbody'), '', '');
|
$('.police-dispatching .police-container .police-container-patrol .tab-header li:eq(0)').addClass('on').siblings().removeClass('on');
|
$('.police-dispatching .police-container .police-container-patrol .main-content>li:eq(0)').stop().show().siblings().hide();
|
that.patrolArea($('.police-dispatching .police-container .police-container-patrol .main-content>li:eq(0) .table .tbody tbody'), '');
|
} else if (ind == 2) {
|
that.getSecurityPeople($('.police-dispatching .police-container .police-container-policeforce .table .tbody tbody'), '');
|
}
|
that.tabIndex = $(this).index();
|
})
|
// 警情分发中的行点击事件
|
$('.police-container .police-container-distribute .table .tbody').off('click', 'tr').on('click', 'tr', function () {
|
var lgtd = Number($(this).attr('lgtd'));
|
var lttd = Number($(this).attr('lttd'));
|
var position = new esri.geometry.Point(lgtd, lttd, new esri.SpatialReference({
|
wkid: 4326
|
})); //根据输入坐标信息找地图上的点
|
that._map.centerAndZoom(position, 18); //缩放，10是缩放级别，可以自定义，数值越大缩放越大
|
})
|
// 编辑，跟进按钮元素的父元素的点击事件
|
$('.police-container .police-container-distribute .table .tbody').off('click', '.operation').on('click', '.operation', function (event) {
|
event.stopPropagation();
|
})
|
// 警情分发中的编辑按钮的点击事件
|
$('.police-container .police-container-distribute .table .tbody').off('click', '.edit').on('click', '.edit', function (event) {
|
event.stopPropagation();
|
that.editParentInd = null;
|
that.editParentInd = $(this).parent().parent().index();
|
var id = $(this).attr('term-list');
|
that.treatmentIndex = null;
|
if (!$('.police-container-distribute-details .security-guard-nearby').is(':hidden')) {
|
$('.police-container-distribute-details .security-guard-nearby').stop().hide();
|
}
|
if (!$('.police-container-distribute-details').is(':hidden')) {
|
$('.police-container-distribute-details').stop().hide();
|
}
|
$('.police-container-distribute-details .content table tbody').empty();
|
var str = '';
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/jingdan/jingdan/selectdInfo?deviceNumber=&id=' + id,
|
type: 'POST',
|
dataType: 'JSON',
|
success: function (data) {
|
var result = data.data[0];
|
var t = result.galarmTime.substr(0, 10);
|
var e = result.galarmTime.substr(11);
|
var time = t + ' ' + e;
|
|
str += "<tr> <td>报警人姓名：</td> <td>" + result.galarmPeople + "</td> <td>联系方式：</td> <td>" + result.phoneNumber + "</td> </tr>";
|
|
str += "<tr> <td>事发地址：</td> <td>" + result.place + "</td> <td>行政区：</td> <td>" + result.addvnm + "</td> </>";
|
|
str += "<tr> <td>报警时间：</td> <td>" + time + "</td> <td>报警内容：</td> <td>" + result.content + "</td> </tr>";
|
|
str += "<tr> <td>警情级别：</td> <td>" + result.level + "</td> <td>警情类别：</td> <td>" + result.waringType + "</td> </tr>";
|
|
str += "<tr> <td>处理方式：</td> <td class='treatment-method'> <input type='radio' name='treatmentMethod' value='派发保安' lgtd=" + result.jd + " lttd=" + result.wd + "> <span>派发保安</span> <input type='radio' name='treatmentMethod' value='提示业主'> <span>提示业主</span> </td> <td>处理人：</td> <td class='securityname'></td> </tr>";
|
|
str += "<tr> <td>是否上报110：</td> <td class='report-oneonezero'> <input type='radio' name='callPhone' value='是'> <span>是</span> <input type='radio' name='callPhone' value='否'> <span>否</span> </td> <td>设备编号：</td> <td>" + result.deviceNumber + "</td> </tr>";
|
$('.police-container-distribute-details .content table tbody').append(str);
|
$('.police-container-distribute-details .handle-button .confirm').attr('police-id', result.id);
|
$('.police-container-distribute-details .handle-button').stop().show();
|
$('.police-container-distribute-details .header h4').text('警情分发');
|
$('.police-container-distribute-details').stop().show();
|
$('.police-container-distribute-details .content table tbody').off('click', '.treatment-method input').on('click', '.treatment-method input', function () {
|
if (that.treatmentIndex != $(this).val()) {
|
if ($(this).val() == '派发保安') {
|
var str = '';
|
$('.police-container-distribute-details .security-guard-nearby .security-staff-content tbody').empty();
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/position/position/selectry',
|
type: 'POST',
|
data: {
|
coordinate: "point(" + $(this).attr('lgtd') + "," + $(this).attr('lttd') + ")"
|
},
|
dataType: 'JSON',
|
success: function (data) {
|
|
var result = data.data;
|
|
for (var i = 0; i < result.length; i++) {
|
str += "<tr> <td>" + (Number(i) + 1) + "</td> <td>" + result[i].real_name + "</td> <td>" + result[i].distance.toFixed(2) + "</td> <td><input type='radio' name='securityStaff' securityid=" + result[i].CODE + " securityname=" + result[i].real_name + "> </td> </tr>"
|
}
|
|
$('.police-container-distribute-details .security-guard-nearby .security-staff-content tbody').append(str);
|
}
|
})
|
$('.police-container-distribute-details .security-guard-nearby').stop().show();
|
} else {
|
$('.police-container-distribute-details .content table tbody .securityname').text('');
|
$('.police-container-distribute-details .security-guard-nearby').stop().hide();
|
}
|
that.treatmentIndex = $(this).val();
|
}
|
})
|
}
|
})
|
})
|
// 警情分发中的详情的确认按钮
|
$('.police-container-distribute-details .handle-button .confirm').off('click').click(function () {
|
var self = this;
|
layui.use('layer', function () {
|
var layer = layui.layer;
|
if (that.treatmentIndex == null) {
|
layer.msg('请选择处理方式', {
|
|
|
shade: [0.8, '#393D49'],
|
|
time: 1000
|
})
|
return
|
} else {
|
if (that.treatmentIndex == '派发保安') {
|
if (that.securityFlag == false) {
|
layer.msg('请选取保安', {
|
|
|
shade: [0.8, '#393D49'],
|
|
time: 1000
|
})
|
return
|
}
|
}
|
|
}
|
var id = $(self).attr('police-id');
|
var handletype = null;
|
if (that.treatmentIndex != null) {
|
if (that.treatmentIndex == '派发保安') {
|
handletype = '0';
|
} else {
|
handletype = '1';
|
}
|
}
|
// 发送请求修改警单数据
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/jingdan/jingdan/updateInfo',
|
type: 'POST',
|
data: {
|
id: id,
|
// handleP: $('.police-container-distribute-details .content table tbody tr:eq(4) td:eq(3)').attr('people-id'),
|
// handName: $('.police-container-distribute-details .content table tbody tr:eq(4) td:eq(3)').text(),
|
handleP: $('.police-container-distribute-details .content table tbody .securityname').attr('id'),
|
handName: $('.police-container-distribute-details .content table tbody .securityname').text(),
|
handletype: handletype,
|
type: '2'
|
},
|
dataType: 'JSON',
|
success: function (data) {
|
if (data.code == 200) {
|
if (!$('.police-container-distribute-details .security-guard-nearby').is(':hidden')) {
|
$('.police-container-distribute-details .security-guard-nearby').stop().hide();
|
}
|
$('.police-container-distribute-details').stop().hide();
|
|
$('.police-container .police-container-distribute .table .tbody tr:eq(' + that.editParentInd + ') td:eq(2)').text('处理中');
|
|
$('.police-container .police-container-distribute .table .tbody tr:eq(' + that.editParentInd + ') td:eq(4)').html("<input class='follow-up' type='button' value='跟进' >");
|
}
|
}
|
})
|
});
|
})
|
// 警情分发中的跟进按钮的点击事件
|
$('.police-container .police-container-distribute .table .tbody').off('click', '.follow-up').on('click', '.follow-up', function () {
|
var id = $(this).attr('term-list');
|
|
if (!$('.police-container-distribute-details').is(':hidden')) {
|
$('.police-container-distribute-details').stop().hide();
|
}
|
|
$('.police-container-distribute-details .content table tbody').empty();
|
|
var str = '';
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/jingdan/jingdan/selectdInfo?deviceNumber=&id=' + id,
|
type: 'POST',
|
dataType: 'JSON',
|
success: function (data) {
|
var result = data.data[0];
|
|
var t = result.galarmTime.substr(0, 10);
|
var e = result.galarmTime.substr(11);
|
var time = t + ' ' + e;
|
|
|
str += "<tr> <td>报警人姓名：</td> <td>" + result.galarmPeople + "</td> <td>联系方式：</td> <td>" + result.phoneNumber + "</td> </tr>";
|
|
str += "<tr> <td>事发地址：</td> <td>" + result.place + "</td> <td>行政区：</td> <td>" + result.addvnm + "</td> </>";
|
|
str += "<tr> <td>报警时间：</td> <td>" + time + "</td> <td>报警内容：</td> <td>" + result.content + "</td> </tr>";
|
|
str += "<tr> <td>警情级别：</td> <td>" + result.level + "</td> <td>警情类别：</td> <td>" + result.waringType + "</td> </tr>";
|
|
str += "<tr> <td>处理方式：</td> <td class='treatment-method'> " + (result.type == 2 ? '处理中' : '待处理') + " </td> <td>处理人：</td> <td class='securityname'> " + result.handName + " </td> </tr>";
|
|
str += "<tr> <td>是否上报110：</td> <td class='report-oneonezero'> <input type='radio' name='callPhone' value='是'> <span>是</span> <input type='radio' name='callPhone' value='否'> <span>否</span> </td> <td>设备编号：</td> <td>" + 1111 + "</td> </tr>";
|
$('.police-container-distribute-details .content table tbody').append(str);
|
$('.police-container-distribute-details .header h4').text('警情跟进');
|
$('.police-container-distribute-details .handle-button').stop().hide();
|
$('.police-container-distribute-details').stop().show();
|
|
|
}
|
})
|
|
|
})
|
// 警情分发中的详情的取消按钮
|
$('.police-container-distribute-details .handle-button .cancel').off('click').click(function () {
|
if (!$('.police-container-distribute-details .security-guard-nearby').is(':hidden')) {
|
$('.police-container-distribute-details .security-guard-nearby').stop().hide();
|
}
|
$('.police-container-distribute-details').stop().hide();
|
})
|
// 警情分发中详情的关闭按钮
|
$('.police-container-distribute-details .header .close').off('click').click(function () {
|
if (!$('.police-container-distribute-details .security-guard-nearby').is(':hidden')) {
|
$('.police-container-distribute-details .security-guard-nearby').stop().hide();
|
}
|
$('.police-container-distribute-details').stop().hide();
|
})
|
// 派发保安的确认按钮
|
$('.police-container-distribute-details .security-guard-nearby .security-staff-confirm input').off('click').click(function () {
|
var list = $('.police-container-distribute-details .security-guard-nearby .security-staff-content input');
|
that.securityFlag = false;
|
var id = null;
|
var securityname = null;
|
for (var i = 0; i < list.length; i++) {
|
if ($(list[i]).prop('checked') == true) {
|
that.securityFlag = true;
|
id = $(list[i]).attr('securityid');
|
securityname = $(list[i]).attr('securityname');
|
break;
|
}
|
}
|
|
if (that.securityFlag == false) {
|
layui.use('layer', function () {
|
var layer = layui.layer;
|
layer.msg('请选取保安', {
|
|
|
shade: [0.8, '#393D49'],
|
|
time: 1000
|
})
|
});
|
} else {
|
|
$('.police-container-distribute-details .content table tbody .securityname').attr('id', id).text(securityname);
|
|
$('.police-container-distribute-details .security-guard-nearby').stop().hide();
|
}
|
|
})
|
// 警情信息中类别移入事件
|
$('#distributeCategory').mouseenter(function () {
|
if ($('#distributeCategory .select-list').is(':hidden')) {
|
$('#distributeCategory .select-list').stop().slideDown(0);
|
}
|
})
|
// 警情信息中得类别移出事件
|
$('#distributeCategory').mouseleave(function () {
|
if (!$('#distributeCategory .select-list').is(':hidden')) {
|
$('#distributeCategory .select-list').stop().slideUp(0);
|
}
|
})
|
// 警情信息中类别移入事件
|
$('#distributeState').mouseenter(function () {
|
if ($('#distributeState .select-list').is(':hidden')) {
|
$('#distributeState .select-list').stop().slideDown(0);
|
}
|
})
|
// 警情信息中得类别移出事件
|
$('#distributeState').mouseleave(function () {
|
if (!$('#distributeState .select-list').is(':hidden')) {
|
$('#distributeState .select-list').stop().slideUp(0);
|
}
|
})
|
// 警情信息类，业主信息类，设备信息类别，具体项的点击事件
|
$('.police-container > div .select-list').off('click', 'li').on('click', 'li', function (event) {
|
|
var text = $(this).text();
|
$(this).parent().parent().prev().html(text + '<i></i>');
|
$(this).parent().parent().stop().slideUp(0);
|
|
if (text == '全部') text = '';
|
|
var textOrr = '';
|
var textList = '';
|
var stateType = '';
|
if (that.tabIndex == 0) {
|
// that.getPoliceTable($('.analysis-container-police').find('.tbody tbody'), $('#dispatchingStartTime').val(), $('#dispatchingEndTime').val(), text);
|
if ($(this).attr('key')) {
|
textOrr = $('#distributeState div:eq(0)').text().trim();
|
textList = $('.police-dispatching .police-container .distribute-state .select-list ul li');
|
|
for (var i = 0; i < textList.length; i++) {
|
if (textOrr == $(textList[i]).text()) {
|
stateType = $(textList[i]).attr('statetype');
|
}
|
}
|
|
that.getPoliceTable($('.police-container-distribute').find('.tbody tbody'), $('#dispatchingStartTime').val(), $('#dispatchingEndTime').val(), '', $(this).attr('addvcd'), stateType);
|
|
} else {
|
textOrr = $('#distributeCategory div:eq(0)').text().trim();
|
textList = $('.police-dispatching .police-container .distribute-district .select-list ul li');
|
|
for (var i = 0; i < textList.length; i++) {
|
if (textOrr == $(textList[i]).text()) {
|
stateType = $(textList[i]).attr('addvcd');
|
}
|
}
|
|
that.getPoliceTable($('.police-container-distribute').find('.tbody tbody'), $('#dispatchingStartTime').val(), $('#dispatchingEndTime').val(), '', stateType, $(this).attr('stateType'));
|
|
}
|
}
|
|
})
|
// 时间查询
|
$('#dispatchingSelectTime').off('click').click(function () {
|
var times = $(this).prevAll();
|
// 开始时间
|
var startTime = $(times[1]).val();
|
// 结束时间
|
var endTime = $(times[0]).val();
|
|
|
var textOne = $('#distributeCategory div:eq(0)').text().trim();
|
var addvcd = '';
|
var list = $('.police-dispatching .police-container .distribute-district .select-list ul li');
|
if (textOne == '全部') {
|
addvcd = '';
|
} else {
|
if (list.length > 0) {
|
for (var i = 0; i < list.length; i++) {
|
if (textOne == $(list[i]).text()) {
|
addvcd = $(list[i]).attr('addvcd')
|
}
|
}
|
}
|
}
|
|
var textTwo = $('#distributeState div:eq(0)').text().trim();
|
var stateType = '';
|
var stateList = $('.police-dispatching .police-container .distribute-state .select-list ul li');
|
if (textTwo == '全部') {
|
stateType = '';
|
} else {
|
if (stateList.length > 0) {
|
for (var i = 0; i < stateList.length; i++) {
|
if (textTwo == $(stateList[i]).text()) {
|
stateType = $(stateList[i]).attr('statetype')
|
}
|
}
|
}
|
}
|
|
that.getPoliceTable($('.police-container-distribute').find('.tbody tbody'), startTime, endTime, '', addvcd, stateType);
|
})
|
// 巡逻区域中的行点击事件
|
$('.police-container .police-container-patrol .main-content>li:eq(0) .table .tbody').off('click', 'tr').on('click', 'tr', function () {
|
|
|
var flyid = $(this).attr('flyid');
|
var flyname = $(this).attr('flyname');
|
var extent = null;
|
|
for (var i = 0; i < that.currentDrawing.length; i++) {
|
if (flyid == that.currentDrawing[i].id && flyname == that.currentDrawing[i].regionName) {
|
extent = that.currentDrawing[i].extent;
|
}
|
}
|
// debugger
|
that._map.setExtent(extent.expand(1.5));
|
|
// var myFeatureExtent = new Extent(extent.)
|
// thisObj._map.setExtent(myFeatureExtent.expand(2));
|
|
// var lgtd = Number($(this).attr('lgtd'));
|
// var lttd = Number($(this).attr('lttd'));
|
|
// var position = new esri.geometry.Point(lgtd, lttd, new esri.SpatialReference({ wkid: 4326 }));//根据输入坐标信息找地图上的点
|
// that._map.centerAndZoom(position, 14);//缩放，10是缩放级别，可以自定义，数值越大缩放越大
|
|
})
|
// 巡逻区域的新增按钮
|
$('.police-container .police-container-patrol .main-content>li:eq(0) .distribute-table-content .operation .add').off('click').click(function () {
|
var url = './popup/html/region-name.html';
|
layui.use('layer', function () {
|
that.layuiLayer = layui.layer;
|
that.layuiLayer.config({
|
extend: 'myskin/region-name.css'
|
});
|
that.layuiLayer.close(that.layuiLayer.index);
|
that.layuiLayer.open({
|
title: '区域名称',
|
type: 2,
|
shadeClose: false,
|
shade: 0.3,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['320px', '206px'],
|
offset: 'auto',
|
skin: 'region-name',
|
content: url,
|
closeBtn: 1,
|
success: function (layero, index) {
|
layero.find('iframe').contents().find(".start-editing").off('click').click(function () {
|
// 区域名称
|
var regionName = layero.find('iframe').contents().find('.region-name-input').val();
|
var regionDescribe = layero.find('iframe').contents().find('.region-name-textarea').val();
|
if (regionName == '') {
|
that.layuiLayer.msg('请填写区域名称', {
|
time: 1000
|
})
|
return
|
}
|
|
if (regionDescribe == '') {
|
that.layuiLayer.msg('请填写区域描述', {
|
time: 1000
|
})
|
return
|
}
|
|
that.globalRegionName = regionName;
|
that.routeOrRegionDescribe = regionDescribe;
|
|
// 开启，可以勾选线段
|
that.polygonFlag = true;
|
that.layuiLayer.close(index);
|
|
})
|
}
|
});
|
})
|
|
})
|
// 查找按钮
|
$('.police-container .police-container-patrol .main-content>li:eq(0) .distribute-table-content .operation .query').off('click').click(function () {
|
var routerName = $('.police-container .police-container-patrol .main-content>li:eq(0) .distribute-table-content .route-name').val();
|
// if (routerName == '') {
|
// layui.use('layer', function () {
|
// layui.layer.msg('请填写区域名称', {
|
// time: 1000
|
// })
|
// })
|
// return
|
// }
|
that.patrolArea($('.police-dispatching .police-container .police-container-patrol .table .tbody tbody'), routerName);
|
$('.police-container .police-container-patrol .main-content>li:eq(0) .distribute-table-content .route-name').val('');
|
|
})
|
|
// 保安出警管理表格中点击事件
|
$('.police-dispatching .police-container .police-container-policeforce .table .tbody tbody').off('click', 'input').on('click', 'input', function (event) {
|
event.stopPropagation();
|
var lgtd = Number($(this).parent().parent().attr('lgtd'));
|
var lttd = Number($(this).parent().parent().attr('lttd'));
|
var position = new esri.geometry.Point(lgtd, lttd, new esri.SpatialReference({
|
wkid: 4326
|
})); //根据输入坐标信息找地图上的点
|
that.newElectronicFenceId = null;
|
that._map.centerAndZoom(position, 18); //缩放，10是缩放级别，可以自定义，数值越大缩放越大
|
var graphic = that.entityPolygonAll.graphics;
|
for (var i = 0; i < graphic.length; i++) {
|
if (graphic[i].objId.id == $(this).attr('resultid')) {
|
if (graphic[i].geometry.rings[0].length > 0) {
|
that.polygonFlag = false;
|
that.electronicFence();
|
that.activateToolbar(graphic[i]);
|
} else {
|
layui.use('layer', function () {
|
layui.layer.msg('请开始划分电子围栏');
|
})
|
that.polygonFlag = true;
|
that.newElectronicFenceId = graphic[i].objId;
|
}
|
}
|
}
|
})
|
$('.police-dispatching .police-container .police-container-policeforce .table .tbody tbody').off('click', 'tr').on('click', 'tr', function (event) {
|
event.stopPropagation();
|
var lgtd = Number($(this).attr('lgtd'));
|
var lttd = Number($(this).attr('lttd'));
|
var position = new esri.geometry.Point(lgtd, lttd, new esri.SpatialReference({
|
wkid: 4326
|
})); //根据输入坐标信息找地图上的点
|
|
that._map.centerAndZoom(position, 18); //缩放，10是缩放级别，可以自定义，数值越大缩放越大
|
|
var snumber = $(this).attr('term-snumber');
|
|
var url = './popup/html/personnel-information-management.html?id=' + snumber;
|
layui.use('layer', function () {
|
that.layuiLayer = layui.layer;
|
that.layuiLayer.config({
|
extend: 'myskin/personnel-information-management.css'
|
});
|
that.layuiLayer.close(that.layuiLayer.index);
|
that.layuiLayer.open({
|
title: '保安人员信息',
|
type: 2,
|
shadeClose: true,
|
shade: false,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['400px', '220px'],
|
offset: 'auto',
|
skin: 'personnel-information-management',
|
content: url,
|
closeBtn: 1,
|
});
|
})
|
})
|
$('.police-dispatching .police-container .police-container-policeforce .table .tbody tbody').off('click', 'tr td').on('click', 'tr td', function (event) {
|
if ($(this).index() == 4) {
|
event.stopPropagation();
|
return;
|
|
}
|
})
|
|
// 巡逻管理中，巡逻路线和巡逻区域的切换换
|
$('.police-dispatching .police-container .police-container-patrol .tab-header li').off('click').click(function () {
|
if (that.patrolIndex == $(this).index()) return;
|
$(this).addClass('on').siblings().removeClass('on');
|
$(".police-dispatching .police-container .police-container-patrol .main-content li:eq(" + $(this).index() + ")").stop().show().siblings().stop().hide();
|
|
that.polygonFlag = false;
|
that.entityPolygonAll.clear();
|
that.modifyPolygon();
|
|
// 切换时清除新增点线面数组中保存得数据，与清除地图上得实体
|
that.polygonData = [];
|
that.addPolygonEntitys.clear();
|
|
if ($(this).index() == 1) {
|
$('.police-dispatching .police-container .police-container-patrol .main-content .select-list ul').empty();
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/regions/regions/selectqy',
|
type: 'GET',
|
dataType: 'JSON',
|
success: function (res) {
|
var result = res.data;
|
$('.police-dispatching .police-container .police-container-patrol .main-content .select>ul>li>div:eq(0)').html(result[0].regionName + '<i></i>').attr('regionId', result[0].regionId);
|
for (var i = 0; i < result.length; i++) {
|
$('.police-dispatching .police-container .police-container-patrol .main-content .select-list ul').append($("<li regionId='" + result[i].regionId + "'>" + result[i].regionName + "</li>"))
|
}
|
}
|
})
|
that.getRouteInformation($('.police-dispatching .police-container .police-container-patrol .main-content>li:eq(1) .table .tbody tbody'), '');
|
} else {
|
|
that.patrolArea($('.police-dispatching .police-container .police-container-patrol .main-content>li:eq(0) .table .tbody tbody'), '');
|
}
|
|
that.patrolIndex = $(this).index();
|
})
|
// 巡逻管理下面的巡逻路线中的select选择框的移入事件
|
$('#patrolRoute').mouseenter(function () {
|
if ($('#patrolRoute .select-list').is(':hidden')) {
|
$('#patrolRoute .select-list').stop().slideDown(0);
|
}
|
})
|
// 巡逻管理下面的巡逻路线中的select选择框的移出事件
|
$('#patrolRoute').mouseleave(function () {
|
if (!$('#patrolRoute .select-list').is(':hidden')) {
|
$('#patrolRoute .select-list').stop().slideUp(0);
|
}
|
})
|
// 巡逻路线中区域选择的具体项的点击事件
|
$('.police-dispatching .police-container .police-container-patrol .select-list').off('click', 'li').on('click', 'li', function (event) {
|
var text = $(this).text();
|
$(this).parent().parent().prev().html(text + '<i></i>').attr('regionId', $(this).attr('regionId'));
|
$(this).parent().parent().stop().slideUp(0);
|
})
|
// 巡逻路线中的新增按钮的点击事件
|
$('.police-dispatching .police-container .police-container-patrol .main-content>li:eq(1) .add').off('click').click(function () {
|
var url = './popup/html/route-name-layer.html';
|
layui.use('layer', function () {
|
that.layuiLayer = layui.layer;
|
that.layuiLayer.config({
|
extend: 'myskin/route-name-layer.css'
|
});
|
that.layuiLayer.closeAll();
|
that.layuiLayer.open({
|
title: '路线名称及描述',
|
type: 2,
|
shadeClose: false,
|
shade: 0.3,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['320px', '266px'],
|
offset: 'auto',
|
skin: 'route-name-layer',
|
content: url,
|
closeBtn: 1,
|
resize: false,
|
success: function (layero, index) {
|
layero.find('iframe').contents().find(".start-editing").off('click').click(function () {
|
// 区域名称 or 路线名称
|
var routeName = layero.find('iframe').contents().find('.route-name-layer-input').val();
|
var routeDescribe = layero.find('iframe').contents().find('.route-name-layer-textarea').val();
|
var peopleRealName = layero.find('iframe').contents().find('.route-personnel').val();
|
var pepleRealId = layero.find('iframe').contents().find('.route-personnel').attr('peopleid');
|
if (routeName == '') {
|
that.layuiLayer.msg('请填写路线名称', {
|
time: 1000
|
})
|
return
|
}
|
|
if (routeDescribe == '') {
|
that.layuiLayer.msg('请填写路线描述', {
|
time: 1000
|
})
|
return
|
}
|
|
if (pepleRealId == '') {
|
that.layuiLayer.msg('请选择人员', {
|
time: 1000
|
})
|
return
|
}
|
that.peopleRealName = peopleRealName;
|
that.pepleRealId = pepleRealId;
|
|
that.globalRegionName = routeName;
|
that.routeOrRegionDescribe = routeDescribe;
|
// // 开启，可以勾选线段
|
that.polygonFlag = true;
|
that.layuiLayer.close(index);
|
|
})
|
}
|
});
|
})
|
|
})
|
// 巡逻路线行点击事件
|
$('.police-container .police-container-patrol .main-content>li:eq(1) .table .tbody').off('click', 'tr').on('click', 'tr', function () {
|
var flyid = $(this).attr('flyid');
|
var flyname = $(this).attr('flyname');
|
var extent = null;
|
for (var i = 0; i < that.currentDrawing.length; i++) {
|
if (flyid == that.currentDrawing[i].id && flyname == that.currentDrawing[i].routeName) {
|
extent = that.currentDrawing[i].extent;
|
}
|
}
|
that._map.setExtent(extent.expand(1.5));
|
})
|
$('.police-container .police-container-patrol .main-content>li:eq(1) .table .tbody').off('click', 'tr td').on('click', 'tr td', function (event) {
|
if ($(this).index() == 4) {
|
event.stopPropagation();
|
return;
|
|
}
|
})
|
$('.police-container .police-container-patrol .main-content>li:eq(1) .table .tbody').off('click', 'input').on('click', 'input', function (event) {
|
event.stopPropagation();
|
var routeName = $(this).parent().parent().children('td:eq(2)').text();
|
var routeId = $(this).parent().parent().attr('flyid');
|
var peopleName = $(this).parent().parent().children('td:eq(1)').text();
|
var self = this;
|
|
|
var url = './popup/html/routename-and-peoplename.html?routeName=' + routeName + '&routeId=' + routeId + '&peopleName=' + peopleName;
|
layui.use('layer', function () {
|
that.layuiLayer = layui.layer;
|
that.layuiLayer.config({
|
extend: 'myskin/routename-and-peoplename.css'
|
});
|
that.layuiLayer.closeAll();
|
that.layuiLayer.open({
|
title: '路线巡逻人员',
|
type: 2,
|
shadeClose: false,
|
shade: 0.3,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['320px', '172px'],
|
offset: 'auto',
|
skin: 'routename-and-peoplename',
|
content: url,
|
closeBtn: 1,
|
resize: false,
|
success: function (layero, index) {
|
layero.find('iframe').contents().find(".confirm-update").off('click').click(function () {
|
|
// 区域名称 or 路线名称
|
var peoplelayerName = layero.find('iframe').contents().find('.peoplename-update').val();
|
var peoplelayerId = layero.find('iframe').contents().find('.peoplename-update').attr('peopleid');
|
|
console.log(peoplelayerName, peoplelayerId);
|
|
if (peoplelayerName == peopleName) {
|
that.layuiLayer.close(index);
|
that.layuiLayer.msg('人员未更改!');
|
} else {
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/duty/duty/updatedtInfo',
|
type: 'POST',
|
data: {
|
rid: routeId,
|
snumber: peoplelayerId,
|
sname: peoplelayerName
|
},
|
dataType: 'JSON',
|
success: function (res) {
|
if (res.code == 200) {
|
that.layuiLayer.close(index);
|
$(self).parent().parent().children('td:eq(1)').text(peoplelayerName);
|
that.layuiLayer.msg('人员已更改!');
|
}
|
}
|
})
|
}
|
|
})
|
}
|
});
|
})
|
|
|
})
|
|
|
// 查找按钮
|
$('.police-container .police-container-patrol .main-content>li:eq(1) .distribute-table-content .operation .query').off('click').click(function () {
|
var routerName = $('.police-container .police-container-patrol .main-content>li:eq(1) .distribute-table-content .route-name').val();
|
// if (routerName == '') {
|
// layui.use('layer', function () {
|
// layui.layer.msg('请填写区域名称', {
|
// time: 1000
|
// })
|
// })
|
// return
|
// }
|
that.getRouteInformation($('.police-dispatching .police-container .police-container-patrol .main-content>li:eq(1) .table .tbody tbody'), routerName);
|
$('.police-container .police-container-patrol .main-content>li:eq(1) .distribute-table-content .route-name').val('');
|
})
|
|
},
|
open: function () {
|
var that = this;
|
|
$("#tabcontainer").css("width", "360px");
|
$('#mapcontentClass').addClass('client-max-map'); //追加样式
|
AppEvent.dispatchAppEvent(AppEvent.APPLICATION_RESIZE, {});
|
|
|
document.oncontextmenu = function (event) {
|
event.preventDefault();
|
};
|
|
document.getElementById('mainMapWidget').onmousedown = function (event) {
|
if (event.button == 2) {
|
if (that.polygonData.length < 2) {
|
layui.use('layer', function () {
|
layui.layer.msg('不能形成区域，请继续划分！！！')
|
})
|
return;
|
}
|
if (that.polygonFlag == true) {
|
// 勾画最后一个点
|
var normalizedVal = webMercatorUtils.xyToLngLat(event.mapPoint.x, event.mapPoint.y);
|
that.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
// 声明空字符串，存储数据
|
var dataStr = '';
|
var data = null;
|
if (that.patrolIndex == 1) {
|
that.addPolyline(that.addPolygonEntitys, that.polygonData);
|
// 获取数据
|
data = that.addPolygonEntitys.graphics[0].geometry.paths[0];
|
} else {
|
that.addPolygon(that.addPolygonEntitys, that.polygonData);
|
// 获取数据
|
data = that.addPolygonEntitys.graphics[0].geometry.rings[0];
|
}
|
|
|
for (var i = 0; i < data.length; i++) {
|
dataStr += (data[i][0] + ' ' + data[i][1] + ',');
|
}
|
// 组装数据
|
dataStr = dataStr.substring(0, dataStr.length - 1);
|
|
if (that.tabIndex == 1) {
|
if (that.patrolIndex == 1) {
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/routeIn/routein/insertlx',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
routeName: that.globalRegionName,
|
regionId: $('#patrolRoute div:eq(0)').attr('regionid'),
|
routeInfo: dataStr,
|
remarks: that.routeOrRegionDescribe,
|
creatName: ''
|
},
|
success: function (result) {
|
if (result.code == 200) {
|
that.addPolygonEntitys.clear();
|
that.polygonData = [];
|
that.getRouteInformation($('.police-dispatching .police-container .police-container-patrol .table .tbody tbody'), '');
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/duty/duty/insertduty',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
sname: that.peopleRealName,
|
snumber: that.pepleRealId,
|
rid: result.data,
|
regionId: $('#patrolRoute div:eq(0)').attr('regionid'),
|
type: 0
|
},
|
success: function (data) {
|
if (data.code == 200) {
|
}
|
}
|
})
|
}
|
}
|
})
|
|
|
// that.peopleRealName = peopleRealName;
|
// that.pepleRealId = pepleRealId;
|
} else {
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/regions/regions/insterqy',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
regionName: that.globalRegionName,
|
coordinate: dataStr,
|
remarks: that.routeOrRegionDescribe
|
},
|
success: function (result) {
|
if (result.code == 200) {
|
that.addPolygonEntitys.clear();
|
that.polygonData = [];
|
that.patrolArea($('.police-dispatching .police-container .police-container-patrol .table .tbody tbody'), '');
|
}
|
}
|
})
|
}
|
} else if (that.tabIndex == 2) {
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/enclosure/enclosure/insertes',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
anumber: that.newElectronicFenceId.anumber,
|
aname: that.newElectronicFenceId.aname,
|
routeInfo: dataStr
|
},
|
success: function (result) {
|
if (result.code == 200) {
|
that.addPolygonEntitys.clear();
|
that.polygonData = [];
|
that.getSecurityPeople($('.police-dispatching .police-container .police-container-policeforce .table .tbody tbody'), '');
|
}
|
}
|
})
|
}
|
|
|
}
|
that.polygonFlag = false;
|
|
// that.polygonData = [];
|
|
|
}
|
}
|
|
|
that.treatmentIndex = null;
|
that.tabIndex = 0;
|
$('.police-dispatching-tab li:eq(0)').addClass('on').siblings().removeClass('on');
|
$($('.police-container > div')[0]).stop().show().siblings().stop().hide();
|
|
|
$('.police-dispatching .police-container .distribute-district .select-list ul').empty();
|
$('.police-dispatching .police-container .distribute-district .select-list ul').append("<li key='addvcd' addvcd=''>全部</li>");
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/district/district/selectList',
|
type: 'POST',
|
dataType: 'JSON',
|
success: function (data) {
|
for (var i = 0; i < data.data.length; i++) {
|
$('.police-dispatching .police-container .distribute-district .select-list ul').append("<li key='addvcd' addvcd=" + data.data[i].addvcd + ">" + data.data[i].addvnm + "</li>");
|
}
|
}
|
})
|
|
|
layui.use('laydate', function () {
|
that.layuiLadate = layui.laydate;
|
//执行一个laydate实例 开始
|
that.layuiLadate.render({
|
elem: '#dispatchingStartTime', //指定元素
|
type: "datetime",
|
format: 'yyyy-MM-dd HH:mm',
|
btns: ['confirm'],
|
trigger: 'click',
|
});
|
// 结束
|
that.layuiLadate.render({
|
elem: '#dispatchingEndTime', //指定元素
|
type: "datetime",
|
format: 'yyyy-MM-dd HH:mm',
|
btns: ['confirm'],
|
trigger: 'click',
|
});
|
});
|
|
// that.getPoliceTable($('.police-container-distribute').find('.tbody tbody'), $('#dispatchingStartTime').val(), $('#dispatchingEndTime').val(), '', '', '');
|
that.clickHand();
|
|
|
$('.police-dispatching-tab li:eq(2)').trigger('click');
|
|
},
|
close: function () {
|
|
$("#tabcontainer").css("width", "66%");
|
$('#mapcontentClass').removeClass('client-max-map'); //删除样式
|
|
this.entitysData = [];
|
|
this.addEntitys.clear();
|
|
this.entityPolygonAll.clear();
|
|
this.modifyPolygon();
|
|
// 切换时清除新增点线面数组中保存得数据，与清除地图上得实体
|
this.polygonData = [];
|
this.addPolygonEntitys.clear();
|
},
|
// 鼠标点击事件
|
clickHand: function () {
|
var self = this;
|
|
|
self._map.onClick = mapClick;
|
|
// $('#mainMapWidget')[0].ondblclick = function (event) {
|
// event.preventDefault();
|
// // if ()
|
// self.activateToolbar(event.graphic);
|
// return false;
|
// };
|
|
|
function mapClick(evt) {
|
var normalizedVal = webMercatorUtils.xyToLngLat(evt.mapPoint.x, evt.mapPoint.y);
|
|
|
var y = self._map.toMap({
|
spatialReference: '4326',
|
type: "point",
|
x: evt.screenPoint.x,
|
y: evt.screenPoint.y,
|
|
});
|
|
if (self.tabIndex == 0) {
|
if (evt.graphic) {
|
var result = evt.graphic.geometry.entityData;
|
// var liText = evt.graphic.symbol.name;
|
self.policeDetails(result.id);
|
}
|
} else if (self.tabIndex == 1) {
|
if (self.patrolIndex == 1) {
|
// 编辑中的
|
if (self.polygonFlag == true) {
|
var normalizedVal = webMercatorUtils.xyToLngLat(evt.mapPoint.x, evt.mapPoint.y);
|
if (self.polygonData.length == 0) {
|
self.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
self.addPoint(self.addPolygonEntitys, normalizedVal[0], normalizedVal[1]);
|
} else {
|
self.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
self.addPolyline(self.addPolygonEntitys, self.polygonData);
|
return;
|
}
|
} else { // 不在编辑中
|
if (evt.graphic) { // 点击在图形上
|
// 保存当前点击得图形
|
// self.currentDrawing = evt.graphic;
|
|
self.modifyPolygon();
|
|
self.activateToolbar(evt.graphic);
|
} else { // 点击不在图形上
|
|
self.modifyPolygon()
|
}
|
}
|
} else {
|
// 编辑中的
|
if (self.polygonFlag == true) {
|
var normalizedVal = webMercatorUtils.xyToLngLat(evt.mapPoint.x, evt.mapPoint.y);
|
if (self.polygonData.length == 0) {
|
self.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
self.addPoint(self.addPolygonEntitys, normalizedVal[0], normalizedVal[1]);
|
} else if (self.polygonData.length == 1) {
|
self.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
self.addPolyline(self.addPolygonEntitys, self.polygonData);
|
return;
|
} else if (self.polygonData.length > 1) {
|
self.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
self.addPolygon(self.addPolygonEntitys, self.polygonData);
|
}
|
} else { // 不在编辑中
|
if (evt.graphic) { // 点击在图形上
|
// 保存当前点击得图形
|
// self.currentDrawing = evt.graphic;
|
|
self.modifyPolygon();
|
|
self.activateToolbar(evt.graphic);
|
} else { // 点击不在图形上
|
|
self.modifyPolygon()
|
}
|
}
|
}
|
} else if (self.tabIndex == 2) {
|
if (self.polygonFlag == true) {
|
var normalizedVal = webMercatorUtils.xyToLngLat(evt.mapPoint.x, evt.mapPoint.y);
|
if (self.polygonData.length == 0) {
|
self.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
self.addPoint(self.addPolygonEntitys, normalizedVal[0], normalizedVal[1]);
|
} else if (self.polygonData.length == 1) {
|
self.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
self.addPolyline(self.addPolygonEntitys, self.polygonData);
|
return;
|
} else if (self.polygonData.length > 1) {
|
self.polygonData.push([normalizedVal[0], normalizedVal[1]]);
|
self.addPolygon(self.addPolygonEntitys, self.polygonData);
|
}
|
} else {
|
if (evt.graphic) { // 点击在图形上
|
// 保存当前点击得图形
|
// self.currentDrawing = evt.graphic;
|
|
self.electronicFence();
|
|
self.activateToolbar(evt.graphic);
|
} else { // 点击不在图形上
|
|
self.electronicFence()
|
}
|
}
|
|
|
// self.equipmentDetails(result.id);
|
}
|
|
}
|
|
|
// 提示信息
|
$(document).off('mousemove').mousemove(function (e) {
|
var y = e.clientY + 10;
|
var x = e.clientX + 20;
|
|
if (e.clientX < 40) {
|
var x = 40;
|
}
|
|
if (e.clientY < 42) {
|
y = 42;
|
}
|
|
if (e.clientY > ($(window).height() - 82)) {
|
y = ($(window).height() - 66);
|
}
|
|
if (e.clientX > ($(window).width() - 184)) {
|
x = ($(window).width() - 184);
|
}
|
|
if (self.tabIndex == 1 || self.tabIndex == 2) {
|
|
if (self.polygonFlag == true) {
|
$('.police-dispatching .tips').stop().show();
|
|
if (self.polygonData.length == 0) {
|
$('.police-dispatching .tips').text('单击左键开始绘制。');
|
} else {
|
if (e.clientY > ($(window).height() - 98)) {
|
y = ($(window).height() - 88);
|
}
|
$('.police-dispatching .tips').text('单击左键新增加点。单击右键完成绘制。');
|
}
|
|
$('.police-dispatching .tips').css({
|
'top': y,
|
'left': x,
|
})
|
} else {
|
$('.police-dispatching .tips').stop().hide();
|
}
|
|
} else {
|
$('.police-dispatching .tips').stop().hide();
|
}
|
})
|
},
|
// 警情详情弹框
|
/**
|
*
|
* @param {number} id 警情ID
|
*/
|
policeDetails: function (id) {
|
var that = this;
|
var url = './popup/html/police-details.html?obj=' + id;
|
layui.use('layer', function () {
|
that.layuiLayer = layui.layer;
|
that.layuiLayer.config({
|
extend: 'myskin/police-details.css'
|
});
|
that.layuiLayer.close(that.layuiLayer.index);
|
that.layuiLayer.open({
|
title: '警情详情',
|
type: 2,
|
shadeClose: true,
|
shade: false,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['500px', '400px'],
|
offset: 'auto',
|
skin: 'police-details',
|
content: url,
|
closeBtn: 1,
|
});
|
})
|
},
|
// 业主详情弹框
|
/**
|
*
|
* @param {number} id 警情ID
|
*/
|
ownerDetails: function (id) {
|
var that = this;
|
var url = './popup/html/owner-details.html?id=' + id;
|
layui.use('layer', function () {
|
that.layuiLayer = layui.layer;
|
that.layuiLayer.config({
|
extend: 'myskin/owner-details.css'
|
});
|
that.layuiLayer.close(that.layuiLayer.index);
|
that.layuiLayer.open({
|
title: '业主详情',
|
type: 2,
|
shadeClose: true,
|
shade: false,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['500px', '340px'],
|
offset: 'auto',
|
skin: 'owner-details',
|
content: url,
|
closeBtn: 1,
|
});
|
})
|
},
|
// 设备详情弹框
|
/**
|
*
|
* @param {number} id 设备ID
|
*/
|
equipmentDetails: function (id) {
|
var that = this;
|
var url = './popup/html/equipment-details.html?obj=' + id;
|
layui.use('layer', function () {
|
that.layuiLayer = layui.layer;
|
that.layuiLayer.config({
|
extend: 'myskin/equipment-details.css'
|
});
|
that.layuiLayer.close(that.layuiLayer.index);
|
that.layuiLayer.open({
|
title: '警情详情',
|
type: 2,
|
shadeClose: true,
|
shade: false,
|
maxmin: false, //开启最大化最小化按钮
|
area: ['520px', '320px'],
|
offset: 'auto',
|
skin: 'equipment-details',
|
content: url,
|
closeBtn: 1,
|
});
|
})
|
},
|
// 获取当前时间，以及昨天现在的时间
|
getTime: function getTime() {
|
var timestamp = Date.parse(new Date());
|
|
// 当前时间
|
var currentTime = new Date(timestamp);
|
// 年
|
var currentY = currentTime.getFullYear();
|
// 月
|
var currentM = currentTime.getMonth() + 1 < 10 ? '0' + (currentTime.getMonth() + 1) : currentTime.getMonth() + 1;
|
// 日
|
var currentD = currentTime.getDate() < 10 ? '0' + currentTime.getDate() : currentTime.getDate();
|
// 时
|
var currentH = currentTime.getHours() < 10 ? '0' + currentTime.getHours() : currentTime.getHours();
|
// 分
|
var currentDd = currentTime.getMinutes() < 10 ? '0' + currentTime.getMinutes() : currentTime.getMinutes();
|
// 明天
|
var tomorrowTime = new Date(timestamp - 60 * 60 * 24 * 1000);
|
// 年
|
var tomorrowY = tomorrowTime.getFullYear();
|
// 月
|
var tomorrowM = tomorrowTime.getMonth() + 1 < 10 ? '0' + (tomorrowTime.getMonth() + 1) : tomorrowTime.getMonth() + 1;
|
// 日
|
var tomorrowD = tomorrowTime.getDate() < 10 ? '0' + tomorrowTime.getDate() : tomorrowTime.getDate();
|
// 时
|
var tomorrowH = tomorrowTime.getHours() < 10 ? '0' + tomorrowTime.getHours() : tomorrowTime.getHours();
|
// 分
|
var tomorrowDd = tomorrowTime.getMinutes() < 10 ? '0' + tomorrowTime.getMinutes() : tomorrowTime.getMinutes();
|
return {
|
current: currentY + '-' + currentM + '-' + currentD + ' ' + currentH + ':' + currentDd,
|
tomorrow: tomorrowY + '-' + tomorrowM + '-' + tomorrowD + ' ' + tomorrowH + ':' + tomorrowDd,
|
month: currentM + currentD
|
};
|
},
|
// 获取警情信息列表
|
/**
|
*
|
* @param {object} dom jq对象
|
* @param {string} beginTime 开始时间
|
* @param {string} endTime 结束时间
|
* @param {*} waringType 警情的类别
|
*/
|
getPoliceTable: function (dom, beginTime, endTime, waringType, addvcd, type) {
|
dom.empty();
|
var that = this;
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/jingdan/jingdan/selectList',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
beginTime: beginTime,
|
endTime: endTime,
|
waringType: waringType,
|
addvcd: addvcd,
|
type: type
|
},
|
success: function (data) {
|
var result = data.data;
|
var str = '';
|
that.entitysData = [];
|
that.addEntitys.clear();
|
for (var a, time, t, e, y, h, i = 0; i < result.length; i++) {
|
|
if (result[i].type != 1) {
|
that.createEntitys(that.addEntitys, that.entitysData, '警情信息', {
|
lgtd: result[i].jd,
|
lttd: result[i].wd,
|
id: result[i].id
|
}, result[i].jd, result[i].wd, './images/jingbaored.png');
|
|
|
t = result[i].galarmTime.substr(0, 10);
|
e = result[i].galarmTime.substr(11);
|
time = t + ' ' + e;
|
y = result[i].galarmTime.substr(5, 5);
|
h = result[i].galarmTime.substr(11, 5);
|
a = Number(i) + 1;
|
str += '<tr term-list=' + result[i].id + ' lgtd=' + result[i].jd + ' lttd=' + result[i].wd + '>';
|
str += '<td>' + a + '</td>';
|
str += '<td title=' + result[i].addvnm + '>' + result[i].addvnm + '</td>';
|
str += '<td title=' + (result[i].type == 2 ? '处理中' : '待处理') + '>' + (result[i].type == 2 ? '处理中' : '待处理') + '</td>';
|
str += "<td><a href='javascript:;' title=" + time + ">" + y + ' ' + h + "</a></td>";
|
if (result[i].type == 2) {
|
str += "<td class='operation'> <input class='follow-up' type='button' value='跟进' term-list=" + result[i].id + "> </td>";
|
} else {
|
str += "<td class='operation'> <input class='edit' type='button' value='编辑' term-list=" + result[i].id + "> </td>";
|
}
|
str += '</tr>';
|
dom.append(str);
|
str = '';
|
|
}
|
|
}
|
|
for (var i = 0; i < 1000; i++) {
|
var dd = Math.random();
|
var cc = Math.random();
|
}
|
}
|
})
|
},
|
// 获取区域信息列表
|
patrolArea: function (dom, regionName) {
|
dom.empty();
|
var that = this;
|
that.currentDrawing = [];
|
that.entityPolygonAll.clear();
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/regions/regions/selectList',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
regionName: regionName
|
},
|
success: function (data) {
|
var result = data.data;
|
var str = '';
|
var entityArr = [];
|
var objId = {};
|
var entityData = '';
|
for (var i = 0; i < result.length; i++) {
|
entityArr = [];
|
objId = {};
|
entityData = result[i].coordinate.match(/\(([^)]*)\)/);
|
// 此时result＝["(dsfasjfj3124123)", "dsfasjfj3124123"];
|
if (entityData && entityData != '') {
|
entityData = entityData[1].split(',');
|
for (var j = 0; j < entityData.length; j++) {
|
entityArr.push([Number(entityData[j].split(' ')[0]), Number(entityData[j].split(' ')[1])]);
|
}
|
}
|
objId.id = result[i].id;
|
objId.regionId = result[i].regionId;
|
objId.regionName = result[i].regionName;
|
objId.remarks = result[i].remarks;
|
|
that.addPolygonAll(that.entityPolygonAll, entityArr, objId);
|
|
str += "<tr flyid=" + result[i].id + " flyname=" + result[i].regionName + "> <td>" + (Number(i) + 1) + "</td> <td>" + result[i].regionName + "</td> <td>" + result[i].ttime + "</td> </tr>";
|
dom.append(str);
|
str = '';
|
}
|
}
|
})
|
},
|
// 获取路线信息列表
|
getRouteInformation: function (dom, routeName) {
|
dom.empty();
|
var that = this;
|
that.currentDrawing = [];
|
that.entityPolygonAll.clear();
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/routeIn/routein/selectList',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
routeName: routeName
|
},
|
success: function (data) {
|
var result = data.data;
|
var str = '';
|
var entityArr = [];
|
var objId = {};
|
var entityData = '';
|
for (var i = 0; i < result.length; i++) {
|
entityArr = [];
|
objId = {};
|
entityData = result[i].routeInfo.match(/\(([^)]*)\)/);
|
// 此时result＝["(dsfasjfj3124123)", "dsfasjfj3124123"];
|
if (entityData && entityData != '') {
|
entityData = entityData[1].split(',');
|
for (var j = 0; j < entityData.length; j++) {
|
entityArr.push([Number(entityData[j].split(' ')[0]), Number(entityData[j].split(' ')[1])]);
|
}
|
}
|
objId.id = result[i].id;
|
objId.regionId = result[i].regionId;
|
objId.routeName = result[i].routeName;
|
objId.remarks = result[i].remarks;
|
that.addPolygonAll(that.entityPolygonAll, entityArr, objId);
|
str += "<tr flyid=" + result[i].id + " flyname=" + result[i].routeName + "> <td>" + (Number(i) + 1) + "</td> <td>" + result[i].real_name + "</td> <td>" + result[i].routeName + "</td> <td> <a href='javascript:;' title=" + result[i].rtime + ">" + result[i].rtime.substr(5, 11) + "</a></td> <td><input type='button' value='编辑'></td> </tr>";
|
dom.append(str);
|
str = '';
|
}
|
}
|
})
|
},
|
// 获取保安人员信息列表
|
getSecurityPeople: function (dom, deviceType) {
|
dom.empty();
|
var that = this;
|
that.currentDrawing = [];
|
that.entityPolygonAll.clear();
|
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/alarm/alarm/queryBa',
|
type: 'POST',
|
dataType: 'JSON',
|
success: function (data) {
|
var result = data.data;
|
var str = '';
|
that.entitysData = [];
|
that.addEntitys.clear();
|
var entityArr = [];
|
var objId = {};
|
for (var a, i = 0; i < result.length; i++) {
|
|
|
that.createEntitys(that.addEntitys, that.entitysData, '出警信息', {
|
lgtd: result[i].jd,
|
lttd: result[i].wd,
|
id: result[i].id
|
}, result[i].jd, result[i].wd, './images/security.png');
|
entityArr = [];
|
objId = {};
|
|
a = Number(i) + 1;
|
str += "<tr term-snumber=" + result[i].CODE + " lgtd=" + result[i].jd + " lttd=" + result[i].wd + ">";
|
str += '<td>' + a + '</td>';
|
str += '<td title=' + result[i].CODE + '>' + result[i].CODE + '</td>';
|
str += '<td title=' + result[i].real_name + '>' + result[i].real_name + '</td>';
|
str += '<td title=' + result[i].phone + '>' + result[i].phone + '</td>';
|
str += "<td> <input type='button' value='编辑' resultid=" + result[i].id + "> </td>";
|
str += '</tr>';
|
dom.append(str);
|
str = '';
|
|
|
// 此时result＝["(dsfasjfj3124123)", "dsfasjfj3124123"];
|
|
entityArr.push([Number(result[i].jd), Number(result[i].wd)]);
|
|
objId.id = result[i].id;
|
objId.anumber = result[i].CODE;
|
objId.aname = result[i].real_name;
|
|
that.addPolygonAll(that.entityPolygonAll, entityArr, objId);
|
}
|
|
|
}
|
})
|
// $.ajax({
|
// url: 'http://61.131.136.25:2082/api/security/security/selectList',
|
// type: 'POST',
|
// dataType: 'JSON',
|
// success: function (data) {
|
// var result = data.data;
|
// var str = '';
|
// that.entitysData = [];
|
// that.addEntitys.clear();
|
// var entityArr = [];
|
// var objId = {};
|
// var entityData = '';
|
// for (var a, i = 0; i < result.length; i++) {
|
|
|
// that.createEntitys(that.addEntitys, that.entitysData, '出警信息', {
|
// lgtd: result[i].jd,
|
// lttd: result[i].wd,
|
// id: result[i].id
|
// }, result[i].jd, result[i].wd, './images/security.png');
|
// entityArr = [];
|
// objId = {};
|
// entityData = result[i].coordinate.match(/\(([^)]*)\)/);
|
|
// a = Number(i) + 1;
|
// str += "<tr term-snumber=" + result[i].snumber + " lgtd=" + result[i].jd + " lttd=" + result[i].wd + ">";
|
// str += '<td>' + a + '</td>';
|
// str += '<td title=' + result[i].snumber + '>' + result[i].snumber + '</td>';
|
// str += '<td title=' + result[i].sname + '>' + result[i].sname + '</td>';
|
// str += '<td title=' + result[i].phone + '>' + result[i].phone + '</td>';
|
// str += "<td> <input type='button' value='编辑' resultid=" + result[i].id + "> </td>";
|
// str += '</tr>';
|
// dom.append(str);
|
// str = '';
|
|
|
// // 此时result＝["(dsfasjfj3124123)", "dsfasjfj3124123"];
|
// if (entityData && entityData != '') {
|
// entityData = entityData[1].split(',');
|
// for (var j = 0; j < entityData.length; j++) {
|
// entityArr.push([Number(entityData[j].split(' ')[0]), Number(entityData[j].split(' ')[1])]);
|
// }
|
// }
|
// objId.id = result[i].id;
|
// objId.anumber = result[i].snumber;
|
// objId.aname = result[i].sname;
|
|
// that.addPolygonAll(that.entityPolygonAll, entityArr, objId);
|
// }
|
|
|
// }
|
// })
|
},
|
// 创建实体图层
|
createEntitys: function (entitys, entityContent, name, item, lgtd, lttd, outlineColors) {
|
|
var symbol = new esri.symbol.PictureMarkerSymbol(outlineColors, 26, 26);
|
symbol.name = name;
|
var pt = new Point(lgtd, lttd, new esri.SpatialReference({
|
wkid: 4326
|
}));
|
pt.entityData = item;
|
var graphic = new esri.Graphic(pt, symbol);
|
entitys.add(graphic);
|
|
|
entityContent.push(item);
|
},
|
addPoint: function (entitys, lgtd, lttd) {
|
var symbol = new esri.symbol.PictureMarkerSymbol('./images/real-time-callPolice.png', 10, 10);
|
var pt = new Point(lgtd, lttd, new SpatialReference({
|
wkid: 4326
|
}));
|
var graphic = new esri.Graphic(pt, symbol);
|
entitys.add(graphic);
|
},
|
addPolyline: function (entitys, path) {
|
entitys.clear();
|
var polylineSymbol = new SimpleLineSymbol();
|
polylineSymbol.color = [255, 0, 0, 1];
|
polylineSymbol.width = 4;
|
var polyline = new Polyline({
|
"paths": [path],
|
"spatialReference": {
|
"wkid": 4326
|
}
|
});
|
|
entitys.add(new Graphic(polyline, polylineSymbol));
|
},
|
addPolygon: function (entitys, rings) {
|
entitys.clear();
|
var polygonSymbol = new SimpleFillSymbol();
|
polygonSymbol.color = [24, 255, 243, 0.411];
|
var polygon = new Polygon({
|
"rings": [rings],
|
"spatialReference": {
|
"wkid": 4326
|
}
|
});
|
|
entitys.add(new Graphic(polygon, polygonSymbol));
|
},
|
|
activateToolbar: function (graphic) {
|
var tool = 0;
|
|
this.editToolbar = new Edit(this._map);
|
|
// if (registry.byId("tool_move").checked) {
|
tool = tool | Edit.MOVE;
|
// }
|
// if (registry.byId("tool_vertices").checked) {
|
tool = tool | Edit.EDIT_VERTICES;
|
// }
|
// if (registry.byId("tool_scale").checked) {
|
tool = tool | Edit.SCALE;
|
// }
|
// if (registry.byId("tool_rotate").checked) {
|
tool = tool | Edit.ROTATE;
|
// }
|
// enable text editing if a graphic uses a text symbol
|
// if ( graphic.symbol.declaredClass === "esri.symbol.TextSymbol" ) {
|
tool = tool | Edit.EDIT_TEXT;
|
// }
|
|
var options = {
|
allowAddVertices: true,
|
allowDeleteVertices: true,
|
uniformScaling: true
|
};
|
this.editToolbar.activate(tool, graphic, options);
|
|
},
|
|
addPolygonAll: function (entitys, rings, objId) {
|
// entitys.clear();
|
var graphic = null;
|
if (this.patrolIndex == 1) {
|
var polylineSymbol = new SimpleLineSymbol();
|
polylineSymbol.color = [255, 0, 0, 1];
|
polylineSymbol.width = 4;
|
var polyline = new Polyline({
|
"paths": [rings],
|
"spatialReference": {
|
"wkid": 4326
|
}
|
});
|
|
graphic = new Graphic(polyline, polylineSymbol)
|
|
} else {
|
var polygonSymbol = new SimpleFillSymbol();
|
polygonSymbol.color = [24, 255, 243, 0.411];
|
|
var polygon = new Polygon({
|
"rings": [rings],
|
"spatialReference": {
|
"wkid": 4326
|
}
|
});
|
|
graphic = new Graphic(polygon, polygonSymbol);
|
|
}
|
|
graphic.objId = objId;
|
|
if (this.tabIndex == 1) {
|
if (this.patrolIndex == 1) {
|
this.currentDrawing.push({
|
id: objId.id,
|
regionId: objId.regionId,
|
routeName: objId.routeName,
|
remarks: objId.remarks,
|
extent: graphic.geometry.getExtent()
|
});
|
} else {
|
this.currentDrawing.push({
|
id: objId.id,
|
regionId: objId.regionId,
|
regionName: objId.regionName,
|
remarks: objId.remarks,
|
extent: graphic.geometry.getExtent()
|
});
|
}
|
} else {
|
this.currentDrawing.push({
|
id: objId.id,
|
aname: objId.aname,
|
anumber: objId.anumber,
|
extent: graphic.geometry.getExtent()
|
});
|
}
|
|
|
entitys.add(graphic);
|
},
|
|
modifyPolygon: function () {
|
var self = this;
|
if (self.editToolbar != null) {
|
|
if (self.patrolIndex == 1) {
|
var polygon = self.editToolbar.getCurrentState();
|
|
|
for (var i = 0; i < self.currentDrawing.length; i++) {
|
|
if (self.currentDrawing[i].id == polygon.graphic.objId.id) {
|
self.currentDrawing[i].extent = polygon.graphic.geometry.getExtent();
|
}
|
|
}
|
|
|
self.editToolbar.deactivate();
|
|
self.editToolbar = null;
|
|
|
// 声明空字符串，存储数据
|
var dataStr = '';
|
|
// 获取数据
|
var data = polygon.graphic.geometry.paths[0];
|
|
|
for (var i = 0; i < data.length; i++) {
|
dataStr += (data[i][0] + ' ' + data[i][1] + ',');
|
}
|
// 组装数据
|
dataStr = dataStr.substring(0, dataStr.length - 1);
|
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/routeIn/routein/updatelx',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
id: polygon.graphic.objId.id,
|
regionId: polygon.graphic.objId.regionId,
|
routeName: polygon.graphic.objId.routeName,
|
routeInfo: dataStr,
|
remarks: polygon.graphic.objId.remarks,
|
},
|
success: function (result) {
|
if (result.code == 200) {
|
|
}
|
}
|
})
|
} else {
|
var polygon = self.editToolbar.getCurrentState();
|
|
|
for (var i = 0; i < self.currentDrawing.length; i++) {
|
|
if (self.currentDrawing[i].id == polygon.graphic.objId.id) {
|
self.currentDrawing[i].extent = polygon.graphic.geometry.getExtent();
|
}
|
|
}
|
|
|
self.editToolbar.deactivate();
|
|
self.editToolbar = null;
|
|
|
// 声明空字符串，存储数据
|
var dataStr = '';
|
|
// 获取数据
|
var data = polygon.graphic.geometry.rings[0];
|
|
|
for (var i = 0; i < data.length; i++) {
|
dataStr += (data[i][0] + ' ' + data[i][1] + ',');
|
}
|
// 组装数据
|
dataStr = dataStr.substring(0, dataStr.length - 1);
|
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/regions/regions/updateqy',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
id: polygon.graphic.objId.id,
|
regionId: polygon.graphic.objId.regionId,
|
regionName: polygon.graphic.objId.regionName,
|
coordinate: dataStr,
|
remarks: polygon.graphic.objId.remarks
|
},
|
success: function (result) {
|
if (result.code == 200) {
|
|
}
|
}
|
})
|
}
|
|
|
}
|
},
|
|
electronicFence: function () {
|
var self = this;
|
if (self.editToolbar != null) {
|
var polygon = self.editToolbar.getCurrentState();
|
|
|
for (var i = 0; i < self.currentDrawing.length; i++) {
|
|
if (self.currentDrawing[i].id == polygon.graphic.objId.id) {
|
self.currentDrawing[i].extent = polygon.graphic.geometry.getExtent();
|
}
|
|
}
|
|
|
self.editToolbar.deactivate();
|
|
self.editToolbar = null;
|
|
|
// 声明空字符串，存储数据
|
var dataStr = '';
|
|
// 获取数据
|
var data = polygon.graphic.geometry.rings[0];
|
|
|
for (var i = 0; i < data.length; i++) {
|
dataStr += (data[i][0] + ' ' + data[i][1] + ',');
|
}
|
// 组装数据
|
dataStr = dataStr.substring(0, dataStr.length - 1);
|
|
$.ajax({
|
url: 'http://61.131.136.25:2082/api/enclosure/enclosure/updatee',
|
type: 'POST',
|
dataType: 'JSON',
|
data: {
|
id: polygon.graphic.objId.id,
|
aname: polygon.graphic.objId.aname,
|
anumber: polygon.graphic.objId.anumber,
|
routeInfo: dataStr
|
},
|
success: function (result) {
|
if (result.code == 200) {
|
|
}
|
}
|
})
|
}
|
},
|
|
//聚合图层事件
|
flareClusterLayer: function (datas) {
|
|
var that = this;
|
|
var preClustered = false;
|
var displaySingleFlaresAtCount = 10;
|
var areaDisplayMode = "";
|
// var allData = JSON.parse(DATA);
|
// DataManager.setData(allData);
|
|
//init the layer, more options are available and explained in the cluster layer constructor
|
that.clusterLayer = new FlareClusterLayer({
|
id: "flare-cluster-layer",
|
spatialReference: new esri.SpatialReference({
|
"wkid": 4326
|
}),
|
subTypeFlareProperty: "facilityType",
|
singleFlareTooltipProperty: "name",
|
displaySubTypeFlares: true,
|
displaySingleFlaresAtCount: displaySingleFlaresAtCount,
|
flareShowMode: "mouse",
|
preClustered: preClustered,
|
clusterRatio: 75,
|
clusterAreaDisplay: areaDisplayMode,
|
clusteringBegin: function () {
|
console.log("clustering begin");
|
},
|
clusteringComplete: function () {
|
console.log("clustering complete");
|
}
|
});
|
|
//set up a class breaks renderer to render different symbols based on the cluster count. Use the required clusterCount property to break on.
|
var defaultSym = new PictureMarkerSymbol("./images/ceshi.png", 32, 32).setOffset(0, 15);
|
var renderer = new ClassBreaksRenderer(defaultSym, "clusterCount");
|
var xlSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 32, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([200, 52, 59, 0.8]), 1), new dojo.Color([250, 65, 74, 0.8]));
|
var lgSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 28, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([41, 163, 41, 0.8]), 1), new dojo.Color([51, 204, 51, 0.8]));
|
var mdSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 24, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([82, 163, 204, 0.8]), 1), new dojo.Color([102, 204, 255, 0.8]));
|
var smSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 22, new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new dojo.Color([230, 184, 92, 0.8]), 1), new dojo.Color([255, 204, 102, 0.8]));
|
renderer.addBreak(0, 19, smSymbol);
|
renderer.addBreak(20, 150, mdSymbol);
|
renderer.addBreak(151, 1000, lgSymbol);
|
renderer.addBreak(1001, Infinity, xlSymbol);
|
|
that.clusterLayer.setRenderer(renderer); //use standard setRenderer.
|
|
//set up a popup template
|
var template = new PopupTemplate({
|
title: "{name}",
|
fieldInfos: [{
|
fieldName: "facilityType",
|
label: "Facility Type",
|
visible: true
|
},
|
{
|
fieldName: "postcode",
|
label: "Post Code",
|
visible: true
|
},
|
{
|
fieldName: "isOpen",
|
label: "Opening Hours",
|
visible: true
|
}
|
]
|
});
|
|
//clusterLayer.infoTemplate = template;
|
that._map.infoWindow.titleInBody = false;
|
|
that._map.addLayer(that.clusterLayer);
|
|
//var data = DataManager.getData();
|
that.clusterLayer.addData(datas);
|
|
|
},
|
clearLayer: function () {
|
var that = this;
|
that._map.removeLayer(that.clusterLayer);
|
that.clusterLayer = null;
|
}
|
|
});
|
return Widget;
|
});
|
