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/MultidateTool",
|
"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,
|
MultidateTool,
|
SwipeTool,
|
ZoomInTool,
|
ZoomOutTool,
|
PanTool,
|
FullScreenTool,
|
ScreenWindowTool,
|
StreetViewTool,
|
MeasureLineTool,
|
MeasurePolygonTool,
|
ErrCorrectTool,
|
ClearTool,
|
CityLayerTool,
|
LocationTool,
|
domStyle) {
|
return declare("WidgetManager", null, {
|
//--------------------------------------------
|
// 系统所有widget的配置
|
//--------------------------------------------
|
_widgetsConfig: [{
|
"id": "IndexWidget", //Widget的ID
|
"widgetClass": "widgets/index/IndexWidget", //Widget的url
|
"cssPath": "widgets/index/IndexWidget.css", //Widget的css文件url
|
"label": "专题地图", //Widget的显示名称，仅对sider类型有效
|
"type": "sider", //Widget所属区域类型：sider,top,cover
|
"actived": false //widget是否在初始化时加载，默认false，如果为false则只有AppEvent.RUN_WIDGET后才动态加载该widget。如果为sider类型，且displaylabel为true，不论改设置为true或false，都会在tabbar上创建该widget的按钮
|
//"inited": true //提前初始化，避免其他组件与其互动时必须判断其是否已被初始化，actived为true时，inited无论如何都为true
|
}, {
|
"label": "洪水风险",
|
"id": "RiskEarlyWarningBottomWidget",
|
"widgetClass": "widgets/riskEarlyWarning/RiskEarlyWarningBottomWidget",
|
"type": "sider",
|
"cssPath": "widgets/riskEarlyWarning/RiskEarlyWarningBottomWidget.css",
|
"actived": true
|
}, {
|
"label": "地图浏览",
|
"id": "MapBrowseWidget",
|
"widgetClass": "widgets/mapBrowse/MapBrowseWidget",
|
"type": "sider",
|
"cssPath": "widgets/mapBrowse/MapBrowseWidget.css",
|
"actived": false
|
}, {
|
"label": "首页",
|
"id": "homeWidget",
|
"widgetClass": "widgets/home/homeWidget",
|
"type": "sider",
|
"cssPath": "widgets/home/homeWidget.css",
|
"actived": false
|
}, {
|
"label": "登录",
|
"id": "LoginWidget",
|
"widgetClass": "widgets/login/LoginWidget",
|
"type": "cover",
|
"cssPath": "widgets/login/LoginWidget.css",
|
"actived": false
|
},{
|
"label": "多时相",
|
"id": "MultidateWidget",
|
"widgetClass": "widgets/multidate/MultidateWidget",
|
"type": "cover",
|
"cssPath": "widgets/multidate/MultidateWidget.css",
|
"actived": false
|
}, {
|
"label": "标记",
|
"id": "SwipeWidget",
|
"widgetClass": "widgets/swipe/SwipeWidget",
|
"type": "cover",
|
"cssPath": "widgets/swipe/SwipeWidget.css",
|
"actived": false
|
}, {
|
"label": "统计分析",
|
"id": "StatisticalWidget",
|
"widgetClass": "widgets/Statistical/StatisticalWidget",
|
"type": "sider",
|
"cssPath": "widgets/Statistical/StatisticalWidget.css",
|
"actived": false
|
}, {
|
"label": "统计图表",
|
"id": "echartsWidget",
|
"widgetClass": "widgets/echarts/echartsWidget",
|
"type": "cover",
|
"cssPath": "widgets/echarts/echartsWidget.css",
|
"actived": false
|
}, {
|
"label": "统计图表-详细信息",
|
"id": "detailsWidget",
|
"widgetClass": "widgets/details/detailsWidget",
|
"type": "cover",
|
"cssPath": "widgets/details/detailsWidget.css",
|
"actived": false
|
}, {
|
"label": "专题统计图",
|
"id": "projectWidget",
|
"widgetClass": "widgets/project/projectWidget",
|
"type": "sider",
|
"cssPath": "widgets/project/projectWidget.css",
|
"actived": false
|
},{
|
"label": "地图查询_属性",
|
"id": "attributeQueryWidget",
|
"widgetClass": "widgets/attributeQuery/attributeQueryWidget",
|
"cssPath": "widgets/attributeQuery/attributeQueryWidget.css",
|
"type": "cover",
|
"actived": false
|
},{
|
"label": "统计分析",
|
"id": "StatisticsWidget",
|
"widgetClass": "widgets/Statistics/StatisticsWidget",
|
"type": "sider",
|
"cssPath": "widgets/Statistics/StatisticsWidget.css",
|
"actived": false
|
}, {
|
"label": "空间分析_叠加分析",
|
"id": "SpaceWidget",
|
"widgetClass": "widgets/space/SpaceWidget",
|
"type": "sider",
|
"cssPath": "widgets/space/SpaceWidget.css",
|
"actived": false
|
}, {
|
"label": "空间分析_缓冲区",
|
"id": "bufferWidget",
|
"widgetClass": "widgets/buffer/bufferWidget",
|
"type": "sider",
|
"cssPath": "widgets/buffer/bufferWidget.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 () {
|
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 LocationTool({
|
// "map": this._map
|
// });
|
// domConstruct.place(tool.domNode, toolbarDom);
|
// AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
// tool: tool,
|
// hockId: ConfigData.mapWidgetId
|
// });
|
|
// var tool = new MultidateTool({
|
// "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 Map3DTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});*/
|
|
// var tool = new MultidateTool({
|
// "map": this._map
|
// });
|
// domConstruct.place(tool.domNode, toolbarDom);
|
// AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
// tool: tool,
|
// hockId: ConfigData.mapWidgetId
|
// });
|
//地图标记
|
var tool = new SwipeTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: tool,
|
hockId: ConfigData.mapWidgetId
|
});
|
|
/*var streetviewtool = new StreetViewTool({
|
"map": this._map
|
});
|
domConstruct.place(streetviewtool.domNode, this._mapContentDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, tool);
|
var content = {
|
tool: streetviewtool
|
}
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, {
|
tool: streetviewtool,
|
hockId: ConfigData.mapWidgetId
|
});*/
|
|
/* var tool = new ScreenWindowTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, tool);*/
|
|
/*var tool = new ErrCorrectTool({
|
"map": this._map
|
});*/
|
/*domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, tool);*/
|
|
/*var tool = new FullScreenTool({
|
"map": this._map
|
});
|
domConstruct.place(tool.domNode, toolbarDom);
|
AppEvent.dispatchAppEvent(AppEvent.APPEND_TOOL, tool);
|
on(closeStreetViewButton, "click", lang.hitch(content, function() {
|
this.tool.deactivate();
|
}));*/
|
|
/*var tool = new CityLayerTool({
|
"map": this._map
|
});*/
|
/*domConstruct.place(tool.domNode, this._mapContentDom);
|
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];
|
}
|
}
|
}
|
});
|
});
|
