define(["base/AppEvent",
|
"base/ConfigData",
|
"dojo/_base/declare",
|
"dojo/_base/lang",
|
"dojo/dom",
|
"dojo/dom-construct",
|
"dojo/dom-attr",
|
"dojo/dom-class",
|
"dojo/on",
|
"utils/LayerUtil",
|
"utils/ConfigUtil",
|
"controls/toolbar/tools/Map3DTool",
|
"controls/toolbar/tools/SwipeTool",
|
"controls/toolbar/tools/ZoomInTool",
|
"controls/toolbar/tools/ZoomOutTool",
|
"controls/toolbar/tools/PanTool",
|
"controls/toolbar/tools/FullScreenTool",
|
"controls/toolbar/tools/ScreenWindowTool",
|
"controls/toolbar/tools/StreetViewTool",
|
"controls/toolbar/tools/MeasureLineTool",
|
"controls/toolbar/tools/MeasurePolygonTool",
|
"controls/toolbar/tools/ErrCorrectTool",
|
"controls/toolbar/tools/ClearTool",
|
"controls/toolbar/tools/CityLayerTool",
|
"controls/toolbar/tools/LocationTool",
|
"dojo/dom-style",
|
"dojo/domReady!"
|
],
|
function(AppEvent,
|
ConfigData,
|
declare,
|
lang,
|
dom,
|
domConstruct,
|
domAttr,
|
domClass,
|
on,
|
LayerUtil,
|
ConfigUtil,
|
Map3DTool,
|
SwipeTool,
|
ZoomInTool,
|
ZoomOutTool,
|
PanTool,
|
FullScreenTool,
|
ScreenWindowTool,
|
StreetViewTool,
|
MeasureLineTool,
|
MeasurePolygonTool,
|
ErrCorrectTool,
|
ClearTool,
|
CityLayerTool,
|
LocationTool,
|
domStyle) {
|
return declare("WidgetManager", null, {
|
//--------------------------------------------
|
// 系统所有widget的配置
|
//--------------------------------------------
|
_widgetsConfig: [{
|
"label": "分析研判",
|
"id": "AnalysisAndJudgment",
|
"widgetClass": "widgets/analysisAndJudgment/AnalysisAndJudgment",
|
"type": "sider",
|
"cssPath": "widgets/analysisAndJudgment/AnalysisAndJudgment.css",
|
"actived": false
|
},
|
// {
|
// "label": "周界检测",
|
// "id": "PerimeterDetection",
|
// "widgetClass": "widgets/perimeterDetection/PerimeterDetection",
|
// "type": "sider",
|
// "cssPath": "widgets/perimeterDetection/PerimeterDetection.css",
|
// "actived": false
|
// },
|
// {
|
// "label": "入口安检",
|
// "id": "EntranceSecurity",
|
// "widgetClass": "widgets/entranceSecurity/EntranceSecurity",
|
// "type": "sider",
|
// "cssPath": "widgets/entranceSecurity/EntranceSecurity.css",
|
// "actived": false
|
// },
|
{
|
"label": "实时报警",
|
"id": "RealTimePolice",
|
"widgetClass": "widgets/realTimePolice/RealTimePolice",
|
"type": "sider",
|
"cssPath": "widgets/realTimePolice/RealTimePolice.css",
|
"actived": false
|
},
|
{
|
"label": "客户管理",
|
"id": "ClientManagement",
|
"widgetClass": "widgets/clientManagement/ClientManagement",
|
"type": "sider",
|
"cssPath": "widgets/clientManagement/ClientManagement.css",
|
"actived": false
|
},
|
{
|
"label": "设备管理",
|
"id": "equipment",
|
"widgetClass": "widgets/equipment/ClientManagement",
|
"type": "sider",
|
"cssPath": "widgets/equipment/ClientManagement.css",
|
"actived": false
|
},
|
{
|
"label": "警情调度",
|
"id": "PoliceDispatching",
|
"widgetClass": "widgets/policeDispatching/PoliceDispatching",
|
"type": "sider",
|
"cssPath": "widgets/policeDispatching/PoliceDispatching.css",
|
"actived": false
|
},
|
{
|
"label": "巡逻管理",
|
"id": "PatrolManagement",
|
"widgetClass": "widgets/patrolManagement/PatrolManagement",
|
"type": "sider",
|
"cssPath": "widgets/patrolManagement/PatrolManagement.css",
|
"actived": false
|
},
|
{
|
"label": "出警队伍",
|
"id": "APoliceTeam",
|
"widgetClass": "widgets/aPoliceTeam/APoliceTeam",
|
"type": "sider",
|
"cssPath": "widgets/aPoliceTeam/APoliceTeam.css",
|
"actived": false
|
},
|
{
|
"label": "处警队伍",
|
"id": "SecurityMap",
|
"widgetClass": "widgets/securityMap/SecurityMap",
|
"type": "sider",
|
"cssPath": "widgets/securityMap/SecurityMap.css",
|
"actived": false
|
},
|
{
|
"label": "分发处置",
|
"id": "AlertSecurity",
|
"widgetClass": "widgets/alertSecurity/AlertSecurity",
|
"type": "sider",
|
"cssPath": "widgets/alertSecurity/AlertSecurity.css",
|
"actived": false
|
},
|
{
|
"label": "抢单任务",
|
"id": "task",
|
"widgetClass": "widgets/task/task",
|
"type": "sider",
|
"cssPath": "widgets/task/task.css",
|
"actived": false
|
},
|
{
|
"label": "地图模式",
|
"id": "SupervisoryMap",
|
"widgetClass": "widgets/supervisoryMap/SupervisoryMap",
|
"type": "sider",
|
"cssPath": "widgets/supervisoryMap/SupervisoryMap.css",
|
"actived": false
|
},
|
{
|
"label": "卡片模式详情",
|
"id": "DetailMap",
|
"widgetClass": "widgets/detailMap/DetailMap",
|
"type": "sider",
|
"cssPath": "widgets/detailMap/DetailMap.css",
|
"actived": false
|
},
|
{
|
"label": "洪水风险",
|
"id": "MapBrowseWidgetCopy",
|
"widgetClass": "widgets/mapBrowsecopy/MapBrowseWidgetCopy",
|
"type": "sider",
|
"cssPath": "widgets/mapBrowsecopy/MapBrowseWidgetCopy.css",
|
"actived": false
|
}, {
|
"label": "数据查询",
|
"id": "MapBrowseWidget",
|
"widgetClass": "widgets/mapBrowse/MapBrowseWidget",
|
"type": "sider",
|
"cssPath": "widgets/mapBrowse/MapBrowseWidget.css",
|
"actived": false
|
}, {
|
"label": "工具箱",
|
"id": "toolBoxWidget",
|
"widgetClass": "widgets/toolbox/toolBoxWidget",
|
"type": "cover",
|
"cssPath": "widgets/toolbox/toolBoxWidget.css",
|
"actived": false
|
}
|
],
|
_map: null,
|
_bodyDom: null,
|
_mapContentDom: null,
|
/**
|
* 默认初始化显示在侧边栏的Widget
|
*/
|
_defaultActivedSiderWidgetId: null,
|
_topWidgetContainerDom: null,
|
_widgetsTable: {},
|
_activedButton: null,
|
_widgetId2TabButtonIndex: {},
|
constructor: function() {
|
AppEvent.addAppEventListener(AppEvent.CONFIG_LOADED, lang.hitch(this, this.onConfigLoaded));
|
AppEvent.addAppEventListener(AppEvent.BASE_MAP_LAYER_LOADED, lang.hitch(this, this.onMapLoaded));
|
AppEvent.addAppEventListener(AppEvent.RUN_WIDGET, lang.hitch(this, this.onRunWidgetHandler));
|
AppEvent.addAppEventListener(AppEvent.CLOSE_WIDGET, lang.hitch(this, this.onCloseWidgetHandler));
|
},
|
onConfigLoaded: function() {
|
this._bodyDom = dom.byId("body");
|
this._mapContentDom = dom.byId("mapcontentClass");
|
this._topWidgetContainerDom = dom.byId("topWidgetContainer");
|
},
|
onMapLoaded: function(map) {
|
try {
|
this._map = map;
|
for (var i = 0; i < this._widgetsConfig.length; i++) {
|
var widgetCfg = this._widgetsConfig[i];
|
switch (widgetCfg.type) {
|
case "sider":
|
this._parseSiderWidget(widgetCfg);
|
break;
|
case "top":
|
this._parseTopWidget(widgetCfg);
|
break;
|
case "cover":
|
this._parseCoverWidget(widgetCfg);
|
break;
|
|
}
|
}
|
if (this._defaultActivedSiderWidgetId != null && this._activedButton != null) {
|
this._switchTab(this._defaultActivedSiderWidgetId);
|
domClass.add(this._activedButton, "tabbuttonbar-actived");
|
}
|
this._tempAppendOthers();
|
} catch (err) {
|
console.log(err);
|
}
|
|
},
|
/**
|
* 解析侧边栏的Widget
|
*/
|
_parseSiderWidget: function(widgetCfg) {
|
if (widgetCfg.inited) {
|
this._loadWidget(widgetCfg.widgetClass, widgetCfg.id, widgetCfg.cssPath, function(widget) {
|
domConstruct.place(widget.domNode, dom.byId("tabcontainer"));
|
widget.startup();
|
widget.close();
|
});
|
}
|
// if (!widgetCfg.displaylabel) {
|
//
|
// return
|
// }
|
var tabButton = domConstruct.create("li", null, dom.byId("tabbuttonbar"));
|
on(tabButton, "click", dojo.hitch(this, this._onTabButtonClickHandler));
|
domAttr.set(tabButton, "widgetid", widgetCfg.id);
|
if (widgetCfg.actived) {
|
this._defaultActivedSiderWidgetId = widgetCfg.id;
|
this._activedButton = tabButton;
|
}
|
tabButton.innerHTML = widgetCfg.label;
|
this._widgetId2TabButtonIndex[widgetCfg.id] = tabButton;
|
},
|
/**
|
* 解析顶部位置的Widget
|
*/
|
_parseTopWidget: function(widgetCfg) {
|
if (widgetCfg.actived) {
|
this._loadWidget(widgetCfg.widgetClass, widgetCfg.id, widgetCfg.cssPath, lang.hitch(this, function() {
|
var widget = this._widgetsTable[widgetCfg.id];
|
domConstruct.place(widget.domNode, this._topWidgetContainerDom);
|
widget.startup();
|
widget.open();
|
}));
|
}
|
},
|
/**
|
* 解析浮动在地图显示区域上的Widget
|
*/
|
_parseCoverWidget: function(widgetCfg) {
|
if (widgetCfg.actived) {
|
this._loadWidget(widgetCfg.widgetClass, widgetCfg.id, widgetCfg.cssPath, lang.hitch(this, function() {
|
var widget = this._widgetsTable[widgetCfg.id];
|
domConstruct.place(widget.domNode, this._mapContentDom);
|
widget.startup();
|
}));
|
}
|
|
},
|
|
onRunWidgetHandler: function(widgetId) {
|
var widgetCfg = this._getWidgetConfigById(widgetId);
|
if (!widgetCfg) {
|
alert("该模块不存在！");
|
return;
|
}
|
var widget = this._widgetsTable[widgetId];
|
if (widget == null) {
|
var content = {
|
thisObj: this,
|
widgetCfg: widgetCfg
|
};
|
this._loadWidget(widgetCfg.widgetClass, widgetId, widgetCfg.cssPath, lang.hitch(content, function() {
|
var widget = this.thisObj._widgetsTable[this.widgetCfg.id];
|
this.thisObj._runWidget(widget, this.widgetCfg);
|
}));
|
} else {
|
this._runWidget(widget, widgetCfg);
|
}
|
},
|
onCloseWidgetHandler: function(widgetId) {
|
var widgetCfg = this._getWidgetConfigById(widgetId);
|
if (!widgetCfg) {
|
return;
|
}
|
var widget = this._widgetsTable[widgetId];
|
if (!widget) {
|
return;
|
}
|
widget.close();
|
},
|
|
/**
|
* 运行Widget
|
*/
|
_runWidget: function(widget, widgetCfg) {
|
switch (widgetCfg.type) {
|
case "sider":
|
if (this._activedButton) {
|
domClass.remove(this._activedButton, "tabbuttonbar-actived");
|
}
|
this._switchTab(widgetCfg.id);
|
this._activedButton = null;
|
if (widgetCfg.displaylabel) {
|
this._activedButton = this._widgetId2TabButtonIndex[widgetCfg.id];
|
domClass.add(this._activedButton, "tabbuttonbar-actived");
|
}
|
break;
|
case "top":
|
this._parseTopWidget(widgetCfg);
|
if (widget.loaded() == false) {
|
widget.startup();
|
}
|
widget.open();
|
break;
|
case "cover":
|
//this._parseCoverWidget(widgetCfg);
|
domConstruct.place(widget.domNode, this._mapContentDom);
|
if (widget.loaded() == false) {
|
widget.startup();
|
}
|
widget.open();
|
break;
|
}
|
//会导致对sider widget派发RUNWIDGET事件时，widget.open()执行两次，故移入switch中 。 Edit by liuyl 2015/11/5
|
// if (widget.loaded() == false) {
|
// widget.startup();
|
// }
|
// widget.open();
|
},
|
/**
|
* 临时的实例化，因为还没有规划好怎么加载
|
*/
|
_tempAppendOthers: function() {
|
return;
|
var map = this._map;
|
var mapDomNode = dom.byId(map.id);
|
//创建常用工具条
|
dojo.create("link", {
|
href: 'controls/toolbar/toolbar.css',
|
type: 'text/css',
|
rel: 'stylesheet'
|
},
|
document.getElementsByTagName('head')[0]);
|
var toolbarDom = domConstruct.create("div", {
|
id: "toolBarDiv",
|
"class": "toolbar"
|
}, dom.byId('mainMapWidget'));
|
//全屏
|
/*var tool = new FullScreenTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, tool);*/
|
//放大
|
var tool = new ZoomInTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});
|
//缩小
|
var tool = new ZoomOutTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});
|
//复位
|
var tool = new LocationTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});
|
//漫游
|
/*var tool = new Map3DTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});*/
|
//平移
|
var tool = new PanTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});
|
//量距离
|
var tool = new MeasureLineTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});
|
//；量面积
|
var tool = new MeasurePolygonTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});
|
//清除
|
var tool = new ClearTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});
|
|
},
|
_onTabButtonClickHandler: function(evt) {
|
if (this._activedButton == evt.currentTarget) {
|
return;
|
}
|
var clickButton = evt.currentTarget;
|
var widgetId = domAttr.get(evt.currentTarget, "widgetid");
|
var widget = this._widgetsTable[widgetId];
|
if (widget == null) {
|
//Widget还未Load
|
var widgetCfg = this._getWidgetConfigById(widgetId);
|
this._loadWidget(widgetCfg.widgetClass, widgetId, widgetCfg.cssPath, lang.hitch(this, function() {
|
widget = this._widgetsTable[widgetId];
|
//this._confirmUserRightForSiderWidget(widget)
|
if (this._activedButton) {
|
domClass.remove(this._activedButton, "tabbuttonbar-actived");
|
}
|
this._switchTab(widget.widgetName);
|
this._activedButton = clickButton;
|
domClass.add(this._activedButton, "tabbuttonbar-actived");
|
}));
|
} else {
|
//this._confirmUserRightForSiderWidget(widget)
|
if (this._activedButton) {
|
domClass.remove(this._activedButton, "tabbuttonbar-actived");
|
}
|
this._switchTab(widget.widgetName);
|
this._activedButton = clickButton;
|
domClass.add(this._activedButton, "tabbuttonbar-actived");
|
}
|
//var loadwidget = lang.hitch(this, this._confirmUserRightForSiderWidget(widget));
|
},
|
_switchTab: function(widgetId) {
|
var widget;
|
if (widgetId == this._defaultActivedSiderWidgetId) {
|
//第一次加载defaultWidget的时候，widget还未请求
|
widget = this._widgetsTable[widgetId];
|
if (widget != null) {
|
return;
|
}
|
//是第一次加载，先清除default，以可以走下面的判断
|
this._defaultActivedSiderWidgetId = null;
|
}
|
if (this._defaultActivedSiderWidgetId != null) {
|
widget = this._widgetsTable[this._defaultActivedSiderWidgetId];
|
widget.close();
|
widget.domNode.parentNode.removeChild(widget.domNode);
|
}
|
widget = this._widgetsTable[widgetId];
|
var loadfun = lang.hitch(this, function(widget, widgetId) {
|
this._defaultActivedSiderWidgetId = widgetId;
|
domConstruct.place(widget.domNode, dom.byId("tabcontainer"));
|
if (widget.loaded() == false) {
|
widget.startup();
|
}
|
|
widget.open();
|
});
|
if (widget == null) {
|
var widgetCfg = this._getWidgetConfigById(widgetId);
|
this._loadWidget(widgetCfg.widgetClass, widgetId, widgetCfg.cssPath, lang.hitch(this, function() {
|
widget = this._widgetsTable[widgetId];
|
loadfun(widget, widgetId);
|
}));
|
} else {
|
loadfun(widget, widgetId);
|
}
|
|
},
|
_loadWidget: function(widgetUrl, widgetId, cssPath, callback) {
|
if (cssPath && cssPath != "") {
|
dojo.create("link", {
|
href: cssPath,
|
type: "text/css",
|
rel: "stylesheet"
|
},
|
document.getElementsByTagName("head")[0]);
|
}
|
require([widgetUrl], lang.hitch(this, function(WidgetClass) {
|
var widget = new WidgetClass({
|
map: this._map,
|
id: widgetId
|
});
|
this._widgetsTable[widgetId] = widget;
|
if (callback)
|
callback(widget);
|
}),
|
function(err) {
|
console.log("load widget");
|
console.log(err);
|
});
|
},
|
_getWidgetConfigById: function(widgetId) {
|
for (var i = 0; i < this._widgetsConfig.length; i++) {
|
if (this._widgetsConfig[i].id == widgetId) {
|
return this._widgetsConfig[i];
|
}
|
}
|
}
|
});
|
});
|
